:root{--navy:#0b1220;--blue:#2968ff;--cyan:#22c7e8;--green:#28c790;--ink:#162033;--muted:#728097;--line:#e5eaf1;--surface:#fff;--bg:#f3f6fa;--shadow:0 14px 38px #12233d14}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100dvh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{filter:drop-shadow(0 8px 12px #22c7e82e);background:url(/napsutec-mark.png) 50%/contain no-repeat;flex:none;width:42px;height:42px}.brand strong{letter-spacing:-.02em;font-size:18px;display:block}.brand small{color:#8895ab;letter-spacing:.03em;margin-top:2px;font-size:11px;display:block}.sidebar nav{gap:7px;margin-top:44px;display:grid}.nav-button{appearance:none;color:#8e9bb1;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;height:48px;padding:0 14px;font-weight:650;transition:all .18s;display:flex}.nav-button:hover{color:#d8e0ed;background:#141f34}.nav-button.active{color:#fff;box-shadow:inset 3px 0 0 var(--cyan);background:linear-gradient(100deg,#2968ff40,#22c7e814)}.side-status{background:#0e1727;border:1px solid #202c40;border-radius:13px;align-items:center;gap:10px;margin-top:auto;padding:15px 13px;display:flex}.status-dot{background:#f5ad43;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f5ad431a}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px #28c7901f}.side-status strong,.side-status small{display:block}.side-status strong{font-size:12px}.side-status small{color:#79869b;margin-top:2px;font-size:10px}.main{min-width:0;padding:30px clamp(24px,4vw,58px) 58px}.topbar{justify-content:space-between;align-items:center;min-height:62px;margin-bottom:27px;display:flex}.topbar h1{letter-spacing:-.035em;margin:2px 0 0;font-size:27px;line-height:1}.eyebrow,.section-kicker{text-transform:uppercase;color:#8793a6;letter-spacing:.12em;margin:0;font-size:10px;font-weight:800;line-height:1.3}.sync-button,.outline-button{border:1px solid var(--line);color:#536077;background:#fff;border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 14px #12233d0a}.sync-button:disabled{opacity:.6}.sync-button:not(:disabled):hover,.outline-button:hover{color:var(--ink);border-color:#bdc8d7}.report-language-picker{color:#536077;align-items:center;gap:8px;margin-left:auto;margin-right:10px;font-size:11px;font-weight:800;display:flex}.report-language-picker select{border:1px solid var(--line);min-width:105px;height:40px;color:var(--ink);background:#fff;border-radius:11px;padding:0 30px 0 11px;font-weight:700}.mobile-brand,.mobile-nav{display:none}.notice{z-index:30;color:#176c50;max-width:430px;box-shadow:var(--shadow);background:#f1fcf8;border:1px solid #b9ead9;border-radius:13px;align-items:center;gap:10px;padding:13px 42px 13px 13px;font-size:13px;font-weight:650;display:flex;position:fixed;top:22px;right:24px}.notice-icon{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.notice button{color:#5d7c71;background:0 0;border:0;font-size:22px;position:absolute;right:10px}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:22px;display:grid}.card{background:var(--surface);border:1px solid #dce3ece6;border-radius:20px;box-shadow:0 3px 12px #12233d06}.entry-card,.weekly,.timesheet,.install-card,.connection-card,.info-card{padding:26px}.card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.card-head h2{letter-spacing:-.025em;margin:7px 0 0;font-size:21px}.date-chip{color:#68758a;white-space:nowrap;background:#f1f5fb;border:1px solid #e6ebf2;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:750;display:flex}form{margin-top:25px}.form-grid{gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.extras{border:1px solid var(--line);background:#f7f9fc;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0;padding:17px}.form-grid .materials{grid-column:1/-1}label>span{color:#667287;margin:0 0 7px 2px;font-size:11px;font-weight:750;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fbfcfe;border:1px solid #dfe5ed;border-radius:11px;outline:0;transition:all .16s}input,select{height:44px;padding:0 12px}textarea{resize:vertical;min-height:88px;padding:12px;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7e8999 50%),linear-gradient(135deg,#7e8999 50%,#0000 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}select:disabled{opacity:.55}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2968ff17}.entry-date-select{align-items:flex-end;gap:14px;margin-top:15px;display:flex}.entry-date-select label{width:250px}.entry-date-select small{color:#7b879a;padding-bottom:13px;font-size:11px}.description-field{margin-top:15px;display:block}.hours-row{align-items:flex-end;gap:16px;margin-top:15px;display:flex}.hours-input{flex:none;width:135px}.hours-input>div,.suffix-input{position:relative}.hours-input input,.suffix-input input{padding-right:35px;font-size:18px;font-weight:800}.hours-input b,.suffix-input b{color:#8591a3;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.quick-hours{flex:1;gap:7px;padding-bottom:1px;display:flex}.quick-hours button{border:1px solid var(--line);color:#657187;background:#fff;border-radius:10px;min-width:54px;height:44px;font-size:12px;font-weight:750}.quick-hours button:hover{color:var(--blue);background:#f6f8ff;border-color:#9cb7ff}.advanced-toggle{color:#647188;background:0 0;border:0;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:14px 2px 2px;font-size:11px;font-weight:750;display:flex}.advanced-toggle svg{transition:all .2s;transform:rotate(90deg)}.advanced-toggle .rotated svg{transform:rotate(-90deg)}.extras-panel{border:1px solid var(--line);background:#f7f9fc;border-radius:13px;margin-top:12px;padding:17px}.km-field{max-width:300px;display:block}.additions-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin:18px 0 10px;padding-top:15px;display:flex}.additions-head span,.additions-head small{display:block}.additions-head span{color:#667287;font-size:11px;font-weight:800}.additions-head small{color:#8a96a7;margin-top:3px;font-size:9px}.additions-head button{color:#536077;background:#fff;border:1px solid #ccd7e6;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.addition-list{gap:10px;display:grid}.addition-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(190px,2fr) minmax(90px,.7fr) minmax(100px,.75fr) minmax(110px,.85fr) 36px;align-items:end;gap:9px;padding:11px;display:grid}.remove-addition{color:#a34c4c;background:#fff7f7;border:1px solid #f0d2d2;border-radius:10px;width:36px;height:44px;font-size:20px;line-height:1}.remove-addition:hover{background:#ffeded;border-color:#e7b1b1}input:disabled{opacity:.68;background:#eef2f6}.primary-button{color:#fff;background:linear-gradient(105deg,#245fff,#2b7dff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:20px;font-size:13px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 10px 22px #2968ff38}.primary-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px #2968ff47}.primary-button:disabled{opacity:.48;box-shadow:none;transform:none}.primary-button.compact{flex:none;width:auto;min-width:170px;padding:0 20px}.right-column{gap:18px;display:grid}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;min-height:132px;padding:17px;display:flex}.stat-card.accent{color:#fff;background:linear-gradient(145deg,#1d61f0,#2b83ff);border:0;box-shadow:0 10px 25px #2968ff2e}.stat-card span{text-transform:uppercase;letter-spacing:.09em;color:#7c889a;font-size:10px;font-weight:800}.stat-card.accent span,.stat-card.accent em{color:#dce8ff}.stat-card strong{letter-spacing:-.04em;margin-top:15px;font-size:25px}.stat-card strong small{font-size:12px}.stat-card em{color:#8691a2;margin-top:auto;font-size:10px;font-style:normal}.progress{background:#e9edf3;border-radius:3px;height:4px;margin-top:7px;overflow:hidden}.progress i{background:var(--green);border-radius:3px;height:100%;display:block}.recent{padding:0;overflow:hidden}.list-title{justify-content:space-between;align-items:center;padding:18px 19px 14px;display:flex}.list-title h3{margin:0;font-size:14px}.list-title>span{color:#6f7c91;background:#eef2f8;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:10px;font-weight:800;display:grid}.entry-list article{border-top:1px solid #eef1f5;align-items:center;gap:12px;padding:13px 18px;display:flex}.entry-date{background:#f2f5fa;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:37px;height:42px;display:flex}.entry-date b{font-size:14px}.entry-date small{text-transform:uppercase;color:#8490a2;font-size:8px;font-weight:800}.entry-info{flex:1;min-width:0}.entry-info strong,.entry-info span,.entry-info small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.entry-info strong{font-size:12px}.entry-info span{color:#6f7c91;margin-top:3px;font-size:10px}.entry-info small{color:#9aa4b3;margin-top:2px;font-size:9px}.entry-hours{text-align:right;flex:none}.entry-hours strong{margin-bottom:4px;font-size:12px;display:block}.entry-delete-button{color:#b04444;cursor:pointer;background:0 0;border:0;margin:6px 0 0 auto;font-size:9px;font-weight:800;display:block}.entry-delete-button:hover{text-decoration:underline}.pill{color:#68758a;text-transform:uppercase;letter-spacing:.03em;background:#eef2f7;border-radius:8px;align-items:center;min-height:20px;padding:0 7px;font-size:8px;font-weight:850;display:inline-flex}.pill.avoin{color:#9a6910;background:#fff5dc}.pill.hyväksytty,.pill.kirjattu{color:#167557;background:#e2f8ef}.pill.laskutettu{color:#315ec2;background:#e9efff}.pill.jonossa{color:#1c70a5;background:#e8f5ff}.empty{color:var(--muted);padding:18px;font-size:12px}.summary-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:20px;display:grid}.weekly{min-height:410px}.week-total{color:var(--blue);font-size:21px}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:clamp(10px,3vw,34px);height:280px;margin:32px 4px 0;padding:0 5px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;min-width:28px;height:100%;display:flex}.bar-value{color:#627087;height:20px;font-size:10px;font-weight:800}.bar-track{background:#f0f3f7;border-radius:7px 7px 0 0;flex:1;align-items:flex-end;width:22px;display:flex;overflow:hidden}.bar-track i{background:linear-gradient(0deg,var(--blue),#5d96ff);border-radius:7px 7px 0 0;width:100%;min-height:0}.bar-column b{margin-top:9px;font-size:10px}.bar-column small{color:#94a0b0;margin-top:3px;font-size:8px}.summary-cards{gap:12px;display:grid}.metric{min-height:111px;padding:18px}.metric span,.metric small{color:#8490a2;font-size:10px;font-weight:700;display:block}.metric strong{letter-spacing:-.03em;margin:13px 0 4px;font-size:22px;display:block}.summary-layout>.recent{grid-column:1/-1}.timesheet{max-width:1280px}.filters{background:#f7f9fc;border-radius:14px;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:24px 0 12px;padding:16px;display:grid}.timesheet-identities{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px;display:grid}.timesheet-identities>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}.timesheet-identities span,.timesheet-identities strong{display:block}.timesheet-identities span{color:#8994a5;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800}.timesheet-identities strong{margin-top:5px;font-size:12px}.pdf-error{color:#a23d3d;background:#fff5f5;border:1px solid #f0c4c4;border-radius:11px;margin:-8px 0 16px;padding:10px 13px;font-size:11px;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#68758a;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#f4f7fa;padding:11px 13px;font-size:9px}td{vertical-align:top;border-top:1px solid #edf0f4;padding:12px 13px;font-size:11px}td strong,td small{display:block}td small{color:#8793a6;margin-top:3px}.number{text-align:right;font-weight:800}.empty-row{text-align:center;color:var(--muted);padding:30px}.totals{justify-content:flex-end;gap:38px;margin:21px 4px;display:flex}.totals span,.totals strong{text-align:right;display:block}.totals span{text-transform:uppercase;color:#8994a5;font-size:9px;font-weight:800}.totals strong{margin-top:5px;font-size:16px}.signatures{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;margin-top:38px;padding-top:24px;display:grid}.signatures span,.signatures small{color:#69768a;font-size:10px;display:block}.signatures i{border-bottom:1px solid #aeb7c4;height:40px;display:block}.signatures small{color:#9ca6b4;margin-top:6px;font-size:8px}.report-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.print-settings{border:1px solid var(--line);background:#f8fbff;border-radius:14px;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.65fr) minmax(130px,.65fr) minmax(150px,.75fr);align-items:end;gap:12px;margin:0 0 16px;padding:16px;display:grid}.print-settings>div:first-child>strong,.print-settings>div:first-child>small{display:block}.print-settings>div:first-child>strong{margin-top:5px;font-size:13px}.print-settings>div:first-child>small{color:#7d899a;margin-top:4px;font-size:10px;line-height:1.45}.auto-fit{background:#f2fbf7;border:1px solid #cbe7dd;border-radius:11px;flex-direction:column;justify-content:center;height:44px;padding:7px 12px;display:flex}.auto-fit span,.auto-fit strong{display:block}.auto-fit span{color:#708096;font-size:9px;font-weight:750}.auto-fit strong{color:#177257;margin-top:2px;font-size:11px}.pdf-preview-backdrop{z-index:100;background:#070e1bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pdf-preview-modal{background:#fff;border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);height:min(92dvh,920px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000052}.pdf-preview-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pdf-preview-head h2{margin:5px 0 0;font-size:17px}.pdf-preview-head>div:last-child{align-items:center;gap:8px;display:flex}.preview-close{border:1px solid var(--line);color:#58657a;background:#fff;border-radius:11px;width:40px;height:40px;font-size:24px;line-height:1}.pdf-preview-modal iframe{background:#e9edf2;border:0;width:100%;height:100%}.settings-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.install-card{color:#fff;background:linear-gradient(120deg,#0e1b32,#132a4e);border:0;grid-column:1/-1;align-items:center;gap:22px;display:flex}.install-card h2{margin:7px 0 8px;font-size:21px}.install-card p:not(.section-kicker){color:#aebbd0;margin:0;font-size:12px;line-height:1.6}.install-icon{background:linear-gradient(145deg,var(--blue),var(--cyan));border-radius:18px;flex:none;place-items:center;width:62px;height:62px;display:grid}.install-card>div:nth-child(2){flex:1}.install-help{color:#c9d5e6;background:#ffffff14;border-radius:11px;max-width:260px;padding:12px 14px;font-size:11px;line-height:1.55}.identity-card{grid-column:1/-1;padding:26px}.identity-card h2{margin:7px 0 0;font-size:20px}.identity-help{color:#748095;margin:12px 0 0;font-size:11px}.identity-card form{margin-top:18px}.identity-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.identity-card .registry-feedback{margin:16px 0 0}.connection-card{grid-column:1/-1}.connection-badge{color:#9a6812;text-transform:uppercase;background:#fff3dd;border-radius:10px;padding:7px 10px;font-size:9px;font-weight:850}.connection-badge.ok{color:#147153;background:#e4f8ef}.connection-list{border:1px solid var(--line);border-radius:14px;margin-top:22px;overflow:hidden}.connection-list>div{border-top:1px solid var(--line);align-items:center;gap:13px;padding:15px;display:flex}.connection-list>div:first-child{border-top:0}.service-icon{color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.service-icon.sheets{background:#22a466}.service-icon.bot{background:var(--blue)}.service-icon.pwa{background:#152238}.connection-list>div>div{flex:1}.connection-list strong,.connection-list small{display:block}.connection-list strong{font-size:12px}.connection-list small{color:#8692a4;margin-top:3px;font-size:9px}.connection-list b{color:#657287;font-size:10px}.info-card h3{margin:0;font-size:15px}.info-card p{color:#748095;margin:10px 0 0;font-size:11px;line-height:1.7}.registry-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.registry-intro{grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.registry-intro h2,.registry-card h2{margin:7px 0 0;font-size:20px}.registry-intro p:not(.section-kicker){color:#758196;margin:8px 0 0;font-size:11px}.registry-counts{gap:8px;display:flex}.registry-counts span{border:1px solid var(--line);color:#7a8799;text-align:center;background:#f8fafc;border-radius:12px;min-width:84px;padding:11px 13px;font-size:9px;font-weight:750}.registry-counts strong{color:var(--ink);margin-bottom:3px;font-size:18px;display:block}.registry-feedback{color:#176c50;background:#f1fcf8;border:1px solid #b9ead9;border-radius:13px;grid-column:1/-1;padding:12px 15px;font-size:12px;font-weight:700}.registry-feedback.error{color:#a23d3d;background:#fff5f5;border-color:#f0c4c4}.registry-card{padding:23px}.registry-card-head{align-items:center;gap:12px;display:flex}.registry-step{background:linear-gradient(145deg,var(--blue),#4c86ff);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid;box-shadow:0 8px 20px #2968ff29}.registry-card form{margin-top:22px}.registry-card form>label{margin-top:13px;display:block}.registry-card form>label:first-child{margin-top:0}.registry-fields{gap:10px;margin-top:13px;display:grid}.registry-save{width:100%;margin-top:18px}.registry-toggle{border:1px solid var(--line);color:#5f6c80;text-align:left;background:#f8fafc;border-radius:11px;align-items:center;gap:10px;width:100%;margin-top:14px;padding:11px;display:flex}.registry-toggle>i{color:#0000;background:#fff;border:1px solid #ccd5e1;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.registry-toggle span,.registry-toggle strong,.registry-toggle small{display:block}.registry-toggle strong{font-size:11px}.registry-toggle small{color:#8a96a7;margin-top:2px;font-size:9px}.registry-toggle.active{background:#f4f7ff;border-color:#aac0ff}.registry-toggle.active>i{background:var(--blue);border-color:var(--blue);color:#fff}.registry-help{color:#8490a2;margin:13px 0 0;font-size:10px;line-height:1.5}.minimum-hours{width:180px}.billing-note{color:#315fae;background:#f3f7ff;border:1px solid #bad0ff;border-radius:10px;margin:9px 0 0;padding:10px 12px;font-size:10px;font-weight:750}.entry-hours>small{color:#7a8799;margin:-1px 0 4px;font-size:8px;display:block}.filters.manager-filters{grid-template-columns:1.4fr 1.2fr 1fr 1fr}.timesheet table{min-width:900px}.admin-filter{grid-column:1/-1;padding:16px 20px}.admin-filter label{max-width:340px;display:block}.customer-minimum-card{grid-column:1/-1;padding:24px 26px}.customer-minimum-list{gap:9px;margin-top:18px;display:grid}.customer-minimum-list>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:minmax(180px,1fr) 180px 115px;align-items:end;gap:12px;padding:12px 14px;display:grid}.customer-minimum-list>div>strong{align-self:center;font-size:12px}.customer-minimum-list .outline-button{height:44px}.registry-management{grid-column:1/-1;padding:24px 26px}.registry-tabs{gap:8px;margin:18px 0;display:flex}.registry-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;padding:10px 16px;font-weight:800}.registry-tabs button.active{color:#174fc6;background:#edf4ff;border-color:#2d6cff}.registry-editor{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.registry-editor>.primary-button{min-height:44px}.registry-check{border:1px solid var(--line);background:#f8fafc;border-radius:11px;align-items:center;gap:11px;min-height:44px;padding:9px 12px;display:flex!important}.registry-check input{accent-color:#246cff;width:19px;height:19px}.registry-check span{gap:2px;display:grid}.registry-check small{color:var(--muted);font-size:10px}.billing-company-card{grid-column:1/-1;padding:24px 26px}.billing-company-list{gap:9px;margin-top:18px;display:grid}.billing-company-list>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.3fr) 115px;align-items:end;gap:12px;padding:12px 14px;display:grid}.billing-company-list strong,.billing-company-list small{display:block}.billing-company-list strong{font-size:12px}.billing-company-list small{color:#8692a4;margin-top:3px;font-size:9px}.billing-company-list .outline-button{height:44px}.auth-shell{background:radial-gradient(circle at 20% 0,#e7efff 0,transparent 36%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(100%,470px);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:30px}.auth-card>.brand{border-bottom:1px solid var(--line);padding:0 0 25px}.auth-heading{margin:25px 0 0}.auth-heading h1{letter-spacing:-.04em;margin:8px 0 9px;font-size:27px}.auth-heading>p:not(.section-kicker){color:var(--muted);margin:0;font-size:12px;line-height:1.6}.auth-form{gap:14px;margin-top:24px;display:grid}.auth-form .primary-button{margin-top:4px}.auth-form label small,.user-form label small{color:#909bad;font-weight:600}.auth-error{color:#a23d3d;background:#fff5f5;border:1px solid #f0c4c4;border-radius:11px;margin-top:18px;padding:11px 13px;font-size:11px;font-weight:700}.auth-divider{border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:30px;margin:12px 0 4px;display:flex}.auth-divider span{color:#98a2b1;background:#fff;padding:0 10px;font-size:10px;position:relative;top:15px}.microsoft-button{color:#2e3a4d;border:1px solid #cfd7e3;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:48px;margin-top:22px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.microsoft-button:hover{background:#fafbfc;border-color:#9faec2}.microsoft-button b{color:#2672ec;font-size:22px}.auth-footer{text-align:center;color:#a0a9b7;margin-top:27px;font-size:9px;display:block}.auth-loading{text-align:center;color:#647188;padding:40px 0;font-weight:750}.users-card{grid-column:1/-1;padding:26px}.user-list{border:1px solid var(--line);border-radius:14px;margin-top:20px;overflow:hidden}.user-list>div{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.user-list>div:first-child{border-top:0}.user-avatar{width:34px;height:34px;color:var(--blue);background:#eaf0ff;border-radius:10px;place-items:center;font-weight:850;display:grid}.user-list>div>div{flex:1}.user-list strong,.user-list small{display:block}.user-list strong{font-size:12px}.user-list small{color:#8692a4;margin-top:2px;font-size:9px}.user-list b{text-transform:uppercase;color:#647188;font-size:9px}.user-form{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.user-form h3{margin:0 0 15px;font-size:14px}.user-form>.registry-feedback{margin:0 0 12px}.user-form>label{margin-top:14px;display:block}.account-card{grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.account-card h3{margin:6px 0 4px;font-size:16px}.account-card p:not(.section-kicker){color:var(--muted);margin:0;font-size:10px}.account-card .outline-button{flex:none}.auth-text-link{text-align:center;color:var(--blue);font-size:11px;font-weight:750;text-decoration:none;display:block}.auth-ready-link{margin-top:22px;text-decoration:none;display:flex}.invite-link-box{background:#f5f8ff;border:1px solid #b9d2ff;border-radius:12px;grid-template-columns:1fr auto;gap:8px;margin-top:16px;padding:14px;display:grid}.invite-link-box span{color:#52637b;grid-column:1/-1;font-size:10px;font-weight:800}.invite-link-box input{min-width:0}.user-reset-button{border:1px solid var(--line);color:#42526a;background:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:750}.user-reset-button:hover{border-color:#92a9c8}.registry-feedback{margin-top:16px}.user-actions{gap:7px;display:flex;flex:none!important}.user-delete-button{color:#a13d3d;background:#fff7f7;border:1px solid #efc5c5;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:750}.user-delete-button:hover{border-color:#d98e8e}.inactive-users{background:#fafbfc;border:1px dashed #cfd7e3;border-radius:12px;margin-top:14px;padding:14px}.inactive-users h3{margin:0 0 8px;font-size:11px}.inactive-users>div{color:#647188;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:10px;display:flex}@media (max-width:1100px){.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:260px 1fr}.stats-grid,.summary-layout{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(3,1fr)}.summary-layout>.recent{grid-column:auto}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three label:last-child{grid-column:1/-1}.addition-row{grid-template-columns:minmax(170px,2fr) minmax(85px,.7fr) minmax(90px,.7fr)}.addition-row label:nth-child(4){grid-column:1/3}.registry-layout{grid-template-columns:1fr 1fr}.registry-card:last-child{grid-column:1/-1}}@media (max-width:900px){.print-settings{grid-template-columns:1fr 1fr}.print-settings>div:first-child{grid-column:1/-1}}@media (max-width:760px){.app-shell{padding-bottom:77px;display:block}.sidebar{display:none}.main{padding:18px 15px 30px}.topbar{min-height:50px;margin-bottom:18px}.topbar>div:nth-child(2){display:none}.mobile-brand{display:block}.mobile-brand .brand{padding:0}.mobile-brand .brand-mark{width:36px;height:36px}.mobile-brand .brand strong{font-size:16px}.mobile-brand .brand small{display:none}.sync-button{justify-content:center;width:39px;padding:0}.sync-button span{display:none}.mobile-nav{z-index:20;height:68px;padding:6px max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:#0b1220f7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #08111f29}.mobile-nav button{color:#78869c;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:800;display:flex}.mobile-nav button.active{color:#fff}.mobile-nav button.active svg{color:var(--cyan)}.content-grid,.right-column,.settings-layout,.registry-layout{display:block}.right-column{margin-top:14px}.stats-grid{grid-template-columns:1fr 1fr;margin-bottom:14px}.card{border-radius:17px}.entry-card,.weekly,.timesheet,.install-card,.connection-card,.info-card,.users-card,.identity-card{padding:19px}.card-head h2{font-size:19px}.form-grid.three,.form-grid.extras{grid-template-columns:1fr}.form-grid.three label:last-child,.form-grid .materials{grid-column:auto}.entry-date-select{display:block}.entry-date-select label{width:100%}.entry-date-select small{padding:7px 2px 0;display:block}.hours-row{display:block}.hours-input{width:100%}.quick-hours{margin-top:8px}.quick-hours button{flex:1;min-width:0}.extras-panel{padding:12px}.km-field{max-width:none}.additions-head{align-items:flex-end}.addition-row{grid-template-columns:1fr 1fr;padding:10px}.addition-row label:first-child,.addition-row label:nth-child(4){grid-column:1/-1}.remove-addition{grid-column:2;justify-self:end}.notice{top:12px;left:12px;right:12px}.recent{margin-top:14px}.summary-cards{grid-template-columns:repeat(3,1fr);margin:14px 0}.metric{min-height:95px;padding:13px}.bars{gap:12px}.filters{grid-template-columns:1fr 1fr}.timesheet-identities,.identity-fields{grid-template-columns:1fr}.outline-button{padding:0 11px}.outline-button svg{display:none}.totals{justify-content:space-between;gap:10px}.signatures{grid-template-columns:1fr;gap:22px}.install-card{display:block}.install-icon{margin-bottom:18px}.primary-button.compact{width:100%;margin-top:18px}.install-help{max-width:none;margin-top:18px}.identity-card,.connection-card,.info-card,.users-card,.account-card{margin-top:14px}.connection-list>div{padding:13px}.connection-list b{text-align:right;max-width:80px}.date-chip{font-size:9px}.registry-intro{padding:19px;display:block}.registry-counts{margin-top:16px}.registry-counts span{flex:1;min-width:0}.registry-card{margin-top:14px;padding:19px}.registry-feedback{margin-top:14px}.auth-shell{padding:14px}.auth-card{border-radius:18px;padding:22px}.account-card{flex-direction:column;align-items:flex-start;padding:18px}.account-card .outline-button{justify-content:center;width:100%}.user-list b{display:none}.user-list>div{flex-wrap:wrap;align-items:flex-start}.user-actions{width:100%;padding-left:46px}.user-actions button{flex:1}.invite-link-box{grid-template-columns:1fr}.invite-link-box span{grid-column:auto}.inactive-users>div{flex-direction:column;align-items:flex-start}.report-actions{justify-content:stretch;width:100%}.report-actions .outline-button{flex:1;justify-content:center}.print-settings{grid-template-columns:1fr;padding:13px}.print-settings>div:first-child{grid-column:auto}.pdf-preview-backdrop{padding:0}.pdf-preview-modal{border-radius:0;width:100%;height:100dvh}.pdf-preview-head{padding:11px}.pdf-preview-head .outline-button{padding:0 9px}.pdf-preview-head h2{font-size:14px}.billing-company-card{margin-top:14px;padding:19px}.billing-company-list>div{grid-template-columns:1fr}.billing-company-list .outline-button{justify-content:center;width:100%}.registry-management{margin-top:14px;padding:19px}.registry-tabs{grid-template-columns:repeat(3,1fr);display:grid}.registry-tabs button{padding:10px 5px}.registry-editor{grid-template-columns:1fr}}@media (max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:118px;padding:14px}.stat-card strong{font-size:21px}.entry-list article{padding:12px}.entry-date{display:none}.filters{grid-template-columns:1fr}.summary-cards{grid-template-columns:1fr 1fr}.summary-cards .metric:last-child{grid-column:1/-1}.quick-hours button{font-size:10px}.card-head{gap:10px}}.work-item-section{background:#f8fbff;border:1px solid #dbe5f1;border-radius:14px;margin-top:18px;padding:18px}.work-item-heading>div{align-items:center;gap:10px;margin-bottom:14px;display:flex}.work-item-heading strong,.work-item-heading small{display:block}.work-item-heading small,.service-search small,.next-work-hint,.extras-separator small{color:#71809a;margin-top:3px;font-size:12px}.work-item-number{color:#fff;background:#2769f6;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.service-search{display:block;position:relative}.service-search input{margin-top:6px}.service-search small{display:block}.service-suggestions{z-index:30;background:#fff;border:1px solid #cdd9e9;border-radius:12px;max-height:310px;padding:6px;position:absolute;top:78px;left:0;right:0;overflow:auto;box-shadow:0 16px 38px #14264229}.service-suggestions button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;width:100%;padding:10px 12px}.service-suggestions button:hover,.service-suggestions button:focus{background:#edf4ff;outline:0}.service-suggestions strong,.service-suggestions span{display:block}.service-suggestions strong{color:var(--ink);font-size:12px}.service-suggestions span{color:#75839a;margin-top:2px;font-size:10px}.service-no-results{color:#6f7d91;padding:12px;font-size:11px;line-height:1.45}.extras-separator{border-bottom:1px solid #dbe5f1;flex-direction:column;margin-bottom:12px;padding:12px 0 4px;display:flex}.next-work-hint{text-align:center;margin:10px 0 0}.day-work-section{background:#fff;border:1px solid #d8e4f2;border-radius:14px;margin-top:18px;overflow:hidden}.day-work-head{background:#f5f8fc;border-bottom:1px solid #e2e9f2;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.day-work-head strong,.day-work-head small{display:block}.day-work-head strong{font-size:13px}.day-work-head small{color:#77859a;margin-top:3px;font-size:10px}.day-work-head>b{color:#245fd7;font-size:14px}.day-work-list article{border-top:1px solid #edf1f6;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 15px;display:grid}.day-work-list article:first-child{border-top:0}.day-work-main{min-width:0}.day-work-main strong,.day-work-main span,.day-work-main small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.day-work-main strong{font-size:12px}.day-work-main span{color:#63738b;margin-top:2px;font-size:10px}.day-work-main small{color:#8793a5;margin-top:3px;font-size:10px}.day-work-hours{text-align:right}.day-work-hours strong,.day-work-hours small{display:block}.day-work-hours strong{font-size:12px}.day-work-hours small{color:#b47800;margin-top:3px;font-size:9px}.day-work-actions{gap:5px;display:flex}.day-work-actions button{color:#30445f;cursor:pointer;background:#fff;border:1px solid #cfd9e7;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.day-work-actions button:hover{background:#eef4fc}.day-work-actions button.danger{color:#bd3434;border-color:#f0d2d2}.day-work-actions button.danger:hover{background:#fff2f2}@media (max-width:760px){.day-work-list article{grid-template-columns:28px minmax(0,1fr) auto}.day-work-actions{grid-column:2/-1;justify-content:flex-end}.day-work-actions button{padding:7px 10px}.day-work-main small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.day-work-hours{align-self:start}}.km-entry-row{grid-template-columns:minmax(170px,.45fr) minmax(280px,1.55fr);align-items:end;gap:12px;display:grid}.km-entry-row .km-field{max-width:none}.km-description-field{min-width:0}.day-work-list article.site-start:not(:first-child){border-top:2px solid #cbd9eb;margin-top:3px}.day-work-list article.site-start{background:#fbfdff}.day-work-list article.same-site{background:#fff;padding-top:9px;padding-bottom:9px}.day-work-list article.same-site .work-item-number{color:#60728d;background:#edf3fb}.timesheet tr.site-group-row td{border-top:2px solid #dbe4ef}.timesheet tbody tr.site-group-row:first-child td{border-top:1px solid #edf0f4}@media (max-width:760px){.km-entry-row{grid-template-columns:1fr}}.entry-type-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.entry-type-button{--type-color:#2769f6;border:1px solid #d5dfeb;border-left:4px solid var(--type-color);color:#26364c;text-align:left;cursor:pointer;background:#fff;border-radius:10px;min-width:0;padding:10px 11px;transition:all .15s}.entry-type-button strong,.entry-type-button small{display:block}.entry-type-button strong{font-size:12px}.entry-type-button small{color:#76849a;margin-top:3px;font-size:9px;line-height:1.3}.entry-type-button:hover{border-color:var(--type-color);transform:translateY(-1px)}.entry-type-button.active{border-color:var(--type-color);background:color-mix(in srgb,var(--type-color) 9%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--type-color) 18%,transparent)}.type-work{--type-color:#2769f6}.type-service{--type-color:#009a78}.type-travel{--type-color:#e08a00}.type-material{--type-color:#8a55d6}.type-other{--type-color:#667085}.work-item-section[class*=type-]{border-left:5px solid var(--type-color)}.entry-type-badge{background:color-mix(in srgb,var(--type-color) 12%,white);color:var(--type-color);text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;border-radius:999px;align-items:center;margin-right:7px;padding:3px 7px;font-weight:900;font-size:8px!important;display:inline-flex!important}.day-work-list article[class*=type-]{border-left:4px solid var(--type-color)}@media (max-width:900px){.entry-type-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.entry-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-type-button:last-child{grid-column:1/-1}}.workday-title{margin-bottom:18px}.workday-topbar{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.workday-site-card{background:#fff;border:1px solid #dce5f0;border-radius:15px;overflow:hidden}.site-selects{background:#f7f9fc;border-bottom:1px solid #e7edf4;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.workday-site-heading{align-items:center;gap:12px;padding:14px 16px;display:flex}.site-icon{color:#2769f6;background:#eaf1ff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.workday-site-heading strong,.workday-site-heading span,.workday-site-heading small{display:block}.workday-site-heading strong{font-size:14px}.workday-site-heading span{color:#45556d;margin-top:3px;font-size:11px}.workday-site-heading small{color:#7f8ca0;margin-top:2px;font-size:9px}.workday-table-wrap{border-top:1px solid #e7edf4;overflow:auto}.workday-table{min-width:720px}.workday-table th{background:#f4f7fb;padding:10px 12px;font-size:8px}.workday-table td{padding:10px 12px;font-size:10px}.workday-table td:nth-child(4),.workday-table td:nth-child(5){text-align:right}.workday-empty{color:#8491a4;text-align:center!important;padding:22px!important}.table-row-actions{justify-content:flex-end;gap:6px;display:flex}.table-row-actions button{color:#506078;background:#fff;border:1px solid #d5deea;border-radius:7px;width:28px;height:28px;font-weight:800}.table-row-actions button:last-child{color:#a43d3d}.workday-add-actions{border-top:1px solid #e7edf4;flex-wrap:wrap;gap:9px;padding:14px 16px;display:flex}.workday-add-actions button{color:#315073;background:#fff;border:1px solid #d5deea;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.workday-add-actions button:hover{color:#2058d5;background:#f4f7ff;border-color:#7ca3ff}.line-editor-form{border:1px solid #cfdcf0;border-left:5px solid var(--type-color,#2769f6);background:#f8fbff;border-radius:14px;margin:16px 0 0;padding:18px;display:none}.line-editor-form.open{display:block}.line-editor-form>.form-grid.three,.line-editor-form>.entry-date-select,.line-editor-form>.day-work-section{display:none}.line-editor-form .work-item-section{background:0 0;border:0;margin-top:0;padding:0}.workday-footer{border-top:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:16px 2px 0;display:flex}.workday-footer strong{font-size:12px}.workday-footer span{color:#7b879a;font-size:10px}@media (max-width:760px){.workday-topbar,.site-selects{grid-template-columns:1fr}.site-selects{gap:9px}.workday-site-heading{padding:12px}.workday-add-actions{grid-template-columns:1fr 1fr;padding:12px;display:grid}.workday-add-actions button{justify-content:center;padding:0 8px}.line-editor-form{padding:13px}.workday-footer{flex-direction:column;align-items:flex-start}.workday-table-wrap{overflow:visible}.workday-table{min-width:0;display:block}.workday-table thead{display:none}.workday-table tbody{background:#f7f9fc;gap:9px;padding:10px;display:grid}.workday-table tr{background:#fff;border:1px solid #dce5f0;border-radius:11px;grid-template-columns:auto 1fr auto;gap:5px 9px;padding:11px;display:grid}.workday-table td{border:0;padding:0;display:block}.workday-table td:first-child{grid-row:1/3}.workday-table td:nth-child(2){font-weight:800}.workday-table td:nth-child(3){color:#718096;grid-column:2}.workday-table td:nth-child(4){text-align:right;grid-area:1/3}.workday-table td:nth-child(5){text-align:right;grid-area:2/3}.workday-table td:nth-child(6){grid-column:2/4}.table-row-actions{justify-content:flex-end}.workday-empty{grid-column:1/-1!important}.entry-type-picker{grid-template-columns:1fr 1fr}}@media (max-width:420px){.workday-add-actions{grid-template-columns:1fr}.workday-topbar{gap:10px}.workday-site-card{border-radius:12px}}