*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:190px 1fr;min-height:100vh;background:#06080d;color:#eef1f7;font:13px Segoe UI,Arial}aside{padding:20px 14px;background:#080b11;border-right:1px solid #ffffff10}.brand{display:flex;gap:10px;align-items:center;margin-bottom:25px}.brand>div{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#a02eff,#5c19c0);font-size:23px;font-weight:900}.brand span,header span,.hero span{font-size:7px;color:#7c8798;letter-spacing:.13em}aside button{width:100%;height:40px;border:1px solid #a83cff33;border-radius:9px;background:#a83cff0b;color:#b7bfd0;cursor:pointer}main{padding:28px;max-width:1450px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:end}h1{margin:4px 0 15px;font-size:30px}.hero{min-height:190px;border:1px solid #a83cff35;border-radius:18px;background:radial-gradient(circle at 83% 50%,#a83cff25,transparent 20%),linear-gradient(135deg,#121625,#090d15);padding:26px;display:flex;align-items:center;justify-content:space-between}.hero h2{font-size:36px;margin:6px 0}.hero em{color:#b64cff;font-style:normal}.hero p{color:#8792a4}.orb{width:110px;height:110px;border:1px solid #a83cff;border-radius:50%;display:grid;place-items:center;font-size:38px;box-shadow:0 0 40px #a83cff35}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.stats div,.panel{border:1px solid #ffffff10;border-radius:13px;background:linear-gradient(145deg,#0d131c,#090c12);padding:15px}.stats span{font-size:7px;color:#7c8798}.stats strong{display:block;font-size:27px;margin-top:7px}.panel{margin-top:12px}.form{display:grid;grid-template-columns:100px 130px 100px 1fr auto;gap:8px;align-items:end}.form label{font-size:8px;color:#7c8798}input,select{height:39px;border:1px solid #ffffff12;border-radius:8px;background:#0a0f17;color:#eef1f7;padding:0 10px;outline:0}label input,label select{display:block;width:100%;margin-top:4px}button{height:39px;border:1px solid #a83cff42;border-radius:8px;background:linear-gradient(90deg,#7924e6,#a62cff);color:white;cursor:pointer}.head{display:flex;justify-content:space-between;align-items:center}.head input{width:260px}.table{max-height:430px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #ffffff0a;white-space:nowrap}th{font-size:7px;color:#6c7789}.actions{display:flex;gap:4px}.actions button{height:25px;background:#ffffff05;border-color:#ffffff10;color:#bbc3cf;font-size:8px}.badge{padding:4px 7px;border-radius:99px;color:#35e6ad;border:1px solid #35e6ad25}.bad{color:#ff7a84;border-color:#ff465525}#created{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}#created button{height:29px;background:#a83cff0c;color:#d7c5ef;font:9px Consolas}#toast{position:fixed;right:25px;bottom:25px;opacity:0;background:#101621;border:1px solid #a83cff45;border-radius:9px;padding:10px 13px;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){body{grid-template-columns:1fr}aside{display:none}.form{grid-template-columns:1fr 1fr}.form button{grid-column:1/-1}}