*{box-sizing:border-box}body{margin:0;background:#0a0c10;color:#eef6ff;font-family:Heebo,Arial;direction:rtl;background-image:linear-gradient(rgba(59,130,246,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.07) 1px,transparent 1px);background-size:34px 34px}.hidden{display:none!important}
.login{min-height:100vh;display:grid;place-items:center}.login-card,.modal-card{background:#161a22;border:1px solid #263244;border-radius:24px;padding:28px;box-shadow:0 0 60px rgba(6,182,212,.16);animation:fadeIn .5s}.login-card{width:min(430px,92vw);text-align:center}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:grid;place-items:center;font-weight:800;box-shadow:0 0 24px #3b82f680}.login-card .logo{margin:auto}h1,h2{font-weight:800;margin:6px 0 12px}input,select,textarea,button{width:100%;padding:13px;margin:7px 0;border-radius:14px;border:1px solid #2d384a;background:#0f131a;color:#fff;font-family:inherit}button{background:linear-gradient(135deg,#3b82f6,#06b6d4);border:0;font-weight:800;cursor:pointer}.ghost{background:#252b36}.shell{display:flex;min-height:100vh}.side{width:290px;background:#10141b;border-left:1px solid #263244;padding:18px;position:sticky;top:0;height:100vh}main{flex:1;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{display:flex;gap:13px;align-items:center}.brand span{color:#93a4b8}.online{color:#35e58d;font-weight:800}.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}.stat{position:relative;overflow:hidden;background:#161a22;border:1px solid #263244;border-radius:22px;padding:18px;box-shadow:0 10px 30px #0005}.stat:after{content:"";position:absolute;left:-20px;top:-20px;width:70px;height:70px;border-radius:50%;background:#06b6d455;filter:blur(10px)}.stat b{font-size:28px}.new{max-width:210px;margin:18px 0}.table{background:#161a22;border:1px solid #263244;border-radius:22px;overflow:hidden}.row,.head{display:grid;grid-template-columns:.5fr .7fr .8fr 1fr 1fr 1.4fr 1fr;gap:10px;padding:14px;border-bottom:1px solid #263244;align-items:center;animation:fadeIn .35s}.head{font-weight:800;color:#8fb5e8}.row:hover{background:#1e2530}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-weight:800}.pill:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:pulse 1.2s infinite}.blue{color:#60a5fa;background:#1d4ed833}.orange{color:#fb923c;background:#9a341233}.red{color:#f87171;background:#7f1d1d66;animation:blink 1s infinite}.green{color:#4ade80;background:#16653455}.sla{height:7px;background:#293241;border-radius:999px;margin-top:8px}.sla i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#06b6d4,#3b82f6)}.actions button{padding:8px;margin:3px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:9}.modal-card{width:min(560px,94vw);animation:slideUp .25s}#toast{position:fixed;bottom:18px;right:18px;background:#111827;border:1px solid #3b82f6;border-radius:14px;padding:12px 18px;display:none}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(28px)}to{opacity:1}}@keyframes pulse{50%{opacity:.35}}@keyframes blink{50%{filter:brightness(1.7)}}
@media(max-width:900px){.shell{display:block}.side{position:relative;width:auto;height:auto}.stats{grid-template-columns:repeat(2,1fr)}.head{display:none}.row{display:block;margin:12px;border-radius:18px;background:#10141b}.row>div{margin:9px 0}.actions button{font-size:16px;padding:14px}}