.report-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;margin-bottom:14px}.report-controls label{display:flex;flex:1;min-width:145px;flex-direction:column;gap:7px;font-size:13.2px;color:#bbb}.report-controls input,.report-controls select{min-height:38px;padding:8px 10px;border:1px solid #555;background:#191919;color:#f4f4f4;border-radius:6px;width:100%;font:inherit;color-scheme:dark}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.report-metric{cursor:pointer;text-align:left;padding:15px;color:#eee;font:inherit}.report-metric>span{display:block;font-size:13.2px;color:#bbb}.report-metric strong{display:block;font-size:28.6px;margin-top:5px;font-variant-numeric:tabular-nums}.report-metric small{font-size:12.1px;font-weight:400;margin-left:6px;color:#aaa}.report-metric.selected{border-color:#eee}.report-table-panel{overflow:hidden;margin-bottom:14px}.report-table-head{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.report-table-head>span{font-size:12.1px;color:#aaa}.report-switch{display:flex;gap:4px}.report-switch button,.report-foot button{font:inherit;font-size:13.2px;cursor:pointer;color:#bbb;background:none;border:1px solid transparent;border-radius:5px;padding:7px 10px}.report-switch button[aria-pressed=true]{background:#3a3a3a;border-color:#666;color:white}.report-table-scroll{overflow:auto}.report-table{width:100%;border-collapse:collapse;font-size:13.2px;min-width:620px}.report-table th,.report-table td{padding:11px 14px;border-bottom:1px solid #3c3c3c;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.report-table th:first-child{text-align:left;min-width:150px}.report-table thead{color:#bbb;background:#252525}.report-table tbody th button{background:none;border:0;color:#f4f4f4;cursor:pointer;font:inherit;padding:0;text-align:left;max-width:230px;white-space:normal}.report-table tbody th button:hover{text-decoration:underline}.report-table tfoot{background:#282828;font-weight:700}.report-zero{color:#777}.report-foot{display:flex;gap:4px;flex-wrap:wrap;padding:8px}.report-foot button:hover{border-color:#777;color:white}.report-detail>summary{padding:14px 16px;cursor:pointer;font-size:14.3px}.report-detail>summary strong{float:right;font-size:13.2px}.report-work-list{padding:0 14px}.report-work{display:flex;align-items:center;gap:16px;background:none;border:0;border-top:1px solid #3c3c3c;width:100%;padding:12px 0;text-align:left;color:#eee;cursor:pointer;font:inherit}.report-work>span:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.report-work strong{font-size:14.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-work small{font-size:12.1px;color:#aaa}.report-work-date{display:flex;flex-direction:column;gap:5px;min-width:128px}.report-work:hover strong{text-decoration:underline}.report-work .status{flex-shrink:0}.report-pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px;font-size:13.2px}.report-help{font-size:12.1px;color:#aaa;margin:16px 0;line-height:1.8}.report-help summary{cursor:pointer;color:#ccc}.report-empty,.report-error{padding:20px;font-size:14.3px}.report-error{color:#fff;border-color:#888}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.report-controls{gap:10px;padding:12px}.report-controls label{min-width:calc(50% - 10px);flex:1}.report-controls input,.report-controls select{font-size:17.6px;min-height:42px}.report-controls>.btn{width:100%}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-metric{padding:12px}.report-metric strong{font-size:25.3px}.report-work{flex-wrap:wrap;gap:7px 10px}.report-work>span:first-child{flex-basis:calc(100% - 90px)}.report-work-date{order:3;flex-direction:row;gap:12px;flex-basis:100%;min-width:0}.report-table th,.report-table td{padding:10px}.report-help{font-size:13.2px}.report-foot button{min-height:40px}}

.report-scroll-hint{display:none}@media(max-width:650px){.report-scroll-hint{display:block;font-size:12.1px;color:#aaa;margin:0;padding:0 16px 10px}.report-table th:first-child{position:sticky;left:0;background:#252525;z-index:1;min-width:110px;max-width:140px}.report-table tbody th:first-child{background:#222}.report-table tfoot th:first-child{background:#282828}}

.period-tools{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px 16px;margin-bottom:16px}.period-tools label{flex:1;min-width:180px;display:grid;gap:5px;font-size:12.1px;color:#bbb}.period-tools select{width:100%;min-height:38px}.period-note{display:grid;gap:6px;border-left:3px solid #ddd;padding:9px 14px;margin:0 0 18px;color:#eee}.period-note span,.period-note small{font-size:12.1px;color:#bbb}.period-error{flex-basis:100%;margin:0;font-size:13.2px}.period-pages{display:flex;align-items:center;gap:8px}.email-setup-steps{padding-left:22px;color:#bbb;font-size:13.2px;line-height:1.8}.email-setup-steps li{margin-bottom:9px}.email-setup-links{flex-wrap:wrap}div.report-work{cursor:default}div.report-work:hover strong{text-decoration:none}@media(max-width:650px){.period-tools{padding:12px}.period-tools label{flex-basis:100%}.period-tools select{font-size:16px}.period-note{font-size:14px}.cloud-members .setting-row{flex-wrap:wrap}}

.period-title-field{margin-bottom:6px}.period-title-field input{width:100%;min-height:44px;font-size:16px;padding:10px 12px;border-color:#888}.period-title-field+small{display:block;margin-bottom:14px}#period-error:not(:empty){border-left:3px solid #aaa;padding:9px 12px;background:#303030;color:#eee;line-height:1.7}

.invite-banner{padding:14px;border:1px solid #777;border-radius:7px;margin:18px 0;background:#292929}.invite-banner strong{font-size:16px}.invite-banner p{font-size:13.2px;line-height:1.7;margin:9px 0}.invite-banner small{color:#bbb;line-height:1.7;overflow-wrap:anywhere}.invite-created{padding:14px;border:1px solid #777;border-radius:7px;margin:15px 0}.invite-created .btn{margin-top:10px}.invite-created input{width:100%;font-size:12px}.invite-list-head{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.invite-row span{min-width:0;overflow-wrap:anywhere}.invite-row{gap:12px}.auth-card [data-invite-accept]{width:100%;margin:10px 0}.invite-banner .btn{font-size:12px}@media(max-width:720px){.invite-created{padding:12px}.invite-row{flex-wrap:wrap}.invite-banner p{font-size:14px}}