@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf4fc;background:#08111c;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #101d2c;--surface-raised: #152437;--surface-soft: #1b2b40;--border: #263a50;--text: #edf4fc;--muted: #93a4b8;--accent: #45d6b1;--accent-dark: #102e2a;--danger: #ff817f;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4bcfb2;outline-offset:3px}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#183047 0,#08111c 55%)}.topbar{width:min(1160px,calc(100% - 48px));min-height:76px;margin:0 auto;display:flex;align-items:center;gap:34px;border-bottom:1px solid #1b2a3a}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#06231d;font-size:18px}.brand-light{color:#8498ad;font-weight:500}.nav-links{display:flex;align-items:center;gap:24px;height:76px}.nav-links a{display:grid;height:100%;align-items:center;color:var(--muted);font-size:13px;font-weight:600;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--accent)}.account{margin-left:auto;display:flex;align-items:center;gap:14px}.account-name{color:#b5c3d1;font-size:13px}.language-switcher{margin-left:auto}.language-switcher select{width:auto;min-height:34px;padding:6px 9px;font-size:12px}.main-content{width:min(1060px,calc(100% - 48px));margin:0 auto;padding:44px 0 80px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.page-heading{margin:8px 0;font-family:Manrope,sans-serif;font-size:clamp(27px,5vw,38px);letter-spacing:-1.3px;line-height:1.2}.page-subtitle{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.section-heading{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.3px}.hero{width:min(760px,100%);margin:8vh auto 0;text-align:center}.hero-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 22px;border:1px solid #2b564f;border-radius:21px;background:#12332f;color:var(--accent);font-family:Manrope,sans-serif;font-size:32px;font-weight:800;box-shadow:0 16px 50px #35c8a522}.hero h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(32px,6vw,54px);letter-spacing:-2px;line-height:1.12}.hero p{max-width:530px;margin:18px auto 28px;color:var(--muted);line-height:1.7}.hero-form{display:flex;width:min(430px,100%);gap:10px;margin:0 auto}.hero-form input{flex:1;min-width:0}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg,#132235,#0f1b29);box-shadow:0 18px 50px #0002}.card-body{padding:24px}.narrow-card{width:min(520px,100%);margin:40px auto}.welcome{text-align:center}.welcome .page-subtitle{margin-top:8px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:18px;margin-top:36px}.profile-tile{display:grid;justify-items:center;gap:11px;min-height:144px;align-content:start;padding:14px 8px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);cursor:pointer;transition:.16s ease}.profile-tile:hover{border-color:#3a536e;background:#14263a;transform:translateY(-2px)}.profile-name{max-width:100%;overflow:hidden;color:#c9d5e2;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:82px;height:82px;border:3px solid #ffffff16;border-radius:50%;color:#07111d;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;box-shadow:0 8px 24px #0004}.avatar-1{background:linear-gradient(145deg,#75dfce,#39b8a8)}.avatar-2{background:linear-gradient(145deg,#ffcf80,#f5a345)}.avatar-3{background:linear-gradient(145deg,#ffaaa3,#ec747e)}.avatar-4{background:linear-gradient(145deg,#a3e6ac,#5dbc82)}.avatar-5{background:linear-gradient(145deg,#c5afff,#9780e8)}.add-avatar{border:2px dashed #39536b;background:#132337;color:#b5c6d8;font-size:29px;font-weight:400;box-shadow:none}.profile-tile:hover .add-avatar{border-color:var(--accent);color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#08241f;font-size:13px;font-weight:700;cursor:pointer;transition:.15s ease}.button:hover{background:#6be6c6;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-small{min-height:34px;padding:0 12px;font-size:12px}.button-secondary{border-color:#31475e;background:#17283b;color:#dce7f1}.button-secondary:hover,.button-quiet:hover{border-color:#526b83;background:#21364c;color:#fff}.button-quiet{border-color:#273c51;background:transparent;color:#b8c8d8}.button-danger{border-color:#6e3a43;background:#3a202a;color:#ffaaa6}.button-danger:hover{background:#522b37}.full-width{width:100%}.form-stack{display:grid;gap:16px}.field{display:grid;gap:7px}.field label,.field-label{color:#c2cfdd;font-size:12px;font-weight:600}.field-hint{color:#8496a9;font-size:11px}input,select,textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #2b4055;border-radius:9px;background:#0b1724;color:var(--text)}input::placeholder,textarea::placeholder{color:#687d92}input[type=number]{font-variant-numeric:tabular-nums}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--accent)}.form-actions{display:flex;gap:9px;align-items:center}.error-message{margin:0;padding:10px 12px;border:1px solid #79414b;border-radius:9px;background:#321f29;color:#ffb0aa;font-size:13px}.success-message{margin:0;padding:10px 12px;border:1px solid #2f6c5f;border-radius:9px;background:#12332e;color:#88e5ce;font-size:13px}.pin-input{letter-spacing:.35em;text-align:center;font-size:21px;font-variant-numeric:tabular-nums}.text-button{border:0;padding:7px 0;background:transparent;color:#a8bbce;font-size:12px;cursor:pointer}.text-button:hover{color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0 18px}.toolbar .field{min-width:160px}.toolbar-spacer{flex:1}.bulk-export{margin:24px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:#0e1a28}.bulk-export h2{margin:0 0 14px;font-family:Manrope,sans-serif;font-size:18px}.bulk-export fieldset{margin:0;padding:12px;border:1px solid #2b4055;border-radius:9px}.bulk-export legend{padding:0 6px;color:#c2cfdd;font-size:12px;font-weight:600}.bulk-employee-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}.bulk-employee-list label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.bulk-employee-list input{flex:0 0 17px}.bulk-pdf-preview{width:100%;height:min(75vh,900px);border:1px solid var(--border);border-radius:9px;background:#fff}.month-control{display:flex;align-items:center;gap:12px}.month-control h2{min-width:154px;margin:0;text-align:center;font-family:Manrope,sans-serif;font-size:18px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #30455a;border-radius:10px;background:#142338;color:#d7e2ed;font-size:20px;cursor:pointer}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.grid-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#0e1a28}.shift-grid{width:100%}.grid-loading{margin:0;padding:24px 16px;color:var(--muted);font-size:12px}.shift-fallback{width:100%;border-collapse:collapse;table-layout:fixed}.shift-fallback th{padding:10px 14px;background:#142438;color:#8fa3b8;font-size:10px;letter-spacing:.8px;text-align:left;text-transform:uppercase}.shift-fallback th:first-child{width:120px}.shift-fallback th:nth-child(2){width:100px}.shift-fallback td{overflow:hidden;padding:8px 14px;border-top:1px solid #1c2d3e;color:#b4c3d2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.shift-fallback tr:nth-child(7n) td:first-child,.shift-fallback tr:nth-child(7n+1) td:first-child{color:#6fa4a0}.shift-grid .ag-root-wrapper{border:0;border-radius:0}.shift-grid .ag-header-cell-label{color:#8fa3b8;font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.shift-grid .ag-cell{display:flex;align-items:center}.shift-grid .grid-weekend{color:#6fa4a0}.shift-grid .ag-cell-inline-editing{border-color:#399d88!important}.shift-grid .ag-input-field-input{color:#edf4fc}.suggestion-editor{min-width:180px}.suggestion-editor-input{min-height:36px;padding:7px 9px}.suggestion-editor-list{max-height:190px;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:#101d2c;box-shadow:0 10px 25px #0006}.suggestion-editor-list[hidden]{display:none}.suggestion-editor-option{display:block;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.suggestion-editor-option:hover,.suggestion-editor-option.active{background:var(--surface-soft)}.suggestion-editor-message{display:block;padding:7px 9px;color:var(--muted);font-size:12px}.table-footer{display:flex;justify-content:space-between;padding:14px 17px;border:1px solid var(--border);border-radius:0 0 14px 14px;background:#132237;color:#a8b7c7;font-size:12px}.table-footer strong{color:var(--accent);font-variant-numeric:tabular-nums}.save-status{min-height:18px;color:#8adbc4;font-size:11px}.save-status.error{color:#ff9d98}.timezone-row{display:flex;align-items:center;justify-content:end;gap:8px;margin-top:14px;color:#8599ad;font-size:11px}.timezone-row select{width:auto;min-height:34px;padding:5px 10px;font-size:11px}.admin-section{margin-top:26px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-bar h2{margin:0;font-family:Manrope,sans-serif;font-size:17px}.org-list,.team-list{display:grid;gap:12px}.org-card{padding:18px}.org-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.org-card h3{margin:0 0 5px;font-family:Manrope,sans-serif;font-size:16px}.org-card-head p{margin:0;color:var(--muted);font-size:11px;word-break:break-all}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.inline-form .field{flex:1;min-width:145px}.inline-form .button{flex-shrink:0}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.user-card{padding:17px}.user-card-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.user-card-head .avatar{width:44px;height:44px;font-size:17px}.user-card-head strong{display:block;font-size:13px}.user-card-head span{color:var(--muted);font-size:11px}.user-card form,.user-card .field{margin-top:10px}.status-badge{display:inline-flex;padding:5px 8px;border:1px solid #2c675b;border-radius:999px;background:#14322d;color:#86ddc6;font-size:10px;font-weight:700}.status-badge.inactive{border-color:#604c41;background:#302820;color:#e0b68f}.empty-state{padding:28px;border:1px dashed #34495e;border-radius:12px;color:var(--muted);text-align:center;font-size:13px}.divider{height:1px;margin:22px 0;background:#28394b}.print-only{display:none}@media(max-width:650px){.topbar{width:calc(100% - 28px);min-height:64px;flex-wrap:wrap;gap:10px;padding:10px 0}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.nav-links{order:3;width:100%;height:35px;gap:20px}.nav-links a{font-size:11px}.account{gap:6px;margin-left:auto}.language-switcher{margin-left:auto}.account-name{max-width:84px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.main-content{width:calc(100% - 28px);padding-top:30px}.hero{margin-top:7vh}.hero h1{letter-spacing:-1px}.hero-form{flex-direction:column}.card-body{padding:18px}.profile-grid{grid-template-columns:repeat(3,minmax(76px,1fr));gap:9px}.profile-tile{min-height:120px;gap:8px;padding:9px 4px}.avatar{width:66px;height:66px;font-size:23px}.profile-name{font-size:11px}.toolbar{gap:9px}.toolbar .field{min-width:130px;flex:1}.toolbar-spacer{flex-basis:100%}.toolbar>.button{flex:1}.month-control{justify-content:center;width:100%}.shift-fallback th{padding:9px 8px;font-size:9px}.shift-fallback th:first-child{width:82px}.shift-fallback th:nth-child(2){width:72px}.shift-fallback td{padding:7px 8px;font-size:10px}.table-footer{font-size:11px}.org-card{padding:14px}.org-card-head{flex-direction:column}}@media print{body{background:#fff;color:#000}.topbar,.toolbar,.timezone-row,.button,.icon-button,.save-status,.bulk-export,.bulk-pdf-preview{display:none!important}.main-content{width:100%;padding:0}.grid-card{border:1px solid #999}.shift-grid .ag-root-wrapper{border:0}.table-footer{background:#eee;color:#222}.print-only{display:block}}