:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e5efff;background:#07111f;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.admin{display:flex;min-height:100vh}aside{width:244px;flex:none;background:#0a1829;border-right:1px solid #1b3550;padding:27px 16px}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 34px;color:#f5f9ff;font-weight:600}.brand img{width:35px;height:35px}.brand span{font-size:18px}.brand strong{color:#3dddcf}.brand small{display:block;color:#7189a7;font-size:10px;font-weight:400;margin-top:2px}aside button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#8fa4c0;padding:13px 14px;border-radius:9px;margin:3px 0;cursor:pointer}aside button.active,aside button:hover{color:#ecf7ff;background:#14314b}aside .logout{margin-top:34px;color:#ff9dac}main{min-width:0;flex:1;padding:42px 52px;background:radial-gradient(circle at 84% -5%,#12365a,transparent 34%)}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:20px}h1{font-size:32px;margin:8px 0}.eyebrow{color:#42d9cd;letter-spacing:2px;font-size:10px;font-weight:700}.top{display:flex;gap:8px}.top input,.top button,.login input,.product-form input,.product-form select{background:#0b1d30;border:1px solid #27425d;color:#dceaff;padding:11px 13px;border-radius:8px}.top input{min-width:230px}.top button{cursor:pointer;color:#a9f7ed}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article,.panel,.login{background:#0b1b2d;border:1px solid #1c3a57;border-radius:13px;padding:23px}.cards span,.cards small{display:block;color:#8299b7;font-size:12px}.cards b{font-size:30px;display:block;margin:12px 0}.panel{overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h2{font-size:20px;margin:0}.product-form{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;padding:15px;margin-bottom:20px;background:#091728;border:1px solid #1d3a54;border-radius:9px}.product-form input,.product-form select{width:100%;min-width:0}.product-form .check{display:flex;align-items:center;gap:6px;color:#9db1c9;font-size:13px}.product-form .check input{width:auto}.product-form .primary,.product-form .ghost{margin:0}.primary{border:0;border-radius:8px;padding:12px 15px;background:linear-gradient(100deg,#20d8c7,#138ce9);font-weight:700;color:#041322;cursor:pointer}.primary.small,.ghost.small{padding:8px 12px;font-size:13px}.primary:hover{filter:brightness(1.1)}.ghost{border:1px solid #2b4261;background:transparent;color:#b8c9e1;padding:10px 15px;border-radius:8px;cursor:pointer}.subtle{border:1px solid #2a506a;background:#0d293e;color:#a7dcd7;padding:6px 9px;border-radius:6px;cursor:pointer}.actions{white-space:nowrap}.actions button+button{margin-left:6px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #1b334c}th{color:#7790ad;font-weight:500}td{color:#c0cee0}button{font:inherit}.danger{border:1px solid #743e51;background:#2a1828;color:#ff9eae;padding:6px 10px;border-radius:7px;cursor:pointer}.ok,.bad{font-style:normal;font-size:12px}.ok{color:#42d9b7}.bad{color:#ff8599}.login{max-width:390px;margin:80px auto;text-align:center}.login img{width:65px;height:65px}.login h2{margin:14px 0 4px}.login p{color:#8398b3;font-size:13px}.login input{display:block;width:100%;margin-top:12px}.login .primary{width:100%;margin-top:16px}.error{color:#ff92a2;background:#2a1828;border:1px solid #63384b;border-radius:8px;padding:10px 13px}@media(max-width:760px){.admin{display:block}aside{width:100%;padding:14px 12px;border-right:0;border-bottom:1px solid #1b3550;white-space:nowrap;overflow-x:auto}.brand{display:inline-flex;padding:0 10px 0 4px;margin-right:5px;vertical-align:middle}.brand span{font-size:16px}.brand img{width:31px;height:31px}aside button{display:inline-block;width:auto;font-size:13px;padding:9px 10px;margin:0 2px;vertical-align:middle}.brand small{display:none}aside .logout{margin:0 0 0 8px}main{padding:25px 14px}header{display:block;margin-bottom:22px}h1{font-size:26px}.top{margin-top:16px}.top input{min-width:0;flex:1}.cards{grid-template-columns:1fr}.panel{padding:15px 11px}.panel-head{align-items:flex-start}.product-form{grid-template-columns:1fr 1fr}.login{margin:50px auto}}
