:root{--bg:#050507;--p:#101016;--p2:#171722;--line:#39111b;--red:#ff173d;--red2:#ff5c72;--text:#fff;--muted:#aaa;--green:#00e887;--yellow:#ffcc00}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 45% -10%,#3a0712,#07070a 35%,#020203 100%);color:var(--text);font-family:Inter,Arial,sans-serif}button{border:0;border-radius:13px;background:linear-gradient(135deg,#ff173d,#7a0618);color:white;padding:11px 15px;font-weight:900;cursor:pointer;margin:4px;box-shadow:0 0 20px #ff173d33}button:hover{filter:brightness(1.2)}button.secondary{background:#161620;border:1px solid #3b1520}input,select,textarea{background:#07070b;border:1px solid #431520;color:#fff;border-radius:13px;padding:12px;width:100%;outline:none;margin:6px 0}textarea{min-height:95px}.hidden{display:none!important}
.login{height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:430px;background:#0d0d13;border:1px solid #581423;border-radius:26px;padding:30px;text-align:center;box-shadow:0 0 70px #ff173d44}.logo-core{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;background:radial-gradient(circle,#fff 0,#ff173d 32%,#350610 62%,#000 74%);box-shadow:0 0 70px #ff173d}.login-card h1{color:var(--red);letter-spacing:4px;margin:0}.login-card h2{font-size:13px;color:#bbb;letter-spacing:2px}
.app{display:grid;grid-template-columns:275px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;overflow:auto;background:rgba(7,7,11,.96);border-right:1px solid var(--line);padding:18px}.brand{font-size:24px;font-weight:1000;color:var(--red);letter-spacing:2px;margin-bottom:18px}.brand span{display:block;color:#aaa;font-size:11px}nav button{display:block;width:100%;text-align:left;background:#111119;border:1px solid #241019}.userbox{font-size:12px;color:#aaa;margin-top:18px;line-height:1.5}
main{padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(15,15,21,.9);border:1px solid var(--line);border-radius:22px;padding:16px 18px;margin-bottom:18px}header h1{margin:0;color:#fff}header small{color:#aaa}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.card,.panel{background:linear-gradient(180deg,rgba(23,23,34,.95),rgba(10,10,15,.95));border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:16px;box-shadow:0 0 35px #ff173d11}.num{font-size:30px;font-weight:1000}.label{color:#aaa;text-transform:uppercase;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jarvis{height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.jarvis:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#fff,#ff173d 30%,#530817 53%,transparent 72%);box-shadow:0 0 110px #ff173d;animation:pulse 2s infinite}.jarvis:after{content:"";position:absolute;width:330px;height:330px;border:2px dashed #ff173d55;border-radius:50%;animation:spin 9s linear infinite}.jarvis-text{position:relative;font-weight:1000;letter-spacing:3px}@keyframes pulse{50%{transform:scale(1.08);filter:brightness(1.45)}}@keyframes spin{to{transform:rotate(360deg)}}
.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.list{max-height:420px;overflow:auto}.item{border-bottom:1px solid #281019;padding:10px;line-height:1.45}.item b{color:#ff8d9e}.item small{color:#aaa}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;background:#260711;border:1px solid #6a1425;color:#ffbdc6}.actions{margin-top:8px}.code{white-space:pre-wrap;background:#060609;border:1px solid #2d1118;border-radius:15px;padding:14px;max-height:520px;overflow:auto}
#toast{position:fixed;right:20px;bottom:20px;z-index:99}.toast{background:#111118;border:1px solid #ff173d;border-radius:15px;padding:13px 16px;margin-top:8px;box-shadow:0 0 30px #ff173d44}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid,.formgrid{grid-template-columns:1fr}.app{grid-template-columns:1fr}aside{height:auto;position:relative}}