html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);overflow-y:overlay}:root,:root.theme-dark,:root[data-theme=dark]{--bg: #0c0f16;--bg-2: #0e1220;--text: #e9ecf1;--muted: #a8b0c0;--card: rgba(255,255,255,.02);--card-2: rgba(255,255,255,.03);--border: rgba(255,255,255,.1);--border-2: rgba(255,255,255,.16);--ring: #7aa2ff;--glow: 0 10px 30px rgba(0,0,0,.25);--topbar-h: 64px;--sidebar-w: 270px;--kpi1:#7aa2ff;--kpi2:#52d6a5;--kpi3:#ff9aa2;--kpi4:#f7c948;--kpi5:#b388ff;--kpi6:#64b5f6;--kpi7:#81c784;--kpi8:#ffb74d;--kpi9:#ef5350;--kpi10:#26c6da}:root.theme-light,:root[data-theme=light]{--bg: #7e828b;--bg-2: #ffffff;--text: #f7f7f7;--muted: #5f6b7c;--card: #141414;--card-2: #fafbff;--border: rgba(56, 202, 228, .12);--border-2: rgba(18, 211, 163, .16);--ring: #9db8e4;--glow: 0 10px 24px rgba(0,0,0,.09)}body:before{content:"";position:fixed;top:-40vh;right:-20vw;bottom:-40vh;left:-20vw;z-index:-2;background:radial-gradient(1200px 280px at 80% -20%,rgba(44,30,70,.42),transparent 60%),radial-gradient(900px 260px at 5% 120%,rgba(20,40,90,.38),transparent 60%),linear-gradient(120deg,#161028d9,#0c1220e6,#101c16db);background-size:200% 200%;animation:apex-bg-move 24s ease-in-out infinite;filter:saturate(1.05)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0 .015'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:overlay;pointer-events:none}@keyframes apex-bg-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:min(1200px,100%);margin:0 auto;padding:0 14px}.card{border:1px solid var(--border);background:linear-gradient(180deg,var(--card),transparent),var(--card);border-radius:14px;box-shadow:var(--glow)}.section-title{font-weight:900;font-size:18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-weight:800;border-radius:12px;border:1px solid transparent;background:#ffffff0f;color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,filter .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 8px 22px #0000002e}.btn.outline{background:#ffffff0a;border-color:var(--border-2)}.btn.primary{background:linear-gradient(180deg,#6e8bff,#4b66ea);border-color:#fff3;color:#fff}.input,input[type=text],input[type=number],textarea,select{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 20%,transparent)}.badge,.apex-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;font-weight:800;font-size:12px}.row{display:inline-flex;align-items:center;gap:8px}.grid{display:grid;gap:10px}.nav-item{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;background:var(--card);transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.nav-item .emoji{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;background:#ffffff0f;border:1px solid var(--border);font-size:14px}.nav-item:hover{transform:translateY(-1px);background:var(--card-2);border-color:var(--border-2);box-shadow:0 6px 18px #00000024}.nav-item.active{border-color:color-mix(in oklab,var(--ring) 35%,var(--border));box-shadow:0 6px 22px color-mix(in oklab,var(--ring) 18%,transparent)}::selection{background:color-mix(in oklab,var(--ring) 35%,transparent);color:#fff}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-thumb{background:#ffffff2e;border:3px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.audit-rows{display:grid;gap:8px}.audit-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--border, rgba(255,255,255,.08));transition:background .15s ease,border-color .15s ease,transform .06s ease}.audit-row:hover{background:#7c3aed14;border-color:#7c3aed59;transform:translateY(-1px)}.audit-row-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px;box-shadow:0 0 0 1px #ffffff0d}.audit-row-name{font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row-sep{opacity:.5}.audit-row-action{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.95}.audit-row-time{margin-inline-start:auto;font-size:12px;opacity:.7;white-space:nowrap}@media (max-width: 640px){.audit-row{padding:8px 10px;gap:8px}.audit-row-avatar{width:24px;height:24px}.audit-row-name{max-width:120px;font-weight:700}.audit-row-time{font-size:11px}}.guild-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guild-card{background:var(--panel, #0f0f13);border:1px solid var(--border, #22242a);border-radius:16px;padding:12px;display:grid;gap:10px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;cursor:pointer}.guild-card:hover{transform:translateY(-2px);border-color:#5b64f1;box-shadow:0 8px 24px #5b64f126}.gc-header{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}.gc-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:var(--glow, 0 0 0 rgba(0,0,0,0))}.gc-title{font-weight:900;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gc-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:12px;padding:4px 8px;border-radius:999px;background:#1b1e27;border:1px solid #2a2f3a;color:#bfc5d2}.tag.green{background:#102415;border-color:#214b2b;color:#a7f3d0}.tag.purple{background:#161327;border-color:#2f2a57;color:#d3c9ff}.gc-actions{display:flex;gap:8px}.picker-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:10px}.input{padding:10px 12px;border-radius:10px;border:1px solid var(--border, #22242a);background:#0b0b0f;color:#e5e7eb;outline:none}.input:focus{border-color:#5b64f1}.switch.pill{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch.pill .switch-label{font-size:13px;color:var(--muted, #9aa3b2)}.switch.pill input{display:none}.switch.pill .slider{width:40px;height:22px;border-radius:999px;position:relative;background:#262b35;display:inline-block;transition:.15s}.switch.pill .slider:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c7cce9;transition:.15s}.switch.pill input:checked+.slider{background:#5b64f1}.switch.pill input:checked+.slider:after{transform:translate(18px)}.skeleton .sk{background:linear-gradient(90deg,#13151c,#181a22,#13151c);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root,body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}:root{--bg: #0b0b10;--panel: rgba(255,255,255,.035);--card: rgba(255,255,255,.045);--text: #edf0f7;--muted: #aeb0bf;--border: rgba(255,255,255,.12);--accent: #a48aff;--accent-2: #bfc2d9;--glow: 0 0 24px rgba(164,138,255,.25);--container: 1560px;--topbar-h: 64px;--sidebar-w: 328px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 110% -10%,rgba(164,138,255,.12),transparent 50%),radial-gradient(1000px 500px at -20% 120%,rgba(191,194,217,.08),transparent 50%),var(--bg);color:var(--text);font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.apex-topbar{position:sticky;top:0;z-index:100;height:var(--topbar-h);display:flex;align-items:center;background:linear-gradient(90deg,#a48aff24,#bfc2d914);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.apex-topbar-inner{width:100%;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:0 16px}.apex-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;text-shadow:var(--glow)}.apex-logo .dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#d9d0ff 40%,#8e79ff 70%);box-shadow:0 0 18px #a48affcc,0 0 30px #a48aff40}.apex-pill{border:1px solid var(--border);background:#ffffff0f;padding:6px 10px;border-radius:999px;font-size:12px}.card{background:linear-gradient(180deg,#ffffff0b,#ffffff08);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #00000040}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{background:linear-gradient(135deg,#a48aff38,#a48aff1a);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:800;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--glow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.outline{background:transparent;border:1px solid var(--border)}.input,.select,textarea{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 12px;outline:none;min-height:40px}.input::placeholder,textarea::placeholder{color:var(--muted)}.section-title{font-weight:900;font-size:20px;letter-spacing:.2px}.muted{color:var(--muted)}.badge{display:inline-block;padding:4px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a}.sidebar{overflow:hidden;border-inline-start:1px solid var(--border);background:#ffffff07;min-height:calc(100vh - var(--topbar-h))}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none;color:inherit;border:1px solid transparent;font-weight:800;position:relative;transition:background .12s ease,border-color .12s ease,transform .08s ease}.nav-item .emoji{width:26px;height:26px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:16px}.nav-item.active{background:#a48aff2e;border-color:var(--border);box-shadow:inset 0 0 0 1px #a48aff4d}.nav-item:hover{background:#a48aff1a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:16px}.select,select{background:#ffffff12!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:12px;padding:10px 12px;min-height:40px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(135deg,#a48aff2e,#a48aff14),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%23a48aff' d='M0 0l5 6 5-6z'/></svg>");background-repeat:no-repeat,no-repeat;background-position:0 0,calc(100% - 12px) 50%;background-size:auto,10px 6px}select option,.select option,select optgroup{background:#14141a;color:var(--text)}select option:checked,select option:focus,select option:hover{background:#a48aff40;color:var(--text)}select:invalid,select option[disabled][selected]{color:var(--muted)!important}select::-ms-expand{display:none}@media (max-width: 600px){.select,select{padding:8px 10px;border-radius:10px}}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}textarea.input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}input[type=range]{width:100%}