:root{color-scheme:light;font-family:Segoe UI,Tahoma,Arial,sans-serif;--ink: #17211e;--ink-soft: #52605b;--surface: #ffffff;--surface-soft: #f3f1ea;--canvas: #f7f5ef;--line: #dcd8cc;--brand: #174d45;--brand-dark: #103a34;--brand-soft: #dfece7;--accent: #c9822f;--danger: #a6332e;--danger-soft: #fae8e6;--success: #2f6b4f;--success-soft: #e5f2ea;--info-soft: #e7eef8;--shadow: 0 12px 30px rgb(23 33 30 / .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;color:var(--ink);background:var(--canvas);line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgb(201 130 47 / .55);outline-offset:2px}a{color:var(--brand)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1.15;letter-spacing:-.025em}h2{margin-bottom:.75rem;font-size:1.25rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.muted{color:var(--ink-soft)}.eyebrow{margin-bottom:.5rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:.75rem;color:inherit}.brand__mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;color:#fff;background:var(--brand);border-radius:40% 60% 55% 45%}.brand strong{display:block;font-size:1.15rem;line-height:1.1}.brand small{display:block;margin-top:.15rem;color:inherit;opacity:.7;font-size:.75rem}.brand--compact .brand__mark{width:2.2rem;height:2.2rem}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(2rem,6vw,5.5rem);overflow:hidden;color:#f7f3e8;background-color:var(--brand-dark);background-image:radial-gradient(circle at 85% 18%,rgb(201 130 47 / .35) 0 2px,transparent 3px),radial-gradient(circle at 82% 22%,rgb(255 255 255 / .08) 0 120px,transparent 121px),linear-gradient(125deg,transparent 60%,rgb(255 255 255 / .04) 60% 61%,transparent 61%);background-size:22px 22px,auto,auto}.login-story .brand__mark{color:var(--brand-dark);background:#e8c58f}.login-story__content{max-width:42rem;margin-block:4rem}.login-story__content p:last-child{max-width:34rem;color:#d7dfda;font-size:1.05rem}.login-story__note{display:flex;align-items:center;gap:.75rem;padding-top:1.5rem;color:#d7dfda;border-top:1px solid rgb(255 255 255 / .16);font-size:.84rem}.login-panel{position:relative;display:grid;place-items:center;padding:2rem;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--canvas);background-size:48px 48px}.login-panel__card{width:min(100%,440px);padding:clamp(1.5rem,5vw,2.8rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.login-panel__heading{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.login-panel__heading h2{margin:0;font-size:1.7rem}.icon-tile{display:grid;flex:none;width:3.1rem;height:3.1rem;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:50%}.stack{display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field>span{color:var(--ink-soft);font-size:.82rem;font-weight:600}input{min-height:2.85rem;padding:.65rem .85rem;color:var(--ink);background:#fff;border:1px solid #c9c5b9;border-radius:var(--radius-sm)}input:hover{border-color:#9c988e}.otp-input{direction:ltr;min-height:4.4rem;text-align:center;font-size:1.7rem;font-weight:700;letter-spacing:.65em}.button{display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button--primary:hover:not(:disabled){background:var(--brand-dark)}.button--secondary{color:var(--brand);background:var(--brand-soft);border-color:#bcd4cb}.button--quiet{color:var(--ink-soft);background:transparent}.button--quiet:hover{background:var(--surface-soft)}.button--small{min-height:2rem;padding:.25rem .55rem;font-size:.78rem}.button--wide{width:100%}.icon-button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;padding:0;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;text-decoration:none}.icon-button:hover{color:var(--brand);background:var(--surface-soft)}.form-error{margin:0;padding:.7rem;color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);font-size:.85rem}.admin-entry{position:absolute;inset-inline-start:1.4rem;bottom:1.2rem;padding:.3rem;color:var(--ink-soft);background:none;border:0;cursor:pointer;font-size:.78rem;text-decoration:underline;text-underline-offset:4px}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:10;top:0;display:flex;min-height:4.25rem;align-items:center;justify-content:space-between;padding:.75rem clamp(1rem,5vw,4rem);background:#f7f5eff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-actions{display:flex;align-items:center;gap:.6rem}.user-chip,.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:.8rem}.status-pill{color:var(--brand);background:var(--brand-soft);border-color:#bcd4cb}.page-heading,.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;max-width:1320px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,4rem) 1.5rem}.page-heading h1,.admin-heading h1{font-size:clamp(2rem,4vw,3.1rem)}.page-heading>div:first-child>p:last-child{margin-bottom:0;color:var(--ink-soft)}.heading-actions{display:flex;flex-wrap:wrap;gap:.6rem}.search-band{display:flex;max-width:1320px;align-items:center;gap:.75rem;margin:0 auto;padding:0 clamp(1rem,5vw,4rem) 1rem}.search-form{display:flex;flex:1;align-items:center;gap:.6rem;padding:.45rem .45rem .45rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.search-form svg{flex:none;color:var(--ink-soft)}.search-form input{flex:1;min-width:0;min-height:2.3rem;padding-inline:0;background:transparent;border:0}.search-form input:focus-visible{outline:0}.content-card{max-width:1320px;margin:0 auto 2rem;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.content-card__toolbar{display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.content-card__toolbar h2{margin:0}.breadcrumbs{display:flex;min-width:0;align-items:center;gap:.1rem;overflow-x:auto}.breadcrumbs span{display:inline-flex;align-items:center}.breadcrumbs button{padding:.35rem;color:var(--ink-soft);background:none;border:0;cursor:pointer;white-space:nowrap}.breadcrumbs button:hover{color:var(--brand)}.folder-create{display:flex;align-items:center;gap:.35rem}.folder-create input{width:10rem;min-height:2.4rem;font-size:.82rem}.file-table-wrap{overflow-x:auto}.file-table{width:100%;border-collapse:collapse;font-size:.88rem}.file-table th,.file-table td{padding:.85rem 1rem;text-align:start;border-bottom:1px solid #ece9e0}.file-table th{color:var(--ink-soft);background:#faf9f5;font-size:.76rem;font-weight:700}.file-table tbody tr:hover{background:#fbfaf6}.file-table tbody tr:last-child td{border-bottom:0}.file-name{display:inline-flex;max-width:100%;align-items:center;gap:.65rem;padding:0;overflow:hidden;color:var(--ink);background:none;border:0;cursor:pointer;text-align:start}.file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name svg{flex:none;color:var(--accent)}.file-name:disabled{cursor:default}.table-actions{text-align:end!important;white-space:nowrap}.table-actions .button{display:inline-flex;margin-inline-start:.25rem}.alert{display:flex;max-width:1320px;align-items:center;gap:.75rem;margin:0 auto 1rem;padding:.8rem 1rem;border:1px solid;border-radius:var(--radius-sm);font-size:.86rem}.alert--error{color:var(--danger);background:var(--danger-soft);border-color:#e8bbb7}.alert--success{color:var(--success);background:var(--success-soft);border-color:#b9d8c5}.alert--info{color:#274f7b;background:var(--info-soft);border-color:#c3d4e9}.alert a{overflow:hidden;text-overflow:ellipsis}.alert .icon-button{margin-inline-start:auto}.empty-state{display:grid;min-height:18rem;place-items:center;align-content:center;padding:2rem;color:var(--ink-soft);text-align:center}.empty-state svg{margin-bottom:1rem;color:var(--accent)}.empty-state h2{margin-bottom:.25rem;color:var(--ink)}.skeleton-list{display:grid;gap:1px;background:#ece9e0}.skeleton-list div{height:3.9rem;background:linear-gradient(90deg,#f8f7f2,#efede6,#f8f7f2);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:1rem;background:#0f1b188c}.modal{position:relative;width:min(100%,520px);max-height:calc(100vh - 2rem);padding:2rem;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.modal__close{position:absolute;inset-inline-end:1rem;top:1rem}.secret-list,.detail-list{display:grid;margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--radius-sm)}.secret-list>div,.detail-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border-bottom:1px solid var(--line)}.secret-list>div:last-child,.detail-list>div:last-child{border-bottom:0}.secret-list dt,.detail-list dt{color:var(--ink-soft)}.secret-list dd,.detail-list dd{margin:0;overflow-wrap:anywhere;text-align:end}.admin-layout{display:grid;max-width:1480px;min-height:calc(100vh - 4.25rem);grid-template-columns:220px minmax(0,1fr);margin:0 auto}.admin-nav{padding:1.2rem 1rem;background:#efede5;border-inline-end:1px solid var(--line)}.admin-nav nav{display:grid;gap:.3rem}.admin-nav nav button{display:flex;align-items:center;gap:.7rem;padding:.8rem;color:var(--ink-soft);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:start}.admin-nav nav button:hover{color:var(--brand);background:#ffffff8c}.admin-nav nav button.active{color:var(--brand-dark);background:var(--surface);font-weight:700}.nav-external{display:flex;align-items:center;gap:.4rem;margin-top:2rem;color:var(--ink-soft);font-size:.8rem}.admin-content{min-width:0;padding-bottom:2rem}.admin-heading{padding-inline:1.5rem}.admin-heading h1{margin:0}.admin-content>.alert,.admin-content>.metric-grid,.admin-content>.panel-grid,.admin-content>.content-card,.admin-content>.service-grid{margin-inline:1.5rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-grid article{display:grid;min-height:9rem;align-content:start;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.metric-grid svg{color:var(--accent)}.metric-grid strong{margin-top:.8rem;font-size:1.7rem}.metric-grid span{color:var(--ink-soft);font-size:.8rem}.panel-grid,.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-content>.content-card{margin-top:.8rem}.compact-card{margin:0!important;padding:1.2rem}.create-employee-card{padding:1.2rem}.create-employee-card h2{display:flex;align-items:center;gap:.5rem}.employee-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}.employee-form>.button{justify-self:start}.box-fieldset,.mapping-fieldset{display:grid;gap:.55rem;min-width:0;margin:0;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm)}.box-fieldset legend,.mapping-fieldset legend{padding-inline:.35rem;color:var(--ink-soft);font-size:.78rem;font-weight:700}.check{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-soft);font-size:.82rem}.check input{min-height:auto}.state{display:inline-flex;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:700}.state--active{color:var(--success);background:var(--success-soft)}.state--pending{color:#88601f;background:#fbf0d9}.state--disabled{color:var(--danger);background:var(--danger-soft)}.boot-screen{display:grid;min-height:100vh;place-items:center;align-content:center;gap:1rem;color:var(--ink-soft)}.boot-mark{width:2.5rem;height:2.5rem;border:3px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-story{min-height:18rem;padding:2rem}.login-story__content{margin-block:2rem}.login-story__content h1{font-size:2.5rem}.login-story__note{display:none}.login-panel{padding-block:3rem}.admin-layout{grid-template-columns:1fr}.admin-nav{overflow-x:auto;padding:.7rem;border-inline-end:0;border-bottom:1px solid var(--line)}.admin-nav nav{display:flex}.admin-nav nav button{white-space:nowrap}.nav-external{display:none}.metric-grid,.employee-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-header{padding-inline:1rem}.user-chip{display:none}.page-heading,.admin-heading{align-items:stretch;flex-direction:column;gap:1rem;padding-inline:1rem}.search-band{align-items:stretch;flex-direction:column;padding-inline:1rem}.content-card{margin-inline:1rem;border-radius:var(--radius-sm)}.content-card__toolbar{align-items:stretch;flex-direction:column}.folder-create input{flex:1;width:auto}.file-table{min-width:640px}.admin-content>.alert,.admin-content>.metric-grid,.admin-content>.panel-grid,.admin-content>.content-card,.admin-content>.service-grid{margin-inline:1rem}.metric-grid,.panel-grid,.service-grid,.employee-form{grid-template-columns:1fr}.search-form{padding-inline-start:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}