:root{font-family:Segoe UI,IBM Plex Sans,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;color:#ffeaf8;background:#120812;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #140813;--bg-alt: #241022;--panel: rgba(34, 14, 33, .9);--panel-2: rgba(44, 18, 43, .95);--line: rgba(255, 148, 212, .22);--line-strong: rgba(255, 148, 212, .36);--text: #ffeaf8;--muted: #d9a9c8;--accent: #ff5fb2;--accent-2: #ff9bcf;--danger: #ff7b9f;--ok: #ff8dca;--shadow: 0 14px 40px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(255,95,178,.08),transparent 38%),radial-gradient(circle at 84% 14%,rgba(255,155,207,.06),transparent 42%),linear-gradient(180deg,#14081a,#0d0612)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}textarea{resize:vertical}.app-splash{min-height:100vh;display:grid;place-items:center;gap:.75rem;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 16% 14%,rgba(255,106,189,.34),transparent 42%),radial-gradient(circle at 84% 6%,rgba(255,149,216,.2),transparent 46%),linear-gradient(180deg,#140719,#0a0712)}.auth-card{width:min(460px,100%);background:linear-gradient(180deg,#210c23f0,#0f0918fa);border:1px solid rgba(255,137,199,.28);border-radius:18px;box-shadow:var(--shadow);padding:1.25rem}.auth-header{display:grid;gap:.35rem}.auth-brand-logo{width:min(210px,100%);height:auto;display:block}.auth-card h1{margin:0;font-size:1.35rem}.auth-card p{margin:.35rem 0 0;color:var(--muted)}.dashboard-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:#140a19f5;border-right:1px solid var(--line);padding:1rem .85rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;gap:.25rem;padding:.65rem .65rem 1rem}.brand strong{font-size:1rem;letter-spacing:.02em}.brand-logo{width:min(190px,100%);height:auto;display:block}.brand span{color:var(--muted);font-size:.85rem}.nav-group{margin-top:.75rem}.nav-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;padding:0 .7rem .4rem}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:.65rem .7rem;border-radius:10px;color:#f6d6ea;border:1px solid transparent}.nav-link:hover{background:#ff5fb214;border-color:#ff5fb229}.nav-link.active{background:#ff5fb229;border-color:#ff5fb24d}.nav-pill{font-size:.7rem;color:var(--muted)}.main-column{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{position:sticky;top:0;z-index:5;background:#140a18d1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.85rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.topbar-title{min-width:0}.topbar-title h1{margin:0;font-size:1.02rem;font-weight:650}.topbar-title p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.topbar-actions{display:flex;align-items:center;gap:.5rem}.content{padding:1rem;min-width:0}.page-stack{display:grid;gap:1rem}.panel{background:linear-gradient(180deg,#220e21e0,#180a19f5);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0}.panel-header{padding:.9rem 1rem .55rem;border-bottom:1px solid rgba(255,148,212,.12);display:flex;align-items:start;justify-content:space-between;gap:.75rem}.panel-header h2{margin:0;font-size:.98rem}.panel-header p{margin:.22rem 0 0;color:var(--muted);font-size:.8rem}.panel-body{padding:.95rem 1rem 1rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.stat-card{padding:.9rem;border-radius:12px;border:1px solid var(--line);background:#0f1625e6}.stat-label{color:var(--muted);font-size:.78rem}.stat-value{margin-top:.35rem;font-size:1.35rem;font-weight:700}.stat-note{margin-top:.25rem;color:var(--muted);font-size:.75rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.35rem;min-width:0}.field.full{grid-column:1 / -1}.field label{font-size:.78rem;color:var(--muted)}.input,.select,.textarea{width:100%;border-radius:10px;border:1px solid var(--line-strong);background:#120814bf;color:var(--text);padding:.65rem .75rem}.input:focus,.select:focus,.textarea:focus{outline:2px solid rgba(255,95,178,.24);border-color:#ff5fb273}.textarea{min-height:100px}.checkbox-row{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem}.btn{border-radius:10px;border:1px solid var(--line-strong);padding:.55rem .8rem;background:#220e21eb;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ff5fb259}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ff5fb247,#bc317e3d);border-color:#ff5fb26b}.btn.warning{border-color:#ffb74a59;background:#ffb74a14}.btn.danger{border-color:#ff7b7b59;background:#ff7b7b14}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.subtle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.hint{color:var(--muted);font-size:.8rem}.status{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;border:1px solid var(--line);background:#1a0b18bf;color:var(--muted);white-space:nowrap}.status.ok{border-color:#ff8dca57;color:var(--ok)}.status.warn{border-color:#ffb74a4d;color:var(--accent-2)}.status.error{border-color:#ff7b7b4d;color:var(--danger)}.status.info{border-color:#ff5fb24d;color:var(--accent)}.table-wrap{overflow:auto;border:1px solid rgba(255,148,212,.12);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:.65rem;border-bottom:1px solid rgba(255,148,212,.09);text-align:left;vertical-align:top;font-size:.85rem}.table th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;background:#140916bf;position:sticky;top:0}.table tr:hover td{background:#ff5fb20d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.muted{color:var(--muted)}.error-box,.success-box{border-radius:10px;padding:.65rem .75rem;font-size:.85rem}.error-box{border:1px solid rgba(255,123,123,.28);background:#ff7b7b14;color:#ffd3d3}.success-box{border:1px solid rgba(255,141,202,.28);background:#ff8dca14;color:#ffd0e9}.code-box{margin:0;padding:.8rem;border-radius:12px;border:1px solid rgba(255,148,212,.12);background:#0f0711d9;color:#ffd7ef;overflow:auto;max-height:360px}.two-column-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:1rem;align-items:start}.kpi-line{display:flex;flex-wrap:wrap;gap:.5rem}.kpi-chip{border-radius:999px;border:1px solid var(--line);padding:.22rem .5rem;font-size:.75rem;color:var(--muted)}.inline-list{display:flex;flex-wrap:wrap;gap:.35rem}.inline-code-link{color:#ffb6df;text-decoration:underline;text-underline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.stats-grid,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-layout{grid-template-columns:1fr}}@media(max-width:920px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.content{padding:.8rem}.form-grid,.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}