:root{--bg: #f4f3ef;--bg-accent: radial-gradient(circle at 12% 20%, #ffd7a8 0, transparent 32%), radial-gradient(circle at 90% 12%, #b9d8ff 0, transparent 28%), linear-gradient(160deg, #f4f3ef 0%, #ecf2ff 100%);--surface: #fffef9;--surface-strong: #ffffff;--ink: #152238;--ink-soft: #42516d;--danger: #b4232a;--warning: #b25e00;--ok: #00644a;--brand: #0057a5;--brand-2: #ce6a00;--line: #d4d8e4;--shadow: 0 18px 45px -28px rgba(10, 34, 75, .45);--radius: 14px;--font-display: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--font-body: "Source Sans Pro", "Gill Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-accent);color:var(--ink);font-family:var(--font-body)}a{color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:22px}.app-grid{display:grid;gap:18px}@media(min-width:980px){.app-grid{grid-template-columns:280px minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.nav-panel{padding:18px}.content-panel{padding:20px}.brand-title{margin:0;font-family:var(--font-display);font-size:1.38rem;letter-spacing:.04em}.brand-subtitle{margin:4px 0 18px;color:var(--ink-soft);font-size:.94rem}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.nav-link{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink-soft);border:1px solid transparent;transition:transform .18s ease,background-color .2s ease}.nav-link:hover{transform:translate(3px);background:#f1f6ff;color:var(--ink)}.nav-link.active{border-color:#afccf5;background:#e9f2ff;color:var(--brand);font-weight:700}.stack,.grid-2{display:grid;gap:14px}@media(min-width:880px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;padding:14px}.card h3,.card h4{margin:0 0 10px;font-family:var(--font-display);letter-spacing:.02em}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-weight:600;color:var(--ink-soft)}.field input,.field select,.field textarea,.field button{font:inherit}.field input,.field select,.field textarea{width:100%;border:1px solid #bdc7da;border-radius:10px;padding:10px;background:#fffeff}.field textarea{min-height:90px;resize:vertical}button{border:1px solid transparent;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:600}.button-primary{background:linear-gradient(145deg,var(--brand),#1f78c5);color:#fff}.button-secondary{background:#f7f8fc;border-color:#bcc8df;color:#203251}.button-danger{background:#fff1f1;border-color:#efc2c4;color:var(--danger)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:8px}.table th{color:var(--ink-soft);font-size:.88rem;letter-spacing:.03em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700;letter-spacing:.02em}.pill-ok{color:var(--ok);background:#e8f8f1}.pill-warn{color:var(--warning);background:#fff3de}.pill-danger{color:var(--danger);background:#ffe7e8}.pill-muted{color:#3c4a61;background:#edf1f8}.inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--ink-soft)}.error{color:var(--danger);font-weight:600}.hero{display:grid;gap:8px;margin-bottom:16px}.hero h2{margin:0;font-family:var(--font-display);font-size:1.4rem}.hero p{margin:0;color:var(--ink-soft)}.loading-stripes{height:7px;border-radius:999px;background:linear-gradient(110deg,#dde7fb 8%,#c6ddff 18%,#ebf2ff 33%);background-size:200% 100%;animation:shine 1.4s linear infinite}@keyframes shine{to{background-position-x:-200%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}