@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #f4f1e9;--bg-deep: #ebe4d6;--surface: rgba(255, 255, 255, .92);--ink: #1f1b16;--ink-soft: #5b5347;--accent: #f25c2a;--accent-2: #2b9a8f;--accent-3: #f6c453;--border: #d9cdbd}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 20% 20%,rgba(246,196,83,.35),transparent 40%),radial-gradient(circle at 80% 0%,rgba(43,154,143,.22),transparent 45%),linear-gradient(120deg,var(--bg),var(--bg-deep));min-height:100vh}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4{margin:0;font-family:var(--font-display)}button,input,select,textarea{font-family:inherit}::selection{background:#f25c2a33}:root{--shadow: 0 24px 60px rgba(31, 27, 22, .14);--shadow-soft: 0 12px 30px rgba(31, 27, 22, .08)}#root{min-height:100vh}.screen{min-height:100vh;padding:48px;display:flex;align-items:center;justify-content:center}.screen.center{flex-direction:column}.loader{font-size:1.1rem;letter-spacing:.02em}.login-grid{width:min(1100px,100%);display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.3fr);gap:32px}.login-panel{background:var(--surface);border-radius:24px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}.login-hero{background:linear-gradient(140deg,#f25c2a26,#2b9a8f2e);border-radius:32px;padding:40px;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;top:-40%;right:-30%;width:320px;height:320px;background:radial-gradient(circle,rgba(246,196,83,.5),transparent 70%);opacity:.6}.hero-card{position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:2.2rem;margin-bottom:12px}.hero-copy{font-size:1rem;color:var(--ink-soft);margin-bottom:24px}.hero-points{display:grid;gap:16px}.hero-points h4{margin-bottom:6px;font-size:1rem}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;font-weight:700}.brand-title{font-family:var(--font-display);font-size:1.4rem;margin:0}.brand-sub{color:var(--ink-soft);margin:4px 0 0}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:32px 24px;background:linear-gradient(180deg,#1f1b16f2,#1f1b16d9);color:#f5efe6;display:flex;flex-direction:column;gap:32px}.brand-mini{display:flex;gap:12px;align-items:center}.brand-mini span{width:40px;height:40px;border-radius:12px;background:#f25c2ae6;display:grid;place-items:center;font-weight:700}.nav{display:grid;gap:12px}.nav button{background:transparent;border:1px solid rgba(245,239,230,.1);color:inherit;padding:12px 14px;border-radius:14px;text-align:left;cursor:pointer;transition:all .2s ease}.nav button small{display:block;color:#f5efe699;font-size:.75rem}.nav button.active,.nav button:hover{background:#f5efe61f;border-color:#f5efe64d}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;color:#f5efe6cc}.sidebar-footer button{color:inherit}.main{padding:32px 40px 64px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar h1{font-family:var(--font-display);margin-bottom:8px}.selector-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.selector-row label{min-width:180px}.banner{padding:12px 16px;border-radius:12px;margin-bottom:24px;font-weight:500}.banner.success{background:#2b9a8f26;color:#1d6f66}.banner.error{background:#f25c2a29;color:#a93b16}.banner.warning{background:#f6c45333;color:#8a5e12}.banner.info{background:#1f1b1614;color:var(--ink)}.content,.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--surface);padding:24px;border-radius:20px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:16px;animation:riseIn .6s ease both}.card.highlight{background:linear-gradient(140deg,#2b9a8f1f,#f6c45340)}.stack{display:grid;gap:12px}.inline{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}label span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:.95rem}textarea{min-height:240px;font-family:var(--font-mono);font-size:.85rem}button{border:none;border-radius:12px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #f25c2a33}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border);box-shadow:none}button.ghost:hover{background:#1f1b160d}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-row{display:flex;gap:12px;flex-wrap:wrap}.list{display:grid;gap:12px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#1f1b1608;animation:riseIn .5s ease both}.list-row.selectable{border:1px solid transparent;cursor:pointer}.list-row.selectable.active,.list-row.selectable:hover{border-color:#1f1b1633;background:#1f1b160d}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.tag{padding:4px 8px;border-radius:999px;background:#1f1b1614;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.tag.success{background:#2b9a8f2e;color:#1c6b63}.tag.warning{background:#f6c45333;color:#8a5e12}.tag.danger{background:#f25c2a33;color:#a93b16}.tag-row .tag{margin-top:6px}.mono{font-family:var(--font-mono);font-size:.8rem}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 14px;border:1px solid var(--border);background:#fff;font-weight:600;cursor:pointer}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.notice{padding:8px 12px;border-radius:10px;font-size:.85rem}.notice.error{background:#f25c2a1f;color:#a93b16}.callout{padding:16px;border-radius:14px;border:1px dashed var(--border);background:#2b9a8f14;display:grid;gap:8px}.callout code{font-family:var(--font-mono);font-size:.9rem}.section-title{font-weight:600}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--ink-soft);font-size:.8rem}.divider{height:1px;background:#1f1b161a}.toggle{display:flex;gap:12px;align-items:center}.toggle input{width:auto}.muted{color:var(--ink-soft)}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.main{padding:24px}.login-grid{grid-template-columns:1fr}}@media(max-width:640px){.selector-row{flex-direction:column;align-items:stretch}.topbar{flex-direction:column;align-items:flex-start}}