:root{--bg:#f3f7f5;--surface:#ffffffe0;--surface-solid:#fff;--surface-muted:#f7faf8;--surface-strong:#edf4f0;--text:#12231b;--text-soft:#5f7068;--text-faint:#8a9891;--line:#dde8e2;--line-strong:#cbd9d1;--green-950:#052e1d;--green-900:#073d27;--green-800:#095032;--green-700:#0b6941;--green-600:#0d8150;--green-500:#18a466;--green-100:#dff5e9;--green-50:#effbf4;--blue:#3a73e8;--violet:#7967e8;--amber:#d68b20;--danger:#d94d55;--shadow-sm:0 8px 26px #12312312;--shadow-md:0 20px 60px #1231231f;--shadow-lg:0 32px 100px #073d272e;--radius-sm:12px;--radius:18px;--radius-lg:28px;--sidebar-width:276px}:root[data-theme=dark]{--bg:#08120e;--surface:#101f18e0;--surface-solid:#102019;--surface-muted:#13261e;--surface-strong:#193127;--text:#ecf7f1;--text-soft:#a8bbb0;--text-faint:#75877e;--line:#254236;--line-strong:#315344;--green-950:#d9f8e8;--green-900:#c5f2dc;--green-800:#80dcae;--green-700:#43c987;--green-600:#25b972;--green-500:#2dcc7f;--green-100:#163d2c;--green-50:#102c21;--shadow-sm:0 8px 28px #00000040;--shadow-md:0 20px 60px #00000057;--shadow-lg:0 32px 100px #00000070}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% -15%, #1ba46521, transparent 34%), radial-gradient(circle at -10% 85%, #3a73e814, transparent 30%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:14px;font-weight:720;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.52;cursor:not-allowed}.button.secondary{background:var(--surface-solid);border-color:var(--line);color:var(--text);box-shadow:0 2px 8px #0f2d1f08}.button.secondary:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-muted)}.button.large{border-radius:14px;min-height:50px;padding-inline:21px}.button.small{border-radius:10px;min-height:35px;padding:0 12px;font-size:12px}.icon-button{border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .18s;display:inline-grid}.icon-button:hover{background:var(--surface-muted);transform:translateY(-1px)}.icon-button.ghost{background:0 0;border-color:#0000}.icon-button.danger{color:var(--danger)}.text-button,.text-link{color:var(--green-600);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.text-link{align-items:center;gap:5px;font-size:13px;display:inline-flex}.eyebrow,.section-kicker{color:var(--green-600);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:7px;display:inline-flex}.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.section-heading h3{letter-spacing:-.025em;margin:5px 0 0;font-size:20px}.soft-badge,.state-badge,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;font-weight:750;display:inline-flex}.soft-badge{background:var(--surface-strong);color:var(--text-soft);padding:7px 11px;font-size:11px}.state-badge{padding:6px 10px;font-size:11px}.state-badge.success{color:var(--green-600);background:var(--green-100)}.state-badge.neutral{color:var(--text-soft);background:var(--surface-strong)}.status-pill{border:1px solid var(--line);background:var(--surface-solid);padding:7px 11px;font-size:11px}.status-pill>span{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.status-pill.online>span{background:#22b573;box-shadow:0 0 0 4px #22b57321}.status-pill.demo>span{background:var(--amber);box-shadow:0 0 0 4px #d68b201f}.alert{border:1px solid;border-radius:13px;align-items:center;gap:10px;min-height:48px;padding:12px 15px;font-size:13px;display:flex}.alert span{flex:1}.alert.info{color:#2860b7;background:#3a73e814;border-color:#3a73e82e}.alert.warning{color:#9b5e12;background:#d68b2017;border-color:#d68b2038}.alert.success{color:var(--green-700);background:var(--green-50);border-color:#18a46633}.inline-message{background:var(--surface-strong);color:var(--text-soft);border-radius:10px;padding:11px 13px;font-size:12px}.page-stack{gap:18px;display:grid}.page-stack>.content-card:not(.empty-state){padding:clamp(22px,3vw,30px)}.page-stack>.content-card>h2{margin:9px 0 10px}.page-stack>.content-card>p{color:var(--text-soft);margin:0;line-height:1.6}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{object-fit:contain;width:auto}.brand-compact{justify-content:center}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{width:var(--sidebar-width);z-index:30;background:color-mix(in srgb, var(--surface-solid) 93%, transparent);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;padding:0 8px 28px;display:flex}.sidebar-close{background:0 0;border:0;display:none}.main-nav{gap:6px;display:grid}.nav-section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.13em;margin:0 12px 9px;font-size:10px;font-weight:800}.nav-link{min-height:47px;color:var(--text-soft);border-radius:13px;align-items:center;gap:12px;padding:0 13px;font-size:13px;font-weight:690;transition:all .18s;display:flex;position:relative}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{color:var(--green-700);background:linear-gradient(90deg, var(--green-100), #18a46608)}.nav-active-dot{background:var(--green-500);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--green-50), var(--surface-solid));border-radius:16px;margin-top:auto;padding:16px}.sidebar-card-icon{width:36px;height:36px;color:var(--green-600);background:var(--green-100);border-radius:11px;place-items:center;margin-bottom:11px;display:grid}.sidebar-card strong{font-size:12px}.sidebar-card p{color:var(--text-soft);margin:5px 0 0;font-size:11px;line-height:1.5}.sidebar-profile{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:9px;margin-top:14px;padding:12px 7px;display:grid}.avatar,.employee-avatar{color:#fff;background:linear-gradient(145deg,#087044,#19aa69);border-radius:12px;flex:none;place-items:center;font-weight:850;display:grid;box-shadow:0 8px 18px #0d815033}.avatar{width:36px;height:36px;font-size:10px}.employee-avatar{text-transform:uppercase;width:44px;height:44px;font-size:13px}.employee-avatar.large{border-radius:17px;width:58px;height:58px;font-size:16px}.sidebar-profile-copy{gap:3px;min-width:0;display:grid}.sidebar-profile-copy strong{font-size:11px}.sidebar-profile-copy span{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.main-area{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;align-items:center;gap:16px;height:94px;padding:0 clamp(22px,4vw,54px);display:flex;position:sticky;top:0}.page-heading{min-width:0;overflow:hidden}.page-heading h1{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(22px,2.2vw,29px);overflow:hidden}.page-heading p{color:var(--text-soft);margin:5px 0 0;font-size:12px}.topbar-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.mobile-menu{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;width:40px;height:40px;display:none}.page-content{max-width:1600px;margin:0 auto;padding:30px clamp(22px,4vw,54px) 70px}.sidebar-backdrop{display:none}.login-page{color:#fff;background:#06170f;grid-template-columns:1.12fr .88fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-showcase{z-index:2;background:linear-gradient(145deg,#04311df5,#051e14eb);flex-direction:column;padding:clamp(36px,5.5vw,80px);display:flex;position:relative}.login-showcase:after{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.login-showcase .brand{z-index:2;position:relative}.login-showcase .brand img{filter:brightness(0)invert();max-width:220px}.login-showcase .brand-product{color:#ffffffad;border-color:#ffffff38}.login-copy{z-index:2;max-width:650px;margin:auto 0 0;padding-top:70px;position:relative}.login-copy .eyebrow{color:#72e7ac}.login-copy h1{letter-spacing:-.06em;max-width:740px;margin:18px 0 20px;font-size:clamp(42px,5vw,76px);line-height:1.01}.login-copy p{color:#ffffffab;max-width:610px;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.login-benefits{z-index:2;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:62px;display:grid;position:relative}.login-benefits>div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;border:1px solid #ffffff1c;border-radius:16px;align-items:flex-start;gap:11px;min-height:104px;padding:16px;display:flex}.login-benefits svg{color:#72e7ac;flex:none}.login-benefits span{gap:5px;display:grid}.login-benefits strong{font-size:12px}.login-benefits small{color:#ffffff87;font-size:10px;line-height:1.45}.login-panel{background:var(--bg);color:var(--text);z-index:3;place-items:center;padding:clamp(28px,5vw,70px);display:grid;position:relative}.login-card{border:1px solid var(--line);background:var(--surface-solid);width:min(450px,100%);box-shadow:var(--shadow-lg);border-radius:28px;padding:clamp(27px,4vw,44px)}.login-card-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.login-mark{background:var(--surface-muted);border:1px solid var(--line);border-radius:17px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.login-mark img{max-width:44px;max-height:44px}.login-card h2{letter-spacing:-.04em;margin:0;font-size:29px}.login-card>p{color:var(--text-soft);margin:9px 0 27px;font-size:13px;line-height:1.55}.form-stack{gap:15px;display:grid}.field-label{color:var(--text-soft);gap:8px;font-size:12px;font-weight:720;display:grid}.field-label>small{color:var(--text-faint);font-weight:500;line-height:1.45}.text-input,.filter-select{border:1px solid var(--line);background:var(--surface-solid);width:100%;min-height:45px;color:var(--text);border-radius:11px;outline:none;padding:0 13px;transition:all .18s}.text-input:focus,.filter-select:focus,.table-input:focus{border-color:var(--green-500);box-shadow:0 0 0 4px #18a4661a}.textarea{resize:vertical;min-height:108px;padding-block:12px;line-height:1.55}.login-card .text-button{margin:19px auto 0;font-size:12px;display:block}.login-security{border-top:1px solid var(--line);color:var(--text-faint);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:29px;padding-top:19px;font-size:9px;display:flex}.login-orb{filter:blur(4px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.login-orb-one{background:radial-gradient(circle,#29cf8247,#0000 68%);width:440px;height:440px;top:-170px;left:-170px}.login-orb-two{background:radial-gradient(circle,#3a73e829,#0000 68%);width:520px;height:520px;bottom:-300px;left:37%}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:20px;display:grid}.hero-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#073b27 0%,#0b6841 58%,#118557 100%);grid-column:1/-1;grid-template-columns:1.08fr .92fr;min-height:360px;padding:clamp(26px,4vw,50px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 75px #073d273b}.hero-card:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:520px;height:520px;position:absolute;top:-250px;right:-180px;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff05}.hero-card-copy{z-index:2;align-self:center;max-width:670px;position:relative}.hero-card h2{letter-spacing:-.055em;margin:15px 0 14px;font-size:clamp(33px,4vw,57px);line-height:1.04}.hero-card p{color:#ffffffab;max-width:580px;margin:0;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:27px;display:flex}.hero-card .button.primary{color:#075535;background:#fff;box-shadow:0 12px 28px #00000021}.hero-card .button.secondary{color:#fff;background:#ffffff17;border-color:#ffffff2e}.hero-visual{z-index:2;place-items:center;min-height:300px;display:grid;position:relative}.hero-document{aspect-ratio:.78;color:#10251b;background:#fffffff5;border-radius:19px;width:min(330px,75%);padding:20px;transform:rotate(3deg);box-shadow:0 30px 60px #0000003d}.hero-document-header{gap:5px;margin-bottom:23px;display:flex}.hero-document-header span{background:#dce8e1;border-radius:50%;width:8px;height:8px}.hero-line{background:#dce8e1;border-radius:99px;height:8px;margin-bottom:8px}.hero-line.wide{background:#98bbaa;width:72%}.hero-line.medium{width:45%}.hero-table{border:1px solid #d9e6df;border-radius:9px;margin-top:24px;overflow:hidden}.hero-table>div{border-bottom:1px solid #e5eee9;grid-template-columns:.35fr 1fr .6fr .6fr;height:35px;display:grid}.hero-table>div:last-child{border:0}.hero-table span{border-right:1px solid #e5eee9}.hero-check{color:#fff;background:var(--green-500);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:4%;right:13%;box-shadow:0 15px 30px #0d815057}.floating-chip{color:#193027;background:#fffffff0;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 13px;font-size:11px;font-weight:780;display:flex;position:absolute;box-shadow:0 18px 35px #0000002e}.chip-ai{top:16%;left:3%}.chip-export{bottom:21%;right:2%}.metric-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-height:154px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-rows:auto 1fr auto;grid-template-columns:42px 1fr;column-gap:13px;padding:19px;display:grid}.metric-icon{border-radius:13px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.metric-icon.green{color:var(--green-600);background:var(--green-100)}.metric-icon.blue{color:var(--blue);background:#3a73e81c}.metric-icon.violet{color:var(--violet);background:#7967e81f}.metric-icon.amber{color:var(--amber);background:#d68b201f}.metric-card>span{color:var(--text-soft);align-self:center;font-size:11px;font-weight:700}.metric-card>strong{letter-spacing:-.045em;grid-column:2;align-self:end;font-size:29px}.metric-card>small{color:var(--text-faint);grid-column:1/-1;margin-top:13px;font-size:10px}.span-two{grid-column:1}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.workflow-steps>div{background:var(--surface-muted);border:1px solid var(--line);border-radius:15px;min-height:190px;padding:18px;position:relative}.step-number{color:var(--line-strong);font-size:22px;font-weight:900;position:absolute;top:13px;right:15px}.step-icon{width:42px;height:42px;color:var(--green-600);background:var(--green-100);border-radius:13px;place-items:center;display:grid}.workflow-steps h4{margin:22px 0 8px;font-size:14px}.workflow-steps p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.55}.dashboard-grid>.content-card{padding:24px}.recent-list{gap:9px;display:grid}.recent-item{border:1px solid var(--line);background:var(--surface-muted);border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:67px;padding:10px;display:grid}.recent-avatar{width:42px;height:42px;color:var(--green-700);background:var(--green-100);border-radius:12px;place-items:center;font-size:11px;font-weight:850;display:grid}.recent-item>div:nth-child(2),.recent-hours{gap:4px;display:grid}.recent-item strong{font-size:11px}.recent-item span{color:var(--text-faint);font-size:9px}.recent-hours{text-align:right}.empty-mini{min-height:220px;color:var(--text-faint);align-content:center;place-items:center;gap:10px;display:grid}.empty-mini p{margin:0;font-size:11px}.toolbar-card{align-items:center;gap:12px;padding:15px;display:flex}.search-box{border:1px solid var(--line);background:var(--surface-solid);min-height:44px;color:var(--text-faint);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.filter-select{width:auto;min-width:145px}.table-card{padding:25px}.employee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.employee-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-solid), var(--surface-muted));border-radius:16px;padding:19px;transition:all .2s}.employee-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.employee-card-top{justify-content:space-between;align-items:flex-start;display:flex}.employee-card h4{letter-spacing:-.025em;margin:18px 0;font-size:17px}.employee-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:9px 0;display:flex}.employee-meta span{color:var(--text-faint);font-size:10px}.employee-meta strong{text-align:right;text-overflow:ellipsis;font-size:10px;overflow:hidden}.employee-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.empty-state{text-align:center;align-content:center;place-items:center;min-height:420px;padding:40px;display:grid}.empty-state.large-empty{min-height:620px}.empty-icon{width:66px;height:66px;color:var(--green-600);background:var(--green-100);border-radius:20px;place-items:center;margin-bottom:9px;display:grid}.empty-state h3{margin:8px 0;font-size:21px}.empty-state p{max-width:440px;color:var(--text-soft);margin:0 0 20px;font-size:12px;line-height:1.6}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010e0894;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid var(--line);width:min(620px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border-radius:23px;padding:27px;overflow:auto}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-heading h3{margin:5px 0 0;font-size:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-grid.three{grid-template-columns:1.4fr .8fr .65fr}.form-grid .full{grid-column:1/-1}.switch-field{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:11px;min-height:62px;padding:11px;display:flex}.switch-field input{display:none}.switch{background:var(--line-strong);border-radius:99px;width:40px;height:23px;padding:3px;transition:all .2s}.switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;display:block;box-shadow:0 2px 5px #00000029}.switch-field input:checked+.switch{background:var(--green-500)}.switch-field input:checked+.switch:after{transform:translate(17px)}.switch-field>span:last-child{gap:3px;display:grid}.switch-field strong{font-size:11px}.switch-field small{color:var(--text-faint);font-size:9px}.modal-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.upload-layout{grid-template-columns:minmax(0,1fr) 325px;align-items:start;gap:20px;display:grid}.upload-card{gap:22px;padding:clamp(22px,3vw,31px);display:grid}.upload-card .section-heading{margin:0}.dropzone{border:1.5px dashed var(--line-strong);text-align:center;cursor:pointer;background:linear-gradient(145deg, var(--surface-muted), var(--surface-solid));border-radius:19px;align-content:center;place-items:center;min-height:270px;padding:30px;transition:all .2s;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--green-500);background:var(--green-50);transform:translateY(-1px)}.dropzone-icon{width:65px;height:65px;color:var(--green-600);background:var(--green-100);border-radius:21px;place-items:center;margin-bottom:14px;display:grid}.dropzone h4{margin:0 0 6px;font-size:18px}.dropzone p{color:var(--text-soft);margin:0 0 18px;font-size:12px}.dropzone small{color:var(--text-faint);margin-top:12px;font-size:9px}.file-list{gap:8px;display:grid}.file-row{border:1px solid var(--line);background:var(--surface-muted);border-radius:13px;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;min-height:59px;padding:9px 11px;display:grid}.file-type{width:38px;height:38px;color:var(--green-600);background:var(--green-100);border-radius:11px;place-items:center;display:grid}.file-row>div:nth-child(2){gap:4px;min-width:0;display:grid}.file-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.file-row span{color:var(--text-faint);font-size:9px}.file-total{color:var(--text-soft);justify-content:space-between;padding:6px 5px 0;font-size:10px;display:flex}.processing-card{background:var(--green-50);border:1px solid #18a46633;border-radius:15px;grid-template-columns:48px 1fr;gap:12px;padding:15px;display:grid;position:relative;overflow:hidden}.processing-orbit{width:48px;height:48px;color:var(--green-600);background:var(--green-100);border-radius:15px;place-items:center;animation:1.7s infinite pulse;display:grid}.processing-card>div:nth-child(2){align-content:center;gap:4px;display:grid}.processing-card strong{font-size:12px}.processing-card span{color:var(--text-soft);font-size:9px}.processing-bar{background:#18a4661f;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.processing-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--green-600), #59d99c);height:100%;transition:width .6s;display:block}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 7px #18a46614}}.upload-actions{justify-content:space-between;gap:12px;padding-top:5px;display:flex}.upload-actions-single{justify-content:flex-end}.upload-aside{gap:18px;display:grid;position:sticky;top:122px}.tips-card,.rules-card{padding:22px}.tips-icon{width:45px;height:45px;color:var(--green-600);background:var(--green-100);border-radius:14px;place-items:center;display:grid}.tips-card h3{margin:17px 0 15px;font-size:17px}.tips-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tips-card li{color:var(--text-soft);align-items:center;gap:9px;font-size:11px;display:flex}.tips-card li svg{color:var(--green-500)}.rules-card{gap:0;display:grid}.rules-card .section-kicker{margin-bottom:12px}.rules-card>div{border-top:1px solid var(--line);gap:4px;padding:13px 0;display:grid}.rules-card strong{font-size:13px}.rules-card span{color:var(--text-soft);font-size:10px}.privacy-card{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;padding:24px;display:grid}.privacy-card-icon{width:54px;height:54px;color:var(--green-600);background:var(--green-100);border-radius:16px;place-items:center;display:grid}.privacy-card h3{margin:7px 0 10px;font-size:18px}.privacy-card p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.65}.review-page{gap:18px;display:grid}.review-header{justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;display:flex}.review-person{align-items:center;gap:15px;min-width:0;display:flex}.review-person h2{margin:4px 0;font-size:21px}.review-person p{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.review-header-actions{gap:9px;display:flex}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--line);min-height:116px;box-shadow:var(--shadow-sm);border-radius:16px;align-content:space-between;padding:16px;display:grid}.summary-card.featured{color:#fff;background:linear-gradient(145deg,#08643e,#12a263);border-color:#0000}.summary-card>span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:750}.summary-card.featured>span,.summary-card.featured small{color:#ffffffb3}.summary-card strong{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(20px,2vw,28px)}.summary-card small{color:var(--text-faint);font-size:8px}.review-table-card{padding:23px 0 0;overflow:hidden}.review-table-card .section-heading{padding:0 23px}.table-scroll{border-top:1px solid var(--line);overflow:auto}.review-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1390px;font-size:10px}.review-table th{background:var(--surface-muted);height:42px;color:var(--text-faint);text-align:left;text-transform:uppercase;letter-spacing:.05em;z-index:3;border-bottom:1px solid var(--line);padding:0 8px;font-size:9px;position:sticky;top:0}.review-table td{border-bottom:1px solid var(--line);background:var(--surface-solid);height:53px;padding:6px 7px}.review-table tr.weekend td{background:color-mix(in srgb, var(--green-50) 60%, var(--surface-solid))}.review-table tr.cancelled td{opacity:.55;text-decoration:line-through}.review-table tr:last-child td{border-bottom:0}.day-cell{gap:2px;width:38px;display:grid}.day-cell strong{font-size:12px}.day-cell span{color:var(--text-faint);text-transform:uppercase;font-size:8px}.table-input{border:1px solid var(--line);background:var(--surface-solid);min-height:35px;color:var(--text);border-radius:9px;outline:0;padding:0 8px;font-size:10px}.table-input:disabled{background:var(--surface-muted);opacity:.6}.stint-input{width:190px}.location-input{width:120px}.status-work{color:var(--green-700);background:var(--green-50)}.status-vacation{color:var(--blue);background:#3a73e814}.status-sick{color:var(--danger);background:#d94d5514}.status-off{color:var(--text-soft)}.table-check{cursor:pointer;place-items:center;display:grid}.table-check input{display:none}.table-check span{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.table-check input:checked+span{background:var(--green-500);border-color:var(--green-500)}.table-check input:checked+span:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translateY(-1px)}.danger-check input:checked+span{background:var(--danger);border-color:var(--danger)}.number-cell{text-align:right;color:var(--text-soft);font-variant-numeric:tabular-nums}.number-cell.strong{color:var(--text);font-weight:800}.pause-cell{white-space:nowrap;color:var(--text-soft);font-size:9px}.export-bar{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#073c27,#0d8050);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 20px 55px #073d2733}.export-bar h3{margin:5px 0 4px;font-size:20px}.export-bar p{color:#ffffffa1;margin:0;font-size:10px}.export-bar .section-kicker{color:#72e7ac}.export-actions{gap:10px;display:flex}.export-bar .button.secondary{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.export-bar .button.primary{color:#075535;box-shadow:none;background:#fff}.history-list{gap:8px;display:grid}.history-row{border:1px solid var(--line);background:var(--surface-muted);border-radius:14px;grid-template-columns:58px minmax(210px,1.5fr) repeat(3,minmax(90px,.6fr)) 70px auto;align-items:center;gap:13px;min-height:80px;padding:10px 13px;transition:all .18s;display:grid}.history-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.history-month{width:54px;height:54px;color:var(--green-700);background:var(--green-100);border-radius:14px;align-content:center;place-items:center;display:grid}.history-month strong{font-size:17px;line-height:1}.history-month span{margin-top:3px;font-size:8px}.history-person{align-items:center;gap:11px;min-width:0;display:flex}.history-person>div:last-child{gap:4px;min-width:0;display:grid}.history-person strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.history-person span{color:var(--text-faint);font-size:9px}.history-metric{gap:4px;display:grid}.history-metric span{color:var(--text-faint);text-transform:uppercase;font-size:8px}.history-metric strong{font-size:10px}.history-actions{gap:7px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{padding:24px}.settings-card.span-two{grid-column:1/-1}.integration-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.integration-card{border:1px solid var(--line);background:var(--surface-muted);border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:112px;padding:15px;display:grid}.integration-icon{width:44px;height:44px;color:var(--green-600);background:var(--green-100);border-radius:13px;place-items:center;display:grid}.integration-icon.purple{color:var(--violet);background:#7967e81f}.integration-icon.blue{color:var(--blue);background:#3a73e81c}.integration-card h4{margin:0 0 5px;font-size:13px}.integration-card p,.settings-copy{color:var(--text-soft);margin:0;font-size:10px;line-height:1.55}.code-list{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:15px;display:grid}.code-list code{color:#83e8b5;background:#071a11;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:auto}@media (max-width:1250px){.metric-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}.employee-grid,.workflow-steps{grid-template-columns:repeat(2,1fr)}.history-row{grid-template-columns:58px minmax(200px,1fr) repeat(2,90px) 65px auto}.history-row .history-metric:nth-of-type(4){display:none}}@media (max-width:980px){:root{--sidebar-width:268px}.app-layout{display:block}.sidebar{box-shadow:var(--shadow-lg);transition:transform .25s;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.mobile-menu{place-items:center;display:grid}.sidebar-backdrop{z-index:29;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010e087a;border:0;display:block;position:fixed;inset:0}.main-area{width:100%}.topbar{height:82px}.page-content{padding-top:22px}.dashboard-grid{grid-template-columns:1fr}.span-two{grid-column:1}.hero-card{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:320px;margin-top:20px}.upload-layout{grid-template-columns:1fr}.upload-aside{grid-template-columns:repeat(2,1fr);position:static}.summary-grid{grid-template-columns:repeat(3,1fr)}.review-header,.export-bar{flex-direction:column;align-items:flex-start}.history-row{grid-template-columns:58px minmax(200px,1fr) 90px auto}.history-row .history-metric:nth-of-type(n+3),.history-row>.state-badge{display:none}.integration-grid,.login-page{grid-template-columns:1fr}.login-showcase{min-height:560px}.login-panel{padding-block:55px}}@media (max-width:700px){html,body{overflow-x:hidden}.topbar{padding-inline:15px}.page-heading p,.topbar .status-pill{display:none}.page-content{padding:16px 13px 55px;overflow-x:hidden}.hero-card{border-radius:22px;padding:25px 20px}.hero-card h2{font-size:35px}.hero-actions,.upload-actions,.export-actions,.review-header-actions{flex-direction:column;width:100%}.hero-actions .button,.upload-actions .button,.export-actions .button,.review-header-actions .button{width:100%}.hero-document{width:76%}.floating-chip{font-size:9px}.metric-grid,.summary-grid,.employee-grid,.settings-grid,.workflow-steps,.upload-aside,.code-list{grid-template-columns:1fr 1fr}.summary-card{min-height:102px}.dashboard-grid>.content-card,.table-card,.settings-card{padding:18px}.toolbar-card{flex-direction:column;align-items:stretch}.filter-select{width:100%}.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid .full{grid-column:1}.dropzone{min-height:235px;padding:20px}.page-stack>.content-card:not(.empty-state){padding:22px 20px}.section-heading{gap:12px}.privacy-card{grid-template-columns:46px minmax(0,1fr);padding:20px}.privacy-card-icon{width:46px;height:46px}.review-header{padding:16px}.review-person{align-items:flex-start}.review-person p{white-space:normal}.export-bar{padding:20px}.history-row{grid-template-columns:54px 1fr auto}.history-row .history-metric,.history-row>.state-badge{display:none!important}.history-actions .button span{display:none}.settings-card.span-two{grid-column:1/-1}.integration-grid{grid-template-columns:1fr}.login-showcase{min-height:auto;padding:30px 22px 45px}.login-copy{padding-top:75px}.login-copy h1{font-size:43px}.login-benefits{grid-template-columns:1fr;margin-top:38px}.login-benefits>div{min-height:78px}.login-panel{padding:28px 15px}.login-card{border-radius:22px;padding:25px 20px}}@media (max-width:480px){.metric-grid,.summary-grid,.employee-grid,.settings-grid,.workflow-steps,.upload-aside,.code-list{grid-template-columns:1fr}.hero-visual{min-height:260px}.hero-document{width:82%}.chip-ai{left:-3%}.chip-export{right:-3%}.page-heading h1{font-size:20px}.topbar-actions{gap:5px}.modal{padding:20px}.login-copy h1{font-size:38px}}.template-preview-stage{background:linear-gradient(145deg, var(--surface-muted), var(--surface-solid));border:1px solid var(--line);border-radius:18px;width:100%;padding:24px;overflow:auto}.native-timesheet{--paper-width:210mm;width:var(--paper-width);box-sizing:border-box;color:#111;background:#fff;min-height:297mm;margin:0 auto;padding:10mm 10mm 8mm;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:0 20px 55px #0000002e}.native-timesheet-preview{transform-origin:0 0}.native-header{justify-content:center;align-items:flex-start;min-height:21mm;display:flex;position:relative}.native-header img{object-fit:contain;width:54mm;height:auto;position:absolute;top:0;left:0}.native-header h1{margin:11mm 0 0;font-size:10.5pt;font-weight:700}.native-person-grid{border-bottom:.35mm solid #111;grid-template-columns:1.3fr 1.1fr 1fr;gap:1.5mm 8mm;margin-bottom:2mm;padding-bottom:1mm;font-size:7pt;display:grid}.native-person-grid div{gap:2mm;min-width:0;display:flex}.native-person-grid div:nth-child(4){grid-column:1}.native-person-grid div:nth-child(5){grid-column:2}.native-person-grid span{font-weight:400}.native-person-grid strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.native-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:4.9pt;line-height:1.05}.native-table th,.native-table td{text-align:center;vertical-align:middle;border:.18mm solid #777;height:4.65mm;padding:.35mm .25mm;overflow:hidden}.native-table th{background:#d6d6d6;height:5.7mm;font-weight:700}.native-table th:first-child{width:4.8mm}.native-table th:nth-child(2),.native-table th:nth-child(3){width:8.4mm}.native-table th:nth-child(4),.native-table th:nth-child(5),.native-table th:nth-child(6),.native-table th:nth-child(7){width:10.8mm}.native-table th:nth-child(8),.native-table th:nth-child(9){width:7.5mm}.native-table th:nth-child(10){width:11mm}.native-table td:last-child{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding-left:.8mm}.native-table tfoot td{background:#f5f5f5;height:5.4mm;font-weight:600}.native-signatures{grid-template-columns:repeat(3,1fr);gap:18mm;margin:8mm 15mm 0;display:grid}.native-signatures div{text-align:center;align-content:end;min-height:9mm;display:grid}.native-signatures span{border-bottom:.25mm solid #222;min-height:5mm;padding-bottom:.6mm;font-size:7pt}.native-signatures small{color:#333;margin-top:.8mm;font-size:5.5pt}.export-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.live-preview-card{overflow:hidden}.print-page-shell{background:#ececec;min-height:100vh;padding:24px}.print-toolbar{z-index:10;justify-content:center;gap:10px;margin-bottom:18px;display:flex;position:sticky;top:12px}.print-toolbar button{cursor:pointer;color:#fff;background:#0b8b56;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.print-toolbar button+button{background:#333}.print-empty{padding:40px;font-family:Arial,sans-serif}@media (max-width:900px){.template-preview-stage{padding:10px}.native-timesheet-preview{margin-bottom:-112.86mm;transform:scale(.62)}.export-field-grid{grid-template-columns:1fr}}@media (max-width:560px){.native-timesheet-preview{margin-bottom:-169.29mm;transform:scale(.43)}}@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;height:297mm;background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.print-page-shell{background:#fff;min-height:0;margin:0;padding:0}.native-timesheet{width:210mm;height:297mm;min-height:297mm;box-shadow:none;page-break-after:avoid;margin:0}}.template-preview-stage{justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.template-preview-canvas{--preview-scale:1;flex:0 0 calc(210mm * var(--preview-scale));width:calc(210mm * var(--preview-scale));height:calc(297mm * var(--preview-scale));max-width:100%;position:relative}.template-preview-canvas .native-timesheet-preview{transform:translateX(-50%) scale(var(--preview-scale));transform-origin:top;margin:0;position:absolute;top:0;left:50%}.signature-pad-field{gap:8px;min-width:0;display:grid}.signature-pad-heading{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.signature-reset{border:1px solid var(--line);background:var(--surface-muted);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700}.signature-reset:disabled{opacity:.45;cursor:default}.signature-canvas{border:1px solid var(--line-strong);touch-action:none;cursor:crosshair;background:#fff;border-radius:14px;width:100%;height:132px;display:block;box-shadow:inset 0 1px 8px #0000000d}.signature-pad-field small{color:var(--text-muted)}.native-signature-value{justify-content:center;align-items:flex-end;display:flex;min-height:7mm!important}.native-signature-value img{object-fit:contain;width:auto;max-width:48mm;height:auto;max-height:8mm;display:block}@media (max-width:900px){.template-preview-canvas{--preview-scale:.62}.native-timesheet-preview{margin-bottom:0}}@media (max-width:560px){.template-preview-stage{padding-inline:6px}.template-preview-canvas{--preview-scale:.405}.native-timesheet-preview{margin-bottom:0}}html,body{max-width:100%;overflow-x:hidden}.app-layout,.main-area,.page-content,.review-page{min-width:0;max-width:100%}.page-heading{overflow:hidden}.page-heading h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand>img{flex:0 0 42px;width:42px;height:42px;filter:none!important}.brand-wording{align-items:center;gap:9px;min-width:0;display:flex}.brand-wording strong{color:var(--text);letter-spacing:.035em;white-space:nowrap;font-size:8px;line-height:1.15}.brand-wording .brand-product{white-space:nowrap;padding-left:9px;font-size:12px}.sidebar-top .brand img{max-width:42px;max-height:42px}.correction-note{align-items:flex-start;line-height:1.5}.correction-note strong{white-space:nowrap}.native-total-pause{white-space:nowrap;text-overflow:clip;padding-inline:.15mm!important;font-size:4.1pt!important;line-height:1!important}@media (max-width:700px){html,body{overflow-x:hidden}.topbar{gap:10px}.mobile-menu{flex:0 0 40px}.page-heading{flex:auto}.page-heading h1{max-width:100%;font-size:19px}.topbar-actions{flex:none}}.privacy-card{background:radial-gradient(circle at 88% 10%, #1fbe771a, transparent 34%), linear-gradient(145deg, var(--surface-solid), var(--surface-muted));align-items:center;min-height:0}.privacy-card-copy{min-width:0}.privacy-card-copy p{margin-bottom:14px}.privacy-card-copy ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.privacy-card-copy li{color:var(--text-soft);align-items:center;gap:8px;font-size:10px;display:flex}.privacy-card-copy li svg{color:var(--green-500);flex:none}@media print{html,body,.print-page-shell{width:210mm!important;height:297mm!important;overflow:hidden!important}.print-page-shell{break-after:avoid;page-break-after:avoid}.print-page-shell .native-timesheet{zoom:.94;break-inside:avoid;page-break-inside:avoid;page-break-after:avoid;width:223.404mm;height:315.957mm;min-height:315.957mm}}.region-live-card{color:#effff6;background:radial-gradient(circle at 86% 14%,#30e28f47,#0000 28%),radial-gradient(circle at 8% 100%,#2b91ff24,#0000 35%),linear-gradient(145deg,#082b1d,#0a3d28 58%,#062218);border-color:#55da9b3d;align-content:space-between;gap:20px;min-height:238px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 55px #02150e38}.region-live-card:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.region-live-card>*{z-index:1;position:relative}.region-live-top{grid-template-columns:54px 1fr auto;align-items:center;gap:14px;display:grid}.region-live-top img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000040);width:54px;height:54px}.region-live-location{gap:3px;min-width:0;display:grid}.region-live-location span{color:#56d99a;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.region-live-location strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.region-live-pulse{color:#effff6b8;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.region-live-pulse i{background:#35e38f;border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 0 5px #35e38f1f,0 0 18px #35e38f}.region-live-grid{grid-template-columns:1.3fr .7fr;align-items:end;gap:18px;display:grid}.region-clock{gap:8px;display:grid}.region-clock>span{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:.95}.region-clock small{color:#effff6a3;text-transform:capitalize;font-size:11px}.region-weather{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.region-weather>b{background:#ffffff17;border:1px solid #ffffff1c;border-radius:17px;place-items:center;width:50px;height:50px;font-size:27px;display:grid}.region-weather div{text-align:right;gap:3px;display:grid}.region-weather strong{font-size:20px}.region-weather span{color:#effff6a3;font-size:10px}.region-live-footer{color:#effff685;border-top:1px solid #ffffff1a;justify-content:space-between;gap:12px;padding-top:14px;font-size:9px;display:flex}@keyframes live-pulse{50%{opacity:.45;transform:scale(.82)}}.processing-card-cinematic{background:radial-gradient(circle at 14% 45%,#23d58229,transparent 24%),linear-gradient(135deg,var(--surface-solid),var(--surface-muted));grid-template-columns:72px minmax(0,1fr);gap:18px;padding:22px;position:relative;overflow:hidden}.processing-card-cinematic:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 10%,#ffffff09 42%,#0000 70%);animation:2.4s linear infinite processing-sheen;position:absolute;inset:0;transform:translate(-100%)}.processing-visual{place-items:center;width:72px;height:72px;display:grid;position:relative}.processing-visual .processing-orbit{z-index:2;margin:0;position:relative}.processing-ring{border:1px solid #28dc8742;border-radius:50%;position:absolute;inset:4px}.processing-ring.ring-one{border-top-color:#31d48a;animation:3.5s linear infinite processing-spin}.processing-ring.ring-two{border-right-color:#73f0b6;animation:2.4s linear infinite reverse processing-spin;inset:11px}.processing-spark{color:#70ebb0;text-shadow:0 0 12px;animation:1.8s ease-in-out infinite processing-twinkle;position:absolute}.spark-one{top:7px;right:0}.spark-two{animation-delay:.7s;bottom:8px;left:2px}.processing-copy{align-content:center;gap:5px;min-width:0;display:grid}.processing-copy strong{font-size:15px}.processing-copy span{color:var(--text-muted);font-size:10px}.processing-status{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.processing-status i{text-align:center;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:700;transition:all .25s}.processing-status i.active{color:#36d88d;background:#36d88d14;border-color:#36d88d57}.processing-card-cinematic .processing-bar{grid-column:1/-1}@keyframes processing-spin{to{transform:rotate(360deg)}}@keyframes processing-twinkle{50%{opacity:.35;transform:scale(.72)}}@keyframes processing-sheen{to{transform:translate(100%)}}.export-actions-single{width:min(460px,100%)}.download-pdf-button{justify-content:center;align-items:center;gap:14px;width:100%;min-height:74px;display:flex}.download-pdf-button>span{text-align:left;gap:3px;display:grid}.download-pdf-button strong{font-size:15px}.download-pdf-button small{color:#075535ad;font-size:9px;font-weight:600}.preview-share-target{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.preview-share-target:focus-visible{outline:2px solid var(--green-500);outline-offset:3px}.preview-share-hint{color:var(--text-muted);text-align:center;margin-top:10px;font-size:9px;display:block}.native-header img{object-fit:contain;object-position:left center;width:52mm;max-height:14mm;top:1.2mm}@media (max-width:700px){.region-live-card{min-height:220px;padding:20px}.region-live-grid{grid-template-columns:1fr;align-items:start}.region-weather{justify-content:flex-start}.region-weather div{text-align:left}.processing-card-cinematic{grid-template-columns:58px minmax(0,1fr)}.processing-visual{width:58px;height:58px}}.period-mismatch-alert{background:radial-gradient(circle at 90% 10%, #f3b03f24, transparent 32%), linear-gradient(145deg, var(--surface-solid), var(--surface-muted));border:1px solid #f3b03f5c;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid;box-shadow:0 14px 36px #5737071a}.period-mismatch-icon{color:#f2b54a;background:#f3b03f1a;border:1px solid #f3b03f38;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.period-mismatch-alert h3{margin:4px 0 6px;font-size:17px}.period-mismatch-alert p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.55}.review-table{min-width:1510px}.review-table th:nth-child(3),.review-table td:nth-child(3){min-width:250px}.review-table th:nth-child(6),.review-table td:nth-child(6){min-width:285px}.review-table .location-input{text-overflow:clip;width:100%;min-width:270px;font-size:9px}.review-table .stint-input{min-width:230px;font-size:9px}.native-table th:nth-child(11),.native-table th:nth-child(12),.native-table th:nth-child(13),.native-table th:nth-child(14){width:6.8mm}.native-table th:nth-child(15),.native-table th:nth-child(16){width:11.2mm}.native-table th:nth-child(17){width:34mm}.native-table .native-location-cell{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;padding-left:.45mm;padding-right:.35mm;line-height:1.02}.region-live-location strong{text-overflow:clip;letter-spacing:.04em}@media (max-width:700px){.period-mismatch-alert{grid-template-columns:auto 1fr;align-items:start}.period-mismatch-alert .button{grid-column:1/-1;width:100%}}.upload-privacy-wide{background:radial-gradient(circle at 92% 20%,#2cd4891f,#0000 28%),linear-gradient(135deg,#10412fd1,#08231bf5);grid-column:1/-1;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.upload-privacy-wide:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.upload-privacy-mark{z-index:1;width:58px;height:58px;color:var(--green-500);background:#21b8731f;border:1px solid #4ee19d38;border-radius:18px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}.upload-privacy-copy{z-index:1;min-width:0;position:relative}.upload-privacy-copy h3{letter-spacing:-.02em;margin:5px 0;font-size:clamp(17px,2vw,22px)}.upload-privacy-copy p{max-width:780px;color:var(--text-soft);margin:0;font-size:12px;line-height:1.55}.upload-privacy-status{z-index:1;white-space:nowrap;color:var(--text-soft);background:#00000029;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.upload-privacy-status i{background:var(--green-500);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #25d3841a}@media (max-width:720px){.upload-privacy-wide{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px}.upload-privacy-mark{border-radius:15px;width:48px;height:48px}.upload-privacy-status{grid-column:1/-1;justify-self:start;margin-left:62px}}@media (max-width:460px){.upload-privacy-wide{grid-template-columns:1fr}.upload-privacy-status{margin-left:0}}:root{--client-accent:#6ee7ff;--bg:#f4f7f9;--surface-muted:#f7fafc;--surface-strong:#edf4f7;--text:#10171d;--text-soft:#5f6c75;--line:#dce5ea;--line-strong:#c8d7df;--green-950:#061a21;--green-900:#082934;--green-800:#073f50;--green-700:#086579;--green-600:#087f98;--green-500:#1fb9d4;--green-100:#dff7fb;--green-50:#effbfe;--shadow-lg:0 32px 100px #0418212e}:root[data-theme=dark]{--bg:#06090c;--surface:#0e151be6;--surface-solid:#0e151b;--surface-muted:#111c23;--surface-strong:#17252e;--text:#eff8fb;--text-soft:#9caeb8;--text-faint:#6f838e;--line:#22323b;--line-strong:#304852;--green-950:#dcfaff;--green-900:#c7f6ff;--green-800:#8de9f7;--green-700:#5edbeb;--green-600:#43cfe3;--green-500:#35c8dd;--green-100:#10313a;--green-50:#0c252d}body{background:radial-gradient(circle at 82% -10%, color-mix(in srgb, var(--client-accent) 16%, transparent), transparent 34%), radial-gradient(circle at -8% 90%, #5c67ff14, transparent 30%), var(--bg)}::selection{background:color-mix(in srgb, var(--client-accent) 30%, transparent)}.button.primary{color:#021015;background:linear-gradient(135deg, var(--client-accent), #9ff4ff);box-shadow:0 10px 28px color-mix(in srgb, var(--client-accent) 26%, transparent)}.button.primary:hover:not(:disabled){box-shadow:0 15px 34px color-mix(in srgb, var(--client-accent) 34%, transparent)}.brand{gap:11px}.brand-symbol{color:#031218;background:var(--client-accent);letter-spacing:-.02em;width:42px;height:42px;box-shadow:0 10px 24px color-mix(in srgb, var(--client-accent) 24%, transparent);border-radius:13px;flex:0 0 42px;place-items:center;font-size:11px;font-weight:950;display:grid}.brand-wording{gap:2px;display:grid}.brand-wording strong{letter-spacing:.05em;font-size:12px}.brand-wording span{color:var(--text-soft);font-size:10px;font-weight:750}.login-showcase .brand-wording strong{color:#fff}.login-showcase .brand-wording span{color:#ffffff94}.login-page{background:#030608}.login-showcase{background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--client-accent) 19%, transparent), transparent 28%), linear-gradient(145deg, #061118, #020608 72%)}.login-copy .eyebrow,.login-benefits svg{color:var(--client-accent)}.hero-card{background:radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--client-accent) 22%, transparent), transparent 31%), linear-gradient(135deg, #031018, #071f2a 55%, #092e3a);box-shadow:0 24px 75px #02111847}.hero-card .eyebrow{color:var(--client-accent)}.hero-card .button.primary{color:#041318;background:var(--client-accent)}.avatar,.employee-avatar{color:#031217;background:linear-gradient(145deg, var(--client-accent), #94f2ff);box-shadow:0 8px 18px color-mix(in srgb, var(--client-accent) 24%, transparent)}.spacewalker-credit{color:var(--text-faint);text-align:right;letter-spacing:.04em;grid-column:2;padding:20px clamp(22px,4vw,54px) 28px;font-size:10px}.spacewalker-credit strong{color:var(--text-soft);letter-spacing:.12em}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.setup-grid>.content-card{padding:clamp(22px,3vw,30px)}.setup-intro{color:#effcff;background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--client-accent) 24%, transparent), transparent 27%), linear-gradient(145deg, #041018, #071e28);border-color:#6ee7ff33;grid-column:1/-1;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;min-height:300px;display:grid}.setup-intro h2{letter-spacing:-.055em;max-width:760px;margin:10px 0 14px;font-size:clamp(30px,4vw,58px);line-height:1.04}.setup-intro p{color:#effcffa6;max-width:720px;margin:0;line-height:1.7}.setup-sequence{gap:10px;display:grid}.setup-sequence span{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:14px;min-height:64px;padding:13px 16px;font-size:12px;font-weight:760;display:flex}.setup-sequence b{color:var(--client-accent);letter-spacing:.12em;font-size:10px}.setup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.reference-drop{border:1px dashed var(--line-strong);background:var(--surface-muted);text-align:center;cursor:pointer;border-radius:16px;align-content:center;place-items:center;gap:8px;min-height:190px;padding:26px;display:grid}.reference-drop input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.reference-drop svg{color:var(--green-600)}.reference-drop strong{font-size:13px}.reference-drop span{color:var(--text-faint);font-size:10px;line-height:1.45}.color-input{padding:5px}.generation-allowance{border:1px solid color-mix(in srgb, var(--client-accent) 28%, var(--line));background:color-mix(in srgb, var(--client-accent) 7%, var(--surface-solid));border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:15px;display:flex}.generation-allowance>div{gap:4px;display:grid}.generation-allowance strong{font-size:12px}.generation-allowance p{color:var(--text-faint);margin:0;font-size:10px}.mapping-card{color:#effcff;background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--client-accent) 22%, transparent), transparent 30%), linear-gradient(145deg, #06131a, #081e28);min-height:238px;padding:24px}.mapping-card h3{margin:6px 0 18px}.mapping-card dl{gap:10px;margin:0;display:grid}.mapping-card dl>div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:18px;padding-bottom:9px;display:flex}.mapping-card dt{color:#effcff85;font-size:10px}.mapping-card dd{text-align:right;max-width:58%;margin:0;font-size:10px;font-weight:720}.universal-timesheet{padding:10mm;position:relative}.universal-native-header{border-bottom:.6mm solid #101820;grid-template-columns:1fr 1.6fr;align-items:center;gap:12mm;min-height:23mm;display:grid}.universal-native-header>div:last-child{text-align:right}.universal-native-header small{letter-spacing:.12em;text-transform:uppercase;color:#57646c;font-size:5.5pt}.universal-native-header h1{margin:1.8mm 0 0;font-size:14pt;line-height:1.05}.native-client-brand{align-items:center;gap:3mm;display:flex}.native-client-brand span{color:#031217;background:var(--client-accent);border-radius:3mm;place-items:center;width:12mm;height:12mm;font-size:6pt;font-weight:900;display:grid}.native-client-brand strong{text-overflow:ellipsis;letter-spacing:.05em;max-width:55mm;font-size:10pt;overflow:hidden}.universal-person-grid{grid-template-columns:1.5fr 1fr .7fr .5fr;margin:4mm 0 2mm;padding-bottom:2mm}.universal-person-grid div:nth-child(4),.universal-person-grid div:nth-child(5){grid-column:auto}.universal-native-table{font-size:5.6pt}.universal-native-table th{background:#e9eef1;height:8mm}.universal-native-table th:first-child{width:7mm}.universal-native-table th:nth-child(2),.universal-native-table th:nth-child(3){width:13mm}.universal-native-table th:nth-child(4),.universal-native-table th:nth-child(5),.universal-native-table th:nth-child(6),.universal-native-table th:nth-child(7){width:15mm}.universal-native-table th:nth-child(8),.universal-native-table th:nth-child(9){width:12mm}.universal-native-table th:nth-child(10){width:23mm}.universal-native-table th:nth-child(11){width:auto}.universal-native-table td{height:5.5mm}.universal-signatures{margin-top:10mm}.native-provenance{color:#7b858b;text-align:center;letter-spacing:.04em;font-size:4.8pt;position:absolute;bottom:5mm;left:10mm;right:10mm}@media (max-width:850px){.setup-grid{grid-template-columns:1fr}.setup-grid .span-two,.setup-intro{grid-column:1}.setup-intro{grid-template-columns:1fr}.setup-actions{justify-content:stretch}.setup-actions .button{flex:100%}.generation-allowance{flex-direction:column;align-items:flex-start}.spacewalker-credit{grid-column:1}}