*{box-sizing:border-box}body{margin:0;background:#030b15;color:#eef6ff;font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#061321;border-right:1px solid #14304a;padding:25px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:0 10px 30px}.brand strong{display:block}.brand small{display:block;color:#08aaff;font-weight:800;letter-spacing:1.5px}.brand-mark{width:40px;height:40px;border:3px solid #08aaff;border-radius:11px;display:grid;place-items:center;color:#08aaff}.sidebar nav{display:grid;gap:5px}.sidebar nav a,.side-bottom a{color:#9eb3c7;text-decoration:none;padding:12px 13px;border-radius:9px}.sidebar nav a:hover,.side-bottom a:hover{background:#0a2035;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:5px}.main{margin-left:240px;padding:35px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{margin:0;font-size:32px}.eyebrow{color:#08aaff;font-size:11px;font-weight:900;letter-spacing:1.7px;margin:0 0 7px}.outline{border:1px solid #244968;color:#b9cad9;padding:9px 13px;border-radius:8px;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stats div,.panel{background:#061321;border:1px solid #14304a;border-radius:14px}.stats div{padding:20px}.stats span{display:block;color:#8299ad;font-size:12px}.stats b{display:block;font-size:28px;margin-top:10px;color:#08aaff}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head a{color:#08aaff;text-decoration:none}.panel h2{margin:0 0 18px;font-size:19px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:13px;border-bottom:1px solid #10283e;font-size:13px}th{color:#7891a7;font-size:11px;text-transform:uppercase}td small{display:block;color:#70879c;margin-top:3px}.status{padding:5px 8px;border-radius:20px;background:#0d2942;font-size:10px;text-transform:uppercase}.status.paid,.status.delivered,.status.available{color:#3ee5a1}.status.pending,.status.reserved{color:#ffd166}.status.cancelled,.status.sold{color:#ff7680}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid.four{grid-template-columns:repeat(4,1fr)}label{color:#91a7bb;font-size:12px;display:flex;flex-direction:column;gap:7px}input,select,textarea{background:#071827;color:#fff;border:1px solid #1a3b58;border-radius:9px;padding:12px;font:inherit;outline:none}textarea{min-height:90px;resize:vertical}.form-grid button,.login-card button{background:linear-gradient(135deg,#078ff0,#0064ff);color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer;align-self:end}.success,.error{padding:13px 16px;border-radius:10px;margin-bottom:18px}.success{background:#073323;color:#75efb5;border:1px solid #125c40}.error{background:#3b1117;color:#ff9da5;border:1px solid #72232e}.tiny{font-size:11px;color:#08aaff;margin-right:5px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(0,130,255,.15),transparent 40%),#030b15}.login-card{width:min(420px,92%);padding:38px;background:#061321;border:1px solid #14304a;border-radius:18px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;gap:12px}.login-card .logo{width:55px;height:55px;border:4px solid #08aaff;border-radius:15px;color:#08aaff;display:grid;place-items:center;font-size:24px}.login-card h1{margin:0}.login-card p:not(.eyebrow){color:#8198ad}.login-card input{padding:14px}.login-card button{margin-top:6px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.four{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto;padding:15px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.side-bottom{display:flex;margin-top:10px}.main{margin-left:0;padding:20px}.stats{grid-template-columns:1fr 1fr}.form-grid,.form-grid.four{grid-template-columns:1fr}.top{align-items:flex-start;gap:10px}.top h1{font-size:25px}}

.muted{color:#7891a7;font-size:12px}.inventory-form{grid-template-columns:repeat(3,1fr)}.inventory-form .wide{grid-column:1/-1}.csv-example{background:#04101d;border:1px solid #16334d;padding:13px;border-radius:9px;overflow:auto;margin-bottom:13px;color:#b9d0e5}.import-row{display:flex;gap:10px;align-items:center}.import-row input{flex:1}@media(max-width:1000px){.inventory-form{grid-template-columns:1fr 1fr}}@media(max-width:700px){.inventory-form{grid-template-columns:1fr}.inventory-form .wide{grid-column:auto}.import-row{flex-direction:column;align-items:stretch}}