.app-shell{min-height:100vh}.container{width:min(1100px,92vw);margin:0 auto}.page-wrap{padding:2rem 0 3rem}.top-nav-wrap{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090f1cd6;border-bottom:1px solid rgba(148,163,184,.28)}.top-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-kicker{margin:0;font-size:.75rem;letter-spacing:1.4px;text-transform:uppercase;color:#94a3b8}.brand-title{font-family:Space Grotesk,Trebuchet MS,sans-serif;font-weight:700;font-size:1rem}.nav-links{display:flex;gap:.75rem}.nav-link{text-decoration:none;color:#cbd5e1;border:1px solid transparent;padding:.45rem .8rem;border-radius:999px;transition:all .2s ease}.nav-link:hover{border-color:#94a3b847;color:#f8fafc}.nav-link.active{color:#f8fafc;border-color:#4ea8de73;background:#4ea8de26}.card{background:linear-gradient(160deg,#17233df2,#111a2ef2);border:1px solid rgba(148,163,184,.28);border-radius:18px;box-shadow:0 14px 40px #02061759;padding:1.5rem}.page-header{margin-bottom:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:700;color:#4ea8de;margin-bottom:.35rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.empty-state{color:#94a3b8;margin:.75rem 0 0}.about-grid{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.about-block{background:#17233d;border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:1rem}.muted{color:#cbd5e1}.btn{border:1px solid transparent;border-radius:10px;padding:.55rem .85rem;cursor:pointer;color:#f8fafc;transition:all .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#4ea8de}.btn-primary:hover:not(:disabled){background:#2f9ad7}.btn-secondary{background:#7e93b824;border-color:#94a3b847}.btn-secondary:hover:not(:disabled){background:#7e93b83d}.btn-ghost{background:#fb71851f;border-color:#fb718580}.btn-ghost:hover:not(:disabled){background:#fb718533}.btn-danger{background:#fb718524;border-color:#fb718561}.btn-danger:hover:not(:disabled){background:#fb71853d}.btn-small{padding:.35rem .65rem;font-size:.86rem}@media(min-width:900px){.dashboard-grid{grid-template-columns:1fr 1fr}.form-card{grid-column:1/2}.table-card,.chart-card{grid-column:span 2}}@media(max-width:768px){.top-nav{flex-direction:column;justify-content:center;align-items:flex-start;padding:.75rem 0}.about-grid{grid-template-columns:1fr}}.inventory-form{display:grid;gap:1rem}.field-row{display:grid;gap:.45rem}.field-row label{color:#cbd5e1;font-size:.9rem}.field-row input{background:#17233d;border:1px solid rgba(148,163,184,.28);border-radius:10px;padding:.7rem .75rem;color:#f8fafc}.field-row input::placeholder{color:#94a3b8}.field-row input:focus{outline:none;border-color:#4ea8deb3;box-shadow:0 0 0 3px #4ea8de29}.form-message{margin:0;font-size:.9rem}.form-message.error{color:#fb7185}.form-message.success{color:#34d399}.table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(148,163,184,.28)}.inventory-table{width:100%;border-collapse:collapse;min-width:760px}.inventory-table th,.inventory-table td{text-align:left;padding:.85rem;border-bottom:1px solid rgba(148,163,184,.2);white-space:nowrap}.inventory-table th{color:#cbd5e1;font-size:.83rem;text-transform:uppercase;letter-spacing:.9px;background:#111a2ed9}.inventory-table td{color:#f8fafc;background:#0f172aa6}.inventory-table .numeric-col{text-align:right;font-variant-numeric:tabular-nums}.inventory-table tbody tr:hover td{background:#17233ddb}.chart-shell{height:360px;width:100%;background:#0f172a8f;border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:1rem}@media(max-width:768px){.chart-shell{height:300px;padding:.85rem}}:root{font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f8fafc;background:#0b1220}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(55,127,214,.24),transparent 28%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.14),transparent 25%),#0b1220;color:#f8fafc}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,Trebuchet MS,sans-serif;letter-spacing:.2px}p{color:#cbd5e1;line-height:1.6}ul{margin:0;padding-left:1.25rem}button,input{font:inherit}