:root{--bg:#07090b;--card:#101317;--line:#232831;--text:#f2f5f7;--muted:#77808b;--cyan:#18d7c0;--red:#ff4d62;--orange:#ff7a2f;--yellow:#e7b84a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#0c3734,transparent 35%),#07090b}.login form{width:min(420px,92vw);padding:42px;background:#101419;border:1px solid #293039;border-radius:18px;box-shadow:0 35px 90px #000}.logo{font-size:22px;font-weight:900;letter-spacing:-1px;direction:ltr}.logo:first-letter{color:var(--cyan)}.logo span{font-size:8px;letter-spacing:2px;color:var(--cyan);display:block}.login form>i{display:grid;place-items:center;width:60px;height:60px;margin:28px auto 15px;border-radius:50%;background:#0d2927;color:var(--cyan);font-size:27px}.login h1,.login p{text-align:center}.login p{color:var(--muted);font-size:12px}.login label{display:block;color:#aab1b9;font-size:12px;margin:16px 0}.login input,.toolbar input,.toolbar select,textarea{width:100%;background:#090c0f;color:#fff;border:1px solid #2a3038;border-radius:9px;padding:13px;margin-top:7px;outline:none}.login input:focus,.toolbar input:focus{border-color:var(--cyan)}.login button,.primary{width:100%;border:0;background:linear-gradient(90deg,#0ba795,var(--cyan));color:#03100e;font-weight:900;padding:13px;border-radius:9px;cursor:pointer}.login small{display:block;color:var(--red);text-align:center;margin-top:12px}.shell{display:flex;direction:ltr;min-height:100vh}.shell>aside:not(.drawer){position:fixed;inset:0 auto 0 0;width:245px;padding:26px 18px;background:#0c0f12;border-right:1px solid #1e242a;z-index:5}.guard{margin:28px 0;padding:14px;background:#0b201e;border:1px solid #17443e;border-radius:9px;display:grid;grid-template-columns:12px 1fr}.guard i{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);border-radius:50%}.guard b{font-size:11px}.guard small{grid-column:2;color:#5e8b85;font-size:9px;margin-top:4px}.shell nav{display:grid;gap:6px}.shell nav button{border:0;background:transparent;color:#7e8792;padding:13px;border-radius:8px;text-align:left;cursor:pointer}.shell nav button:hover,.shell nav button.active{color:#fff;background:#11201f;box-shadow:inset 3px 0 var(--cyan)}.shell nav em{float:right;background:#3b151c;color:#ff8491;padding:2px 7px;border-radius:99px;font-style:normal;font-size:9px}.aside-foot{position:absolute;bottom:22px;left:18px;right:18px;display:grid;gap:12px}.aside-foot small{color:#59616b;font-size:9px}.aside-foot button{background:#13171b;border:1px solid #292f36;color:#9da4ac;border-radius:7px;padding:9px;cursor:pointer}main{margin-left:245px;width:100%;direction:rtl}header{height:82px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;justify-content:space-between;align-items:center;direction:ltr}header h2{margin:4px 0;font-size:18px}header small{color:#69727d;font-size:9px;letter-spacing:1px}header>div:last-child{display:flex;gap:10px;align-items:center}.live{font-size:10px;color:var(--cyan);border:1px solid #1c4943;padding:8px;border-radius:7px}header button,.head button{background:#12161a;border:1px solid #293038;color:#a9b0b8;border-radius:7px;padding:8px 11px;cursor:pointer}section{padding:28px 34px;max-width:1600px;margin:auto}.hero{min-height:205px;border:1px solid #183f3a;border-radius:15px;padding:36px 40px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 15% 20%,#12443e,transparent 35%),linear-gradient(120deg,#0d1818,#0d1013)}.hero span,.head small{color:var(--cyan);font-size:9px;letter-spacing:2px}.hero h1{font-size:32px;margin:12px 0}.hero p{color:#87909a}.radar{width:130px;height:130px;border:1px solid #236159;border-radius:50%;position:relative;display:grid;place-items:center}.radar:before,.radar:after{content:"";position:absolute;inset:20px;border:1px solid #1b4944;border-radius:50%}.radar:after{inset:45px}.radar b{color:var(--cyan)}.radar i:first-child{position:absolute;width:50%;height:1px;background:#217066;transform-origin:right;animation:spin 3s linear infinite;right:50%}@keyframes spin{to{transform:rotate(360deg)}}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:17px 0}.stat{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:11px}.stat small{color:#747d88;font-size:10px}.stat strong{font-size:25px;display:block;margin:11px 0}.stat em{font-style:normal;font-size:9px;color:#5f6873}.columns{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.head h3{margin:5px 0 0;font-size:15px}.risk-row{display:grid;grid-template-columns:1.5fr 75px 1fr 90px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #1c2127;cursor:pointer}.risk-row:hover{background:#14191e}.user{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#242a31}.user span{display:grid}.user small{color:#6d7681;margin-top:4px}.score{font-weight:900}.score.critical{color:var(--red)}.score.suspicious{color:var(--orange)}.score.watch{color:var(--yellow)}.reasons{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:8px;padding:4px 6px;border-radius:4px;background:#21191b;color:#e699a2}.state{font-size:9px;color:#89919a}.rules>div:not(.head){display:flex;gap:12px;padding:15px 20px;border-bottom:1px solid #1d2228}.rules i{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:bold}.rules span{display:grid}.rules b{font-size:11px}.rules small{color:#68717b;font-size:9px;margin-top:5px}.red{color:var(--red);background:#30151a}.orange{color:var(--orange);background:#2e1c13}.yellow{color:var(--yellow);background:#2a2517}.blue{color:#64a7ff;background:#15243a}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{margin:0;flex:1}.toolbar select{margin:0;width:200px}.table{min-height:200px}.event{display:grid;grid-template-columns:140px 1fr auto;gap:14px;padding:14px 20px;border-bottom:1px solid #1d2228}.event b{font-size:11px}.event p{margin:4px 0 0;color:#737c87;font-size:10px}.event time{color:#5f6872;font-size:9px}.loading,.empty{text-align:center;color:#66707a;padding:45px}.drawer{display:block!important;position:fixed;right:-700px;top:0;bottom:0;width:min(700px,95vw);background:#0c1013;border-left:1px solid #293039;z-index:30;direction:rtl;padding:30px;overflow:auto;transition:.25s}.drawer.open{right:0}.drawer>button{position:absolute;left:20px;top:18px;width:38px;height:38px;background:#161b20;color:#fff;border:1px solid #303740;border-radius:7px;font-size:20px}.backdrop{position:fixed;inset:0;background:#000b;z-index:20}.profile h2{margin-bottom:5px}.profile>p{color:#717a85}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.metrics div{background:#12171b;border:1px solid #252c33;border-radius:8px;padding:12px;display:grid}.metrics small{color:#69727c;font-size:8px;margin-top:5px}.actions{display:flex;gap:8px;margin:15px 0}.actions button{border:1px solid #2b333b;background:#14191e;color:#c4c9ce;padding:9px;border-radius:7px;cursor:pointer}.actions .danger{background:#35151b;color:#ff8490;border-color:#57212b}.review{display:grid;gap:8px;margin:15px 0}.review textarea{min-height:75px;margin:0}.transfer{padding:12px;border-bottom:1px solid #1d2329;font-size:11px}.transfer small{color:#69727d;float:left}#toast{position:fixed;bottom:22px;right:22px;background:#17201f;border:1px solid #28514c;padding:12px 17px;border-radius:8px;z-index:50;opacity:0;transform:translateY(60px);transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.shell>aside:not(.drawer){display:none}main{margin:0}.radar{display:none}}@media(max-width:600px){section{padding:16px 12px}header{padding:0 13px}.hero{padding:25px}.hero h1{font-size:24px}.risk-row{grid-template-columns:1fr 55px}.reasons,.state{display:none}.toolbar{display:grid}.toolbar select{width:100%}.metrics{grid-template-columns:1fr 1fr}}
