html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--bg: #081526;--panel: #111b37;--panel-soft: #162349;--text: #e8f2ff;--muted: #9fc0dd;--cyan: #26d5f6;--purple: #8a3dff;--magenta: #d441ff;--lemon: #e8ff58}*{box-sizing:border-box}.boot{min-height:100vh;display:grid;place-items:center;background:#081526;color:#e8f2ff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 10%,#17bfd9,#0f5d8f 30%,#081526 70%),linear-gradient(135deg,#0d1f3c,#1f1357 55%,#471263)}.login-card{width:min(420px,100%);background:#0f1d3f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.1rem}.login-card h1{margin:.4rem 0 0;color:var(--text)}.login-card p{color:var(--muted);margin:.2rem 0 1rem}.login-card form{display:grid;gap:.45rem}.login-card label{color:var(--muted);font-size:.9rem}.login-card input{width:100%;border:1px solid #29416f;border-radius:10px;padding:.65rem .75rem;background:#09122b;color:var(--text)}.error{color:#ff9bb0;margin:.45rem 0 0;font-size:.9rem}.app-shell{min-height:100vh;background:radial-gradient(circle at 20% 10%,#17bfd9,#0f5d8f 30%,#081526 70%),linear-gradient(135deg,#0d1f3c,#1f1357 55%,#471263);color:var(--text);padding:1.25rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.85rem}.brand h1{margin:0;font-size:1.3rem}.brand p{margin:0;color:var(--muted);font-size:.85rem}.brand-logo{width:48px;height:48px}.top-actions{display:flex;gap:.55rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tab{color:#cbe9ff;text-decoration:none;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;font-size:.9rem}.tab.active{color:#001822;background:linear-gradient(90deg,var(--cyan),var(--lemon));border-color:transparent;font-weight:700}.primary,.ghost{border:0;border-radius:999px;padding:.65rem 1rem;cursor:pointer;font-weight:700}.primary{color:#001822;background:linear-gradient(90deg,var(--cyan),var(--lemon))}.primary:disabled{opacity:.65;cursor:wait}.ghost{color:#cbe9ff;background:#ffffff17;border:1px solid rgba(255,255,255,.16)}.content{display:grid;gap:1rem}.hero,.card,.panel{background:color-mix(in srgb,var(--panel) 90%,black 10%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero h2{margin:0 0 .4rem}.hero p,.card p,.panel li{color:var(--muted)}.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card h3{margin:0 0 .5rem;font-size:.95rem}.value{font-size:1.8rem;font-weight:800;margin-bottom:.35rem;background:linear-gradient(90deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.two-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel h3{margin-top:0}.panel ol,.panel ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.8rem}.inline-form input,.inline-form select,.list input,.toolbar select{border:1px solid #29416f;border-radius:10px;padding:.6rem .7rem;background:#09122b;color:var(--text)}.toolbar{margin:.2rem 0 .8rem;display:flex;align-items:center;gap:.5rem}.toolbar.wrap{flex-wrap:wrap}.toolbar label{color:var(--muted);font-size:.9rem}.list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.list li{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .75rem;display:grid;gap:.35rem;background:#ffffff0a}.row-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.row-actions select{min-width:120px}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;text-transform:lowercase;border:1px solid transparent}.badge.new{background:#ffffff1a;border-color:#ffffff2e}.badge.reviewing{background:#26d5f62e;border-color:#26d5f661}.badge.approved{background:#9dff7033;border-color:#9dff706b}.badge.rejected{background:#ff789633;border-color:#ff78966b}.badge.closed{background:#ffaa7833;border-color:#ffaa786b}.checkline{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.8rem}
