:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#18253a;background:#eef3f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.activity-page{background:radial-gradient(circle at 100% 0,#2376d31f,#0000 30%),linear-gradient(#edf3f9 0%,#f8fafc 100%);min-height:100vh;padding:8px 10px 18px}.activity-shell{max-width:1320px;margin:0 auto}.activity-header{color:#fff;background:linear-gradient(135deg,#102f5f,#176bc2 62%,#2684d8);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;min-height:74px;margin-bottom:8px;padding:9px 14px;display:flex;box-shadow:0 12px 30px #12428430}.activity-header>div:first-child{padding-left:12px;position:relative}.activity-header>div:first-child:before{content:"";background:linear-gradient(#6ee7ff,#fff);border-radius:99px;width:3px;position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 0 14px #6ee7ffb8}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:#bcecff;opacity:1;margin:0 0 3px;font-size:9px;font-weight:900}.activity-header h1{letter-spacing:-.035em;text-shadow:0 3px 14px #0000002e;margin:0;font-size:clamp(22px,2.45vw,31px);font-weight:900;line-height:.98}.activity-header h1 span{color:#fff}.activity-header h1{color:#9de7ff}.activity-header p{opacity:.84;margin:5px 0 0;font-size:10px;font-weight:650}.header-side{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.header-meta{align-items:stretch;gap:5px;min-width:104px;display:grid}.meta-stack{white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:29px;padding:5px 7px;display:flex}.meta-stack span{letter-spacing:.08em;text-transform:uppercase;opacity:.66;font-size:7px;font-weight:900}.meta-stack strong{font-size:10px;font-weight:900}.shift-stack{background:#071f4140}.header-clock-group{align-items:center;display:flex}.header-clock-stack{gap:5px;display:grid}.header-clock-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1c;border:1px solid #ffffff30;border-radius:9px;grid-template-columns:30px 96px 58px;align-items:center;gap:5px;width:208px;min-width:208px;padding:5px 6px;display:grid}.header-clock-info{flex-direction:column;width:30px;min-width:0;display:flex}.header-clock-info span{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-size:8px;font-weight:900}.header-clock-info strong{font-size:14px;line-height:1.15}.header-time-input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08264e40;border-color:#ffffff3d;width:96px;min-width:96px;height:28px;min-height:28px;padding:3px 4px}.header-time-input:focus{background:#08264e61;border-color:#ffffffb3;box-shadow:0 0 0 2px #ffffff1f}.header-clock-button{color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:7px;width:58px;min-height:28px;padding:5px 8px;font-size:10px;font-weight:900}.header-clock-button.in{background:#10986a}.header-clock-button.out{background:#dc5b46}.header-clock-button:hover{filter:brightness(.95)}.card{background:#fffffff5;border:1px solid #dce5ef;border-radius:11px;margin-bottom:8px;box-shadow:0 6px 22px #1f36580e}.compact-card{padding:10px 12px}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.section-head h2{margin:0;font-size:14px}.section-head p{color:#78879a;margin:2px 0 0;font-size:11px}.form-grid{gap:7px;display:grid}.employee-grid{grid-template-columns:1.7fr 1.2fr .7fr}.activity-grid{grid-template-columns:1.25fr 2.4fr .72fr .72fr .9fr auto;align-items:end}label{color:#46566c;flex-direction:column;gap:5px;font-size:11px;font-weight:800;display:flex}.field-title{text-align:center;min-height:13px;display:block}.no-field-title{gap:0}input,select,textarea{color:#17243a;background:#fbfdff;border:1px solid #ccd8e5;border-radius:7px;outline:none;width:100%;min-height:32px;padding:6px 8px;transition:all .18s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#2d7fd2;box-shadow:0 0 0 3px #2d7fd21c}textarea{resize:vertical;min-height:58px}.add-button,.submit-button{color:#fff;cursor:pointer;background:#1767c4;border:0;font-weight:800}.add-button{border-radius:9px;padding:8px 12px;font-size:11px}.submit-button{border-radius:10px;padding:11px 18px;font-size:12px}.add-button:hover,.submit-button:hover{background:#1055a3}.activity-list{flex-direction:column;gap:5px;display:flex}.activity-row{background:#f9fbfe;border:1px solid #dde7f0;border-radius:11px;grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:6px;display:grid}.row-index{color:#175ea9;background:#e3f0ff;border-radius:8px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.activity-fields{min-width:0}.row-actions{align-items:center;gap:6px;padding-bottom:1px;display:flex}.row-actions span{color:#155999;text-align:center;background:#e8f3ff;border-radius:8px;min-width:54px;padding:7px 8px;font-size:10px;font-weight:900}.row-actions button{color:#bf3d34;cursor:pointer;background:#fdecea;border:0;border-radius:8px;width:30px;height:36px;font-size:20px;line-height:1}.summary-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px;display:grid}.summary-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 11px;display:flex;box-shadow:0 5px 18px #1f36580d}.summary-card span{color:#6d7c90;font-size:11px;font-weight:800}.summary-card strong{color:#155fae;font-size:17px}.summary-card.warning strong{color:#c46c08}.remarks-card{padding:9px 12px}.submit-bar{color:#fff;background:#102f59;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex;box-shadow:0 9px 25px #102f592e}.submit-bar div{flex-direction:column;gap:2px;display:flex}.submit-bar strong{font-size:13px}.submit-bar span{opacity:.72;font-size:11px}@media (width<=1050px){.employee-grid{grid-template-columns:repeat(2,1fr)}.activity-header{align-items:flex-start}.header-side{flex-direction:column;align-items:flex-end}.header-clock-stack{width:208px}.header-clock-card{width:208px;min-width:208px}.activity-grid{grid-template-columns:1fr 1.6fr .7fr .7fr}.activity-grid label:nth-of-type(5){grid-column:span 2}}@media (width<=680px){.activity-page{padding:10px 8px 24px}.activity-header{flex-direction:column;align-items:flex-start;padding:12px}.header-side{align-items:stretch;width:100%}.header-meta{grid-template-columns:1fr 1fr;width:100%}.header-clock-group{width:100%;display:block}.header-clock-stack{width:100%}.header-clock-card{grid-template-columns:30px 1fr 58px;width:100%;min-width:0}.employee-grid,.activity-grid,.summary-grid{grid-template-columns:1fr}.activity-grid label:nth-of-type(5){grid-column:auto}.activity-row{grid-template-columns:1fr}.row-index{display:none}.row-actions{justify-content:space-between}.activity-section-head,.submit-bar{flex-direction:column;align-items:stretch}.add-button,.submit-button{width:100%}}.activities-section{position:relative;overflow:hidden}.activities-section.locked .activity-list{opacity:.34;filter:grayscale(.25);pointer-events:none;-webkit-user-select:none;user-select:none}.activity-lock-overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#eef4fb7a;border-radius:12px;place-items:center;display:grid;position:absolute;inset:58px 8px 8px}.activity-lock-box{color:#173b68;text-align:center;background:#fffffff5;border:1px solid #cbdced;border-radius:13px;flex-direction:column;align-items:center;gap:5px;max-width:390px;padding:14px 20px;display:flex;box-shadow:0 12px 35px #13365c26}.activity-lock-box strong{font-size:14px}.activity-lock-box span{color:#6b7d91;font-size:11px}.lunch-card{background:#ffb83a1f;border-color:#ffc45b5c}.lunch-status{color:#8b671d;text-align:center;text-transform:uppercase;background:#fff2cb;border-radius:7px;min-width:58px;padding:6px 7px;font-size:9px;font-weight:900}.lunch-status.active{color:#8b2e1a;background:#ffe2d9;animation:1.4s infinite lunchPulse}.header-clock-button.lunch{background:#e99b1d}.header-clock-button.lunch:hover{background:#c9800d}.header-clock-button.lunch.active{background:#d45335}.header-clock-button:disabled,.add-button:disabled,.submit-button:disabled,.row-actions button:disabled{cursor:not-allowed;opacity:.52}.summary-grid{grid-template-columns:repeat(4,1fr)}.summary-card.lunch-summary strong{color:#d18412}.lunch-overuse-warning{color:#913d28;background:#fff1ec;border:1px solid #f1c8bc;border-radius:11px;margin-bottom:8px;padding:10px 13px;font-size:11px}@keyframes lunchPulse{0%,to{opacity:1}50%{opacity:.58}}@media (width<=1050px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.summary-grid{grid-template-columns:1fr}.activity-lock-overlay{inset:76px 7px 7px}}.header-meta-area{flex-direction:column;gap:7px;display:flex}.header-lunch-card{background:#ffb83a21;border:1px solid #ffc45b61;border-radius:10px;grid-template-columns:minmax(90px,1fr) 65px 105px;align-items:center;gap:7px;min-height:42px;padding:6px 7px;display:grid}.header-lunch-card .header-clock-info{min-width:0}.header-lunch-card .header-clock-info span,.header-lunch-card .header-clock-info strong{display:block}.header-lunch-card .header-clock-info span{text-transform:uppercase;font-size:9px;font-weight:900}.header-lunch-card .header-clock-info strong{white-space:nowrap;margin-top:2px}.header-clock-stack{grid-template-columns:1fr!important}@media (width<=760px){.header-lunch-card{grid-template-columns:1fr 60px 96px}}.header-side.header-four-grid{grid-template-rows:repeat(2,58px);grid-template-columns:minmax(285px,1fr) minmax(285px,1fr);align-items:stretch;gap:7px;width:min(610px,100%);display:grid!important}.header-four-grid>div{box-sizing:border-box;width:100%;height:58px;min-height:58px;margin:0}.header-info-card{background:#ffffff17;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;justify-content:center;padding:6px 10px;display:flex}.header-info-row{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.header-info-row span{color:#b9d8f8;letter-spacing:.3px;text-transform:uppercase;font-size:8px;font-weight:900}.header-info-row strong{color:#fff;white-space:nowrap;font-size:11px}.header-info-divider{background:#ffffff24;height:1px;margin:2px 0}.header-four-grid .header-clock-card,.header-four-grid .header-lunch-card{border-radius:10px;grid-template-columns:58px minmax(88px,1fr) 78px;align-items:center;gap:7px;padding:6px 7px;display:grid!important}.header-four-grid .header-clock-info{min-width:0}.header-four-grid .header-clock-info span,.header-four-grid .header-clock-info strong{display:block}.header-four-grid .header-clock-info span{text-transform:uppercase;font-size:8px;font-weight:900}.header-four-grid .header-clock-info strong{white-space:nowrap;margin-top:2px;font-size:13px}.header-four-grid .header-time-input{box-sizing:border-box;width:100%;min-width:0}.header-four-grid .header-clock-button{white-space:nowrap;width:78px;min-width:78px;height:34px;padding:0 6px;font-size:9px;line-height:1}.header-four-grid .header-lunch-card{grid-template-columns:minmax(90px,1fr) 64px 88px}.header-four-grid .header-clock-button.lunch{letter-spacing:0;width:88px;min-width:88px;padding:0 4px;font-size:8px}.header-four-grid .lunch-status{box-sizing:border-box;width:64px;min-width:0;padding:7px 3px;font-size:8px}.header-meta-area,.header-meta,.header-clock-group,.header-clock-stack{display:contents}@media (width<=900px){.header-side.header-four-grid{grid-template-columns:1fr 1fr;width:100%}}@media (width<=650px){.header-side.header-four-grid{grid-template-rows:repeat(4,58px);grid-template-columns:1fr}}.submitted-today-banner{color:#235d3d;background:linear-gradient(135deg,#effbf4,#e5f7ed);border:1px solid #b8ddc8;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:8px 0;padding:11px 14px;display:flex}.submitted-today-banner div{flex-direction:column;gap:3px;display:flex}.submitted-today-banner strong{font-size:13px}.submitted-today-banner span{font-size:10px;line-height:1.4}.submitted-report-id{color:#24734c;white-space:nowrap;background:#fff;border-radius:8px;flex:none;padding:6px 9px;font-weight:900;box-shadow:0 3px 10px #206b451a}@media (width<=600px){.submitted-today-banner{flex-direction:column;align-items:flex-start}}.correction-mode-banner{color:#694b05;background:linear-gradient(135deg,#fff9e5,#ffedb4);border:1px solid #e5bc56;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:8px 0;padding:12px 14px;display:flex}.correction-mode-banner>div{flex-direction:column;gap:4px;display:flex}.correction-mode-banner strong{font-size:13px}.correction-mode-banner span{font-size:10px}.correction-report-id{white-space:nowrap;background:#fff;border-radius:8px;flex:none;padding:6px 9px;font-weight:900}.header-time-input.correction-editable{pointer-events:auto!important;cursor:text!important;opacity:1!important;color:#fff!important;background:#ffffff24!important;border:1px solid #ffffff80!important}.header-time-input.correction-editable:focus{outline-offset:1px;outline:2px solid #ffe28a!important}.header-time-input:disabled{cursor:not-allowed}.pending-correction-card{color:#684a04;background:linear-gradient(135deg,#fff8df,#ffedb1);border:1px solid #e4b74e;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:9px 0;padding:13px 15px;display:flex}.pending-correction-card>div{min-width:0}.pending-correction-card .pending-label{text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.pending-correction-card strong{font-size:14px}.pending-correction-card p{margin:4px 0 0;font-size:10px}.pending-correction-card button,.correction-banner-actions button{color:#fff;cursor:pointer;background:#b27600;border:0;border-radius:8px;flex:none;padding:9px 12px;font-size:10px;font-weight:900}.correction-banner-actions{align-items:center;gap:7px;display:flex}.employee-history-card{background:#fff;border:1px solid #dce6ef;border-radius:14px;margin-top:14px;overflow:hidden;box-shadow:0 8px 22px #22486c12}.employee-history-head{border-bottom:1px solid #e4ebf2;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.employee-history-head h2,.employee-history-head p{margin:0}.employee-history-head h2{color:#183b62;font-size:16px}.employee-history-head p{color:#718196;margin-top:3px;font-size:10px}.employee-history-head>span{color:#1768c4;background:#eaf3fd;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900}.employee-history-table-wrap{overflow-x:auto}.employee-history-table{border-collapse:collapse;width:100%;font-size:10px}.employee-history-table th,.employee-history-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:10px 12px}.employee-history-table th{color:#6f8094;text-transform:uppercase;background:#f7f9fb;font-size:9px}.employee-history-table tbody tr{cursor:pointer}.employee-history-table tbody tr:hover{background:#f1f7fd}.history-status{border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900;display:inline-block}.history-status.submitted{color:#257047;background:#e5f7ed}.history-status.reopened{color:#745200;background:#fff0bd}.history-empty{color:#78889a;text-align:center;padding:25px;font-size:11px}.employee-report-modal-backdrop{z-index:9999;background:#07192da3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.employee-report-modal{background:#fff;border-radius:14px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px #00000047}.employee-report-modal-head{color:#fff;background:linear-gradient(135deg,#123f70,#1768c4);justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.employee-report-modal-head span{text-transform:uppercase;font-size:9px;font-weight:900}.employee-report-modal-head h2,.employee-report-modal-head p{margin:0}.employee-report-modal-head h2{margin-top:3px;font-size:18px}.employee-report-modal-head p{margin-top:3px;font-size:10px}.employee-report-modal-head button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:8px;width:34px;height:34px;font-size:21px}.employee-report-kpis{grid-template-columns:repeat(4,1fr);gap:8px;padding:13px;display:grid}.employee-report-kpis>div{border:1px solid #dfe7ef;border-radius:9px;padding:10px}.employee-report-kpis span,.employee-report-kpis strong{display:block}.employee-report-kpis span{color:#728297;text-transform:uppercase;font-size:8px;font-weight:900}.employee-report-kpis strong{color:#1768c4;margin-top:3px}.employee-report-activities{padding:0 13px 13px}.employee-report-activities h3{color:#183b62;font-size:13px}.employee-report-activities article{border:1px solid #e0e8ef;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;margin-bottom:7px;padding:10px;display:grid}.history-activity-number{color:#1768c4;background:#e9f3fd;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:flex}.employee-report-activities article p{color:#64778b;margin:4px 0;font-size:10px}.employee-report-activities article span{color:#1768c4;font-size:9px;font-weight:800}.history-activity-time{text-align:right}.history-activity-time strong,.history-activity-time span{white-space:nowrap;display:block}.employee-report-remarks,.employee-report-reopen-note{color:#334d68;background:#f8fafc;border:1px solid #dfe7ef;border-radius:10px;margin:0 13px 13px;padding:11px;font-size:10px}.employee-report-remarks p,.employee-report-reopen-note p{margin:4px 0 0}.employee-report-reopen-note{color:#684b08;background:#fff8dd;border-color:#e8c365}.employee-report-reopen-note button{color:#fff;cursor:pointer;background:#b27600;border:0;border-radius:8px;margin-top:8px;padding:8px 11px;font-size:9px;font-weight:900}@media (width<=650px){.pending-correction-card,.correction-banner-actions{flex-direction:column;align-items:flex-start}.employee-report-kpis{grid-template-columns:1fr 1fr}.employee-report-activities article{grid-template-columns:28px 1fr}.history-activity-time{text-align:left;grid-column:2}}.activity-brand-block{align-items:center;gap:14px;display:flex}.activity-company-logo{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:10px;width:125px;max-height:55px;padding:7px 9px;display:block}@media (width<=650px){.activity-brand-block{flex-direction:column;align-items:flex-start;gap:8px}.activity-company-logo{width:110px;max-height:48px}}.activity-brand-block.logo-only{justify-content:center;min-width:145px}.activity-brand-block.logo-only .activity-company-logo{width:125px;max-height:58px;margin:0}.activity-header{grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important}@media (width<=650px){.activity-header{grid-template-columns:1fr!important}.activity-brand-block.logo-only{justify-content:flex-start;min-width:0}}.activity-brand-spacer{display:none}.activity-header{grid-template-columns:minmax(0,1fr)!important}.header-side.header-four-grid{width:100%!important}.login-page{background:radial-gradient(circle at 20% 20%,#1b75d1 0,#0000 30%),linear-gradient(135deg,#081a36,#123e72 58%,#eaf3fc 58%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border-radius:24px;grid-template-columns:1.2fr .8fr;width:min(960px,100%);display:grid;overflow:hidden;box-shadow:0 25px 80px #06142666}.login-hero{color:#fff;background:linear-gradient(145deg,#0e2f60dd,#1477cddd);padding:70px 58px}.login-hero span{letter-spacing:.2em;color:#9ee8ff;font-size:11px;font-weight:900}.login-hero h1{margin:16px 0 24px;font-size:56px;line-height:.95}.login-hero p{color:#d7edff;max-width:460px;line-height:1.7}.login-card{background:#fff;flex-direction:column;gap:15px;padding:48px 38px;display:flex}.login-card h2{margin:2px 0 0;font-size:28px}.login-card>p{color:#718095;margin:-8px 0 8px}.login-card label{font-size:12px}.login-card input{min-height:45px}.login-card button,.create-user button{color:#fff;cursor:pointer;background:#1768c4;border:0;border-radius:10px;min-height:45px;font-weight:900}.brand-dot,.nav-logo{color:#fff;background:linear-gradient(135deg,#1768c4,#48b7ee);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.login-card small{text-align:center;color:#8a96a7}.error-box,.notice{color:#aa342d;background:#fff0ee;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700}.top-nav{color:#fff;z-index:30;background:#0d2d58;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 5px 18px #0b294533}.top-nav>div,.nav-actions{align-items:center;gap:10px;display:flex}.top-nav strong,.top-nav small{display:block}.top-nav small{color:#b8d7f4;margin-top:2px;font-size:10px}.nav-logo{border-radius:10px;width:36px;height:36px}.nav-actions button{color:#dbeeff;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-weight:800}.nav-actions button.active{color:#fff;background:#ffffff20}.nav-actions .logout{color:#fff;background:#d85647}.admin-wrap{max-width:1320px;margin:0 auto;padding:16px}.admin-tabs{gap:7px;margin-bottom:12px;display:flex}.admin-tabs button{cursor:pointer;background:#fff;border:1px solid #d6e0eb;border-radius:9px;padding:9px 16px;font-weight:800}.admin-tabs .active{color:#fff;background:#1768c4;border-color:#1768c4}.notice{color:#237048;background:#eaf7ef;margin-bottom:10px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.kpi-row>div{background:#fff;border:1px solid #dae4ef;border-radius:13px;padding:15px;box-shadow:0 5px 18px #1f365814}.kpi-row span{color:#708095;font-size:11px;font-weight:800;display:block}.kpi-row strong{color:#155fae;font-size:25px}.admin-card{background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:16px;box-shadow:0 7px 24px #1f365812}.admin-card h2{margin:0 0 12px}.admin-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-card-head h2,.admin-card-head p{margin:0}.admin-card-head p{color:#78879a;font-size:11px}.admin-card-head input{max-width:330px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7edf4;padding:10px}th{text-transform:uppercase;letter-spacing:.06em;color:#718095;background:#f7f9fc;font-size:10px}.empty{text-align:center;color:#8996a8;padding:30px}.admin-columns{grid-template-columns:330px 1fr;gap:12px;display:grid}.create-user{flex-direction:column;gap:10px;display:flex}.role{color:#1761aa;text-transform:uppercase;background:#eaf2fb;border-radius:99px;padding:4px 7px;font-size:10px;font-weight:900}.role.admin{color:#a55d00;background:#fff0df}.role.boss{color:#6941ad;background:#efe8ff}@media (width<=760px){.login-panel{grid-template-columns:1fr}.login-hero{display:none}.kpi-row{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.top-nav{align-items:flex-start;height:auto;padding:9px}.nav-actions{flex-wrap:wrap;justify-content:flex-end}.admin-card-head{flex-direction:column;align-items:stretch}.admin-card-head input{max-width:none}}.clickable-report-row{cursor:pointer;transition:all .15s}.clickable-report-row:hover{background:#eef6ff}.report-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06142699;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.report-modal{background:#f6f8fb;border-radius:18px;width:min(950px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #06142688}.report-modal-head{z-index:2;color:#fff;background:linear-gradient(135deg,#0d2d58,#1768c4);justify-content:space-between;align-items:center;padding:16px 19px;display:flex;position:sticky;top:0}.report-modal-head h2,.report-modal-head p{margin:2px 0}.report-modal-head small{color:#aee6ff;text-transform:uppercase;font-weight:800}.report-modal-head button{color:#fff;cursor:pointer;background:#fff2;border:0;border-radius:9px;width:36px;height:36px;font-size:25px}.report-detail-kpis{grid-template-columns:repeat(5,1fr);gap:8px;padding:14px;display:grid}.report-detail-kpis>div{background:#fff;border:1px solid #dce6f0;border-radius:10px;padding:11px}.report-detail-kpis span,.report-detail-kpis strong{display:block}.report-detail-kpis span{text-transform:uppercase;color:#78879a;font-size:9px;font-weight:900}.report-detail-kpis strong{color:#175c9e;margin-top:4px}.report-activity-list{padding:0 14px 14px}.report-activity-item{background:#fff;border:1px solid #dce6f0;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:8px;padding:11px;display:grid}.activity-number{color:#1768c4;background:#eaf3ff;border-radius:8px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.activity-detail-main p{color:#526377;white-space:normal;margin:4px 0}.activity-status{color:#24744a;background:#eaf7ef;border-radius:20px;padding:3px 7px;font-size:9px;font-weight:900;display:inline-block}.activity-detail-time{text-align:right}.activity-detail-time strong,.activity-detail-time span{display:block}.activity-detail-time span{color:#1768c4;margin-top:4px;font-weight:900}.report-remarks{background:#fff;border:1px solid #dce6f0;border-radius:11px;margin:0 14px 14px;padding:12px}.report-remarks p{white-space:pre-wrap;margin:5px 0 0}@media (width<=760px){.report-detail-kpis{grid-template-columns:1fr 1fr}.report-activity-item{grid-template-columns:30px minmax(0,1fr)}.activity-detail-time{text-align:left;grid-column:2}}@media (width<=950px){.admin-edit-activity-row{grid-template-columns:30px 1fr 1fr}.admin-edit-description{grid-column:span 2}}@media (width<=650px){.admin-edit-time-grid,.admin-edit-live-summary{grid-template-columns:1fr}.admin-edit-activity-row{grid-template-columns:30px 1fr}.admin-edit-description{grid-column:2}}.report-modal-head-actions{align-items:center;gap:8px;display:flex}.report-modal-head-actions .edit-report-button{color:#0d4f91;background:#fff;width:auto;min-width:100px;padding:0 13px;font-size:10px;font-weight:900}.admin-edit-report-modal{width:min(1150px,100%)}.admin-report-edit-form{padding:14px}.admin-edit-time-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.admin-report-edit-form label{color:#53677d;flex-direction:column;gap:5px;font-size:10px;font-weight:900;display:flex}.admin-report-edit-form input,.admin-report-edit-form select,.admin-report-edit-form textarea{box-sizing:border-box;color:#183b62;width:100%;font:inherit;background:#fff;border:1px solid #ccd9e6;border-radius:8px;padding:8px 9px}.admin-edit-live-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.admin-edit-live-summary>div{background:#fff;border:1px solid #d9e5f0;border-radius:9px;padding:9px 11px}.admin-edit-live-summary span,.admin-edit-live-summary strong{display:block}.admin-edit-live-summary span{color:#708197;text-transform:uppercase;font-size:9px;font-weight:900}.admin-edit-live-summary strong{color:#1768c4;margin-top:3px}.admin-edit-activities-head{justify-content:space-between;align-items:center;gap:10px;margin:12px 0 7px;display:flex}.admin-edit-activities-head h3,.admin-edit-activities-head p{margin:0}.admin-edit-activities-head p{color:#718196;margin-top:3px;font-size:10px}.admin-edit-activities-head button{color:#fff;cursor:pointer;background:#1768c4;border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:900}.admin-edit-activity-row{background:#fff;border:1px solid #dbe5ef;border-radius:10px;grid-template-columns:30px minmax(115px,.9fr) minmax(180px,1.6fr) 100px 100px 115px 34px;align-items:center;gap:7px;margin-bottom:7px;padding:8px;display:grid}.admin-edit-activity-row input,.admin-edit-activity-row select{min-width:0;padding:7px}.remove-edit-activity{color:#a63627;cursor:pointer;background:#ffe9e4;border:0;border-radius:7px;width:32px;height:32px;font-size:18px}.remove-edit-activity:disabled{cursor:not-allowed;opacity:.4}.admin-edit-textarea{margin-top:10px}.edit-reason-field textarea{background:#fff9f7;border-color:#e9b6a8}.admin-edit-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.admin-edit-actions button{cursor:pointer;border:0;border-radius:9px;padding:9px 15px;font-size:10px;font-weight:900}.cancel-report-edit{color:#52677d;background:#e8eef4}.save-report-edit{color:#fff;background:#1768c4}.report-audit-box{color:#6c5412;background:#fff9e5;border:1px solid #d8c58d;border-radius:11px;flex-direction:column;gap:4px;margin:0 14px 14px;padding:12px;font-size:10px;display:flex}.report-audit-box p{margin:3px 0 0}@media (width<=950px){.admin-edit-activity-row{grid-template-columns:30px 1fr 1fr}.admin-edit-description{grid-column:span 2}}@media (width<=650px){.admin-edit-time-grid,.admin-edit-live-summary{grid-template-columns:1fr}.admin-edit-activity-row{grid-template-columns:30px 1fr}.admin-edit-description{grid-column:2}}.report-modal-head-actions .reopen-report-button{color:#6b4b00;white-space:nowrap;cursor:pointer;background:#ffe8a6;border:0;border-radius:8px;width:auto;min-width:145px;height:34px;padding:0 12px;font-size:9px;font-weight:900}.report-modal-head-actions .reopen-report-button:disabled{cursor:not-allowed;opacity:.6}.management-department-note{color:#687b90;margin-top:4px;font-size:9px;font-weight:600;line-height:1.4}.create-user select:disabled{cursor:not-allowed;opacity:.8;background:#eef3f7}.company-nav-logo{box-sizing:border-box;background:#fff;border-radius:8px;min-width:80px;padding:4px 7px;width:80px!important;height:38px!important}.company-nav-logo img{object-fit:contain;width:100%;height:100%;display:block}.top-nav.top-nav-centered{grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:8px 18px;display:grid;position:relative}.top-nav-centered .nav-user-info{flex-direction:column;justify-self:start;gap:3px;display:flex}.top-nav-centered .nav-user-info strong{color:#fff;font-size:16px}.top-nav-centered .nav-user-info small{color:#c8d8e9;font-size:10px}.top-company-logo{box-sizing:border-box;background:#fff;border-radius:10px;justify-self:center;width:190px;height:56px;padding:6px 12px}.top-company-logo img{object-fit:contain;width:100%;height:100%;display:block}.top-nav-centered .nav-actions{justify-self:end}@media (width<=700px){.top-nav.top-nav-centered{grid-template-columns:1fr auto;row-gap:8px}.top-company-logo{grid-area:1/1/auto/-1;width:160px;height:50px}.top-nav-centered .nav-user-info{grid-area:2/1}.top-nav-centered .nav-actions{grid-area:2/2}}.login-card .login-company-logo{box-sizing:border-box;background:#fff!important;border-radius:11px!important;width:180px!important;height:62px!important;margin:0 auto 18px!important;padding:7px 12px!important}.login-card .login-company-logo img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=650px){.login-card .login-company-logo{width:150px!important;height:54px!important}}.management-readonly{border-left:4px solid #0f766e}.user-action-row{flex-wrap:wrap;gap:6px;display:flex}.user-action-row button{width:auto;padding:7px 10px;font-size:12px}.role.super_admin{color:#fff;background:#4c1d95}.audit-details{white-space:pre-wrap;word-break:break-word;min-width:320px;max-width:520px;font-size:12px}.performance-filter-card,.performance-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.performance-filters{grid-template-columns:minmax(220px,1fr) 150px 110px;gap:10px;min-width:520px;display:grid}.performance-filters label{gap:5px;font-size:12px;font-weight:700;display:grid}.performance-score{color:#fff;text-align:right;background:linear-gradient(135deg,#0f766e,#0f4c81);border-radius:14px;padding:14px 18px}.performance-score span{font-size:11px;display:block}.performance-score strong{font-size:28px}.performance-grid{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.pie-layout{grid-template-columns:230px 1fr;align-items:center;gap:28px;display:grid}.performance-pie{border-radius:50%;place-items:center;width:220px;height:220px;display:grid}.performance-pie>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:118px;height:118px;display:grid}.pie-legend{gap:15px;display:grid}.pie-legend>div{grid-template-columns:14px 1fr auto;align-items:center;gap:9px;display:grid}.pie-legend i{border-radius:50%;width:12px;height:12px}.legend-work{background:#0f766e}.legend-lunch{background:#f59e0b}.legend-free{background:#dc2626}.score-row{border-bottom:1px solid #edf2f7;grid-template-columns:150px 1fr 58px;align-items:center;gap:12px;padding:11px 0;display:grid}.score-track{background:#e7eef5;border-radius:999px;height:9px;overflow:hidden}.score-track>div{background:#0f766e;height:100%}.daily-bars{align-items:end;gap:8px;min-height:250px;display:flex;overflow-x:auto}.daily-bar-item{text-align:center;min-width:30px}.daily-bar-plot{justify-content:center;align-items:end;gap:3px;height:190px;display:flex}.daily-office-bar,.daily-work-bar{border-radius:5px 5px 0 0;width:10px}.daily-office-bar{background:#94a3b8}.daily-work-bar{background:#0f766e}.task-summary-grid,.exception-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.task-summary-grid>div,.exception-list>div{background:#f8fafc;border:1px solid #e5edf4;border-radius:12px;padding:15px}.audit-formula-note{background:#eef6ff;border-radius:10px;margin-top:14px;padding:12px 15px;font-size:12px}.performance-loading{text-align:center;padding:40px}@media (width<=950px){.performance-filter-card,.performance-title-row{flex-direction:column;align-items:stretch}.performance-filters{grid-template-columns:1fr;min-width:0}.performance-grid{grid-template-columns:1fr}.pie-layout{grid-template-columns:1fr;justify-items:center}}.suspicious-page{padding-bottom:45px}.suspicious-review-card,.duplicate-entry-card{margin-bottom:18px}.review-badge{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.review-badge.normal{color:#17663b;background:#dcf6e6}.review-badge.needs-review{color:#7b5200;background:#fff0bf}.review-badge.high-review{color:#9b2c22;background:#ffe0dc}.suspicious-list{gap:9px;display:grid}.suspicious-item{background:#fff;border:1px solid #dfe7ef;border-left-width:5px;border-radius:10px;grid-template-columns:190px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.suspicious-item.high{background:#fff7f6;border-left-color:#dc2626}.suspicious-item.medium{background:#fffaf0;border-left-color:#f59e0b}.suspicious-item.low{background:#f4f8ff;border-left-color:#3b82f6}.suspicious-item>div{gap:3px;display:grid}.suspicious-item>div span{color:#7b8796;font-size:9px;font-weight:900}.suspicious-item>div strong{font-size:11px}.suspicious-item p{white-space:normal;margin:0}.suspicious-item small{color:#64748b;text-align:right}.duplicate-count{color:#fff;background:#d97706;border-radius:50%;place-items:center;min-width:30px;height:30px;font-weight:900;display:inline-grid}.duplicate-high{background:#fff4f1}.duplicate-description{white-space:normal;min-width:280px;max-width:520px}@media (width<=800px){.suspicious-item{grid-template-columns:1fr}.suspicious-item small{text-align:left}}.pdf-action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin:-6px 0 16px;display:flex}.pdf-action-row button{color:#fff;cursor:pointer;background:#0f4c81;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:900}.pdf-action-row button:nth-child(2){background:#0f766e}.pdf-action-row button:disabled{cursor:not-allowed;opacity:.5}.pdf-action-row small{color:#64748b}