.app-shell{--sidebar-width: 280px;min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:transparent}.app-shell__sidebar{position:sticky;top:0;height:100vh;padding:1.4rem 1rem 1rem;border-right:1px solid var(--color-border-strong);background:linear-gradient(190deg,color-mix(in srgb,var(--color-primary) 90%,#000 10%),color-mix(in srgb,var(--color-primary-dark) 92%,#000 8%)),radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 45%);color:#f5f8fb;z-index:20;display:grid;grid-template-rows:auto 1fr auto;gap:1.1rem}.app-shell__brand-kicker{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e5f1fbd1}.app-shell__brand-logo{width:84px;height:84px;border-radius:1.2rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;overflow:hidden;margin-bottom:.85rem;font-size:1.45rem;font-weight:800;letter-spacing:.08em}.app-shell__brand-logo-image{width:100%;height:100%;object-fit:cover}.app-shell__brand-title{margin:.3rem 0 0;font-size:1.3rem;line-height:1.1}.app-shell__nav{display:grid;gap:.45rem;align-content:start}.app-shell__link{text-decoration:none;color:#e8f2fae6;font-weight:600;padding:.65rem .75rem;border-radius:.8rem;display:flex;align-items:center;gap:.6rem;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.app-shell__link:hover{transform:translate(3px);background:#ffffff14;border-color:#d1e4f033}.app-shell__link-indicator{width:10px;height:10px;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 70%,var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 25%,transparent)}.app-shell__link--active{background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-secondary) 75%,#ffffff));color:#0c1e30;border-color:color-mix(in srgb,var(--color-secondary) 55%,#ffffff)}.app-shell__link--active .app-shell__link-indicator{background:color-mix(in srgb,var(--color-primary-dark) 88%,#000 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-dark) 22%,transparent)}.app-shell__sidebar-footer{border-top:1px solid rgba(203,223,237,.3);padding-top:.9rem}.app-shell__user-name{margin:0;font-weight:700}.app-shell__user-role{margin:.2rem 0 0;font-size:.85rem;color:#d8eaf7cc}.app-shell__workspace{min-width:0;padding:1.15rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.9rem}.app-shell__topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:.8rem 1rem;box-shadow:0 10px 25px #073b5b14}.app-shell__topbar-left{display:flex;align-items:center;gap:.8rem}.app-shell__menu-btn{display:none;width:40px;height:40px;padding:.5rem;border-radius:.8rem;border:1px solid var(--color-border);background:#fff;color:var(--color-ink)}.app-shell__menu-btn span{display:block;height:2px;margin:4px 0;border-radius:999px;background:currentColor}.app-shell__kicker{margin:0;text-transform:uppercase;font-size:.73rem;letter-spacing:.1em;color:var(--color-ink-soft)}.app-shell__title{margin:.25rem 0 0;font-size:clamp(1.05rem,2.1vw,1.4rem);font-weight:800;color:var(--color-ink)}.app-shell__logout{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary-dark)}.app-shell__main{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.1rem;box-shadow:0 10px 28px #0c1a2c14}.app-shell__overlay{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{position:fixed;left:0;top:0;width:min(82vw,300px);transform:translate(-102%);transition:transform .2s ease;box-shadow:0 16px 38px #00000059}.app-shell__sidebar--open{transform:translate(0)}.app-shell__workspace{padding:.75rem}.app-shell__menu-btn{display:inline-block}.app-shell__overlay{border:0;padding:0;position:fixed;inset:0;opacity:0;pointer-events:none;background:#04111c94;transition:opacity .17s ease;z-index:15;display:block}.app-shell__overlay--visible{opacity:1;pointer-events:auto}}:root{--font-base: "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-bg: #eef3f7;--color-bg-accent: #dde6ee;--color-surface: #ffffff;--color-surface-soft: #f7fafc;--color-primary: #1f3a5f;--color-primary-dark: #14273f;--color-primary-soft: #d9e4f2;--color-secondary: #2f9e44;--color-secondary-soft: #ddf5e3;--color-ink: #1b2633;--color-ink-soft: #526172;--color-border: #d4dee8;--color-border-strong: #bccad8;--color-success: #1f8a4c;--color-danger: #b02a37;--color-warning: #b7791f;font-family:var(--font-base);line-height:1.5;font-weight:400;color:var(--color-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.75) 0,transparent 45%),radial-gradient(circle at 100% 100%,rgba(15,93,142,.14) 0,transparent 40%),linear-gradient(170deg,var(--color-bg) 0%,var(--color-bg-accent) 50%,#f0f6fb 100%)}#root{min-height:100vh}h2,p{margin-top:0}button{border-radius:.72rem;border:1px solid var(--color-primary-dark);padding:.5rem .85rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(95deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.02)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}input,select{width:100%;border:1px solid var(--color-border-strong);border-radius:.62rem;padding:.55rem .65rem;font-size:.95rem;font-family:inherit;color:var(--color-ink);background:#fff}input:focus,select:focus{outline:2px solid rgba(15,93,142,.24);border-color:var(--color-primary)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(460px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.3rem;box-shadow:0 15px 34px #0c243624}.login-brand{display:grid;justify-items:center;gap:0;margin-bottom:1.15rem;padding:0;border:1px solid rgba(31,58,95,.12);border-radius:.9rem;background:radial-gradient(circle at top right,rgba(178,255,0,.14) 0,transparent 38%),radial-gradient(circle at center,rgba(255,255,255,.08) 0,transparent 52%),linear-gradient(135deg,#071426,#0d2340 58%,#16395f);color:#fff;text-align:center;min-height:300px;align-content:center;overflow:hidden}.login-brand__logo{width:100%;height:300px;object-fit:cover}.login-brand__fallback{width:100%;min-height:300px;display:grid;place-items:center;font-size:4rem;font-weight:900;letter-spacing:.04em;color:#062013;background:linear-gradient(135deg,#d5ff00,#8fdf00)}.login-card__kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-primary);font-weight:800}.login-card__title{margin:.3rem 0;color:var(--color-ink)}.login-card__subtitle{color:var(--color-ink-soft)}.login-form{display:grid;gap:.65rem}.login-form label{font-size:.9rem;font-weight:700}.login-form__hint{margin-top:-.35rem;color:var(--color-ink-soft);font-size:.82rem}.login-form__password-field{position:relative}.login-form__password-field input{padding-right:3rem}.login-form__password-toggle{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-primary)}.login-form__password-toggle:hover{transform:translateY(-50%);background:var(--color-primary-soft);filter:none}.login-form__password-toggle svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-form__error{margin:0;color:var(--color-danger);font-size:.9rem;font-weight:600}@media(max-width:520px){.login-brand{min-height:260px}.login-brand__logo,.login-brand__fallback{width:100%;height:260px}}.page-title{font-size:1.35rem;margin-bottom:.35rem;color:var(--color-ink)}.page-subtitle{color:var(--color-ink-soft);margin-bottom:1rem}.page-content,.card-grid{display:grid;gap:1rem}.card,.panel-card{border:1px solid var(--color-border);border-radius:.9rem;background:#fff;padding:1rem;display:grid;gap:.9rem}.panel-card__title{margin:0;font-size:1.1rem;color:var(--color-ink)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.status-card{border:1px solid var(--color-border);border-radius:.85rem;padding:.85rem;background:var(--color-surface-soft)}.status-card__label{color:var(--color-ink-soft);margin:0;font-size:.82rem}.status-card__value{margin:.25rem 0 0;font-size:1.05rem;font-weight:800;color:var(--color-ink)}.status-card--success{border-color:#12895199;background:#eefaf4}.status-card--danger{border-color:#bb1f308c;background:#fef2f3}.callout{border:1px solid var(--color-border);border-radius:.75rem;padding:.8rem;background:var(--color-surface-soft)}.callout--danger{border-color:#bb1f3099;background:#fef2f3}.callout--success{border-color:#1289518c;background:#eefdf3}.callout pre{margin-bottom:0;overflow-x:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}.toolbar__group{display:flex;align-items:center;gap:.5rem}.toolbar__group label{font-weight:700;color:var(--color-ink-soft)}.toolbar__meta{margin:0;color:var(--color-ink-soft)}.table-wrapper{border:1px solid var(--color-border);border-radius:.8rem;overflow-x:auto;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.65rem;border-bottom:1px solid var(--color-border)}.table th{background:#edf5fb;font-size:.85rem;color:var(--color-primary-dark)}.table tr:last-child td{border-bottom:0}.person-thumb{width:3rem;height:3rem;border-radius:.75rem;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-soft)}.person-thumb--large{width:5rem;height:5rem}.photo-preview-stack{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-field small{color:var(--color-ink-soft)}.actions-inline{display:flex;gap:.45rem}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge--warning{background:var(--color-secondary-soft);color:var(--color-warning)}.badge--success{background:#dcf8ea;color:#16653d}.badge--danger{background:#fee2e6;color:#932036}.btn-danger{border-color:#8f1420;background:linear-gradient(95deg,#ba2033,#8f1420)}.btn-danger:hover{filter:brightness(.98)}.form-grid{display:grid;gap:.9rem}.form-field{display:grid;gap:.35rem}.form-field label{font-weight:700}.form-row{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field--checkbox{align-items:flex-start}.form-field--checkbox input[type=checkbox]{width:auto;margin-top:.2rem}.form-actions{display:flex;justify-content:flex-start}