@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{--bg:#0a0e19;--panel:#121929;--border:#263044;--muted:#91a0ba;--white:#edf3ff;--accent:#8d76ff;--accent2:#4b36c9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px Cairo,Tahoma,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;right:0;top:0;bottom:0;width:252px;background:#101626;border-left:1px solid var(--border);display:flex;flex-direction:column;padding:32px 18px;z-index:2}.logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;direction:ltr;justify-content:center;line-height:1.2}.logo b{color:#a99bff}.logo small,.auth-brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}.logo-mark{font-size:36px;color:#a18aff}.sidebar nav{display:grid;gap:8px;margin-top:55px}.sidebar nav a{padding:12px 16px;color:#a6b2c8;border-radius:12px;font-weight:700}.sidebar nav a:hover,.sidebar nav a.active{background:#29234b;color:#c8baff}.side-bottom{margin-top:auto;color:var(--muted);font-size:12px;padding:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42d9a0;margin-left:6px}.logout{background:none;border:0;color:#b4bcd2;padding:14px 0}.main{margin-right:252px;padding:36px 42px;max-width:1800px;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}h1{font-size:28px;margin:3px 0}h2{font-size:25px;margin:7px 0}h3{font-size:17px;margin:0 0 14px}.eyebrow{color:#a497ff;font-size:10px;letter-spacing:1.8px;font-weight:800}.header-right{display:flex;align-items:center;gap:15px}.pill,.tag{background:#252b41;padding:7px 13px;border-radius:30px;color:#bdc8e0;font-size:11px}.pill{color:#7ee6bc}.avatar{display:grid;place-items:center;background:linear-gradient(135deg,#6d5aff,#a55cf0);width:40px;height:40px;border-radius:13px;font-weight:800}.intro{background:radial-gradient(ellipse at left,#34246b 0%,#1b1b38 50%,#161c2e 100%);border:1px solid #3c3569;border-radius:20px;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro p{color:#abb5ce;margin:0}.btn{border:1px solid #3b4460;border-radius:10px;background:#28314a;color:#f0efff;padding:10px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn.primary{background:linear-gradient(120deg,#7961f6,#9a6ef2);border:0;color:white}.btn.outline{background:transparent}.btn.small{padding:8px 11px;font-size:11px}.btn.danger-btn{background:#412330;color:#ffabbc}.filter{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.filter label{display:flex;align-items:center;gap:10px}.muted,p{color:var(--muted)}.muted{font-size:12px}input,select{background:#0e1422;color:var(--white);border:1px solid #33405b;padding:10px 12px;border-radius:9px;min-width:0;max-width:100%;outline:none}input:focus,select:focus{border-color:#a492ff}label{display:grid;gap:7px;color:#d5ddef;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.stat,.panel{border:1px solid var(--border);background:var(--panel);border-radius:16px}.stat{padding:23px}.stat span{color:#a9b4cd;font-size:12px}.stat strong{display:block;font-size:30px;direction:ltr;text-align:right;line-height:1.7}.stat small{color:#7486a5;font-size:10px}.columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px}.panel{padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.panel-head h3{margin:0}.panel-head a{font-size:12px;color:#b3a4ff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:11px;color:#8797b3;font-weight:600}td,th{padding:13px 10px;border-bottom:1px solid #252d3e}td{font-size:12px}td small{display:block;color:#7f8eaa}.empty{padding:55px 15px;text-align:center;color:#8191ac}.ai-panel{background:linear-gradient(150deg,#1d1b3c,#121929)}.ai-icon{font-size:34px;color:#ab97ff}.ai-line{padding:10px;border-bottom:1px solid #30304b;color:#d5d5ef}.ai-panel .btn{margin-top:22px}.accounts-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.account-card{border:1px solid #2c3650;border-radius:13px;padding:16px;margin:13px 0}.account-head{display:flex;align-items:center;gap:12px}.account-head>div:nth-child(2){flex:1}.account-head small{display:block;color:#8494b0;font-size:11px;direction:ltr;text-align:right}.account-symbol{width:42px;height:42px;background:#383062;color:#d6caff;border-radius:12px;display:grid;place-items:center;font-weight:800}.tag.green{background:#183b35;color:#7ee6bc}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.account-actions form{display:flex;gap:6px}.account-actions input{width:180px}.stack{display:grid;gap:16px;margin-top:20px}.stack label input,.stack label select{width:100%}.notice{background:#183b35;border:1px solid #2d7963;color:#a2f3d1;padding:12px 16px;border-radius:12px;margin-bottom:18px}.notice.danger{background:#462333;border-color:#8a4356;color:#ffd0d9}.setting-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #2b3347}.setting-row b{color:#c7baff}footer{display:flex;justify-content:space-between;color:#64728d;font-size:10px;margin-top:40px}.auth{margin:0 auto;max-width:480px;padding:75px 22px}.auth-brand{font-size:26px;font-weight:800;text-align:center;color:#b3a2ff;direction:ltr;margin-bottom:35px}.auth-card{background:var(--panel);border:1px solid var(--border);padding:32px;border-radius:20px}.auth-card form{display:grid;gap:18px;margin-top:24px}.auth-card label input{width:100%}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.main{padding:26px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px;border:0}.sidebar nav{display:flex;overflow:auto;margin-top:18px}.sidebar nav a{white-space:nowrap;font-size:11px;padding:9px}.side-bottom{display:none}.main{margin:0;padding:20px}.intro{display:block}.intro .btn{margin-top:18px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:22px}.filter{align-items:stretch;flex-direction:column}header{margin-bottom:20px}.header-right .pill{display:none}footer span{display:none}}
