@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";
:root{--green:#5fcb46;--green-light:#7ee85c;--green-glow:#5fcb4673;--yellow:#ffd23f;--yellow-light:#ffe57a;--blue:#2e96f5;--blue-light:#6ab8ff;--blue-glow:#2e96f566;--purple:#a855f7;--purple-light:#c084fc;--ink:#fff;--ink-soft:#ffffff80;--ink-faint:#ffffff40;--surface:#ffffff0d;--surface-hover:#ffffff14;--border:#ffffff14;--border-hover:#ffffff24;--page:#0d0f12;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--glass-bg:#ffffff0d;--glass-ring:#ffffff17;--glass-rim:#ffffff1a;--glass-shadow:0 24px 48px #0006;--glass-blur:24px;--glass-hover-bg:#ffffff12;--glass-hover-ring:#ffffff24;--topbar-bg:#0a0b0ed9}:root[data-theme=light]{--ink:#111417;--ink-soft:#5a6169;--ink-faint:#9aa0a8;--surface:#ffffffb8;--surface-hover:#ffffffd9;--border:#09140f14;--border-hover:#09140f24;--page:#eef1f4;--glass-bg:#ffffffb8;--glass-ring:#09140f14;--glass-rim:#ffffffe6;--glass-shadow:0 14px 30px #14281e0f;--glass-blur:20px;--glass-hover-bg:#ffffffd9;--glass-hover-ring:#09140f1f;--topbar-bg:#f5f7f9d9}.glass-card{isolation:isolate;background:var(--glass-bg);box-shadow:0 0 0 .5px var(--glass-ring), 0 1px 0 inset var(--glass-rim), var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card.hoverable{transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}.glass-card.hoverable:hover{background:var(--glass-hover-bg);box-shadow:0 0 0 .5px var(--glass-hover-ring), 0 1px 0 inset var(--glass-rim), var(--glass-shadow)}.glass-pill{background:var(--glass-bg);box-shadow:0 0 0 .5px var(--glass-ring), 0 1px 0 inset var(--glass-rim);border-radius:999px}*{box-sizing:border-box}body{color:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:radial-gradient(900px 600px at 12% -14%,#5fcb4617 0%,#0000 62%),#0d0f12;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}:root[data-theme=light] body{color:#111417;background:radial-gradient(900px 600px at 12% -14%,#5fcb4612 0%,#0000 62%),#eef1f4}button{cursor:pointer;color:inherit;font-family:inherit}.app{height:100vh;display:flex;overflow:hidden}@keyframes navPulse{0%{box-shadow:0 0 #5fcb4600}60%{box-shadow:0 0 16px 3px #5fcb4633}to{box-shadow:0 0 8px 1px #5fcb4614}}.sidebar{background:#090b0df2;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:224px;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow-y:auto}.sb-logo{border-bottom:1px solid #ffffff0d;align-items:center;gap:9px;margin-bottom:10px;padding:22px 16px 18px;text-decoration:none;display:flex}.sb-logo .mark{flex-direction:column;gap:3px;width:18px;display:flex}.sb-logo .mark span{border-radius:99px;height:4px}.sb-logo .mark span:first-child{background:linear-gradient(90deg,#5fcb46,#7ee85c)}.sb-logo .mark span:nth-child(2){background:linear-gradient(90deg,#ffd23f,#ffe57a);width:75%}.sb-logo .mark span:nth-child(3){background:linear-gradient(90deg,#2e96f5,#6ab8ff);width:90%}.sb-logo b{color:#fff;letter-spacing:-.02em;font-family:Sora;font-size:15.5px;font-weight:700}.sb-group{padding:0 10px 10px}.sb-section{letter-spacing:.1em;text-transform:uppercase;color:#ffffff2e;padding:10px 6px 5px;font-size:9.5px;font-weight:700}.nav-item{color:#fff6;cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-item i{text-align:center;flex-shrink:0;width:20px;font-size:16px;transition:color .15s}.nav-item:hover:not(.active){color:#ffffffbf;background:#ffffff0d}.nav-item:hover:not(.active) i{color:#ffffff8c}.nav-item.active{color:#fff;font-weight:600}.nav-item.active i{color:#7ee85c;filter:drop-shadow(0 0 5px #5fcb46b3)}.nav-item.active:before{content:none}.sb-foot{border-top:1px solid #ffffff0d;margin-top:auto;padding:12px 10px 16px}.sb-avatar{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.sb-avatar:hover{background:#ffffff0d}.sb-avatar .avi{color:#fff;background:linear-gradient(135deg,#5fcb46,#2e96f5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 12px #5fcb4659}.sb-avatar .sb-name{color:#fff;font-size:12.5px;font-weight:600;line-height:1.3}.sb-avatar .sb-plan{color:#ffffff47;margin-top:1px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{box-shadow:none;background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px 18px;display:flex;position:static}.topbar h1{color:var(--ink);margin:0;font-family:Sora;font-size:18px;font-weight:700}.topbar .sub{color:var(--ink-soft);margin-top:3px;font-size:12px}.topbar-right{align-items:center;gap:8px;display:flex}.search-bar{background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;width:200px;height:36px;padding:0 12px;transition:all .15s;display:flex}.search-bar:focus-within{background:#ffffff17;border-color:#ffffff2e}.search-bar i{color:#ffffff4d;font-size:15px}.search-bar input{color:#fffc;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:#ffffff38}.tb-divider{background:#ffffff14;width:1px;height:22px;margin:0 2px}.icon-btn{cursor:pointer;color:#ffffff8c;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.icon-btn:hover{color:#fff;background:#ffffff1a}.icon-btn i{font-size:17px}.notif-dot{background:#5fcb46;border:1.5px solid #0d0f12;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:7px;height:36px;padding:0 16px;font-family:Inter;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn i{font-size:16px}.btn-dark{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.btn-dark:hover{background:#ffffff21;border-color:#fff3}.btn-primary{color:#fff;background:linear-gradient(135deg,#5fcb46,#3da832);border:none;box-shadow:0 4px 16px -4px #5fcb4673}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px #5fcb468c}.btn-ghost{background:var(--glass-bg);box-shadow:0 0 0 .5px var(--glass-ring),0 1px 0 inset var(--glass-rim);color:var(--ink-soft);border:none}.btn-ghost:hover{background:var(--glass-hover-bg);box-shadow:0 0 0 .5px var(--glass-hover-ring),0 1px 0 inset var(--glass-rim);color:var(--ink)}.btn-danger{color:#f87171;background:#b91b1b33;border:1px solid #b91b1b4d}.btn-danger:hover{background:#b91b1b4d}.content{padding:26px 28px 70px}.grid{gap:14px;display:grid}.cards4{grid-template-columns:repeat(4,1fr)}.stat{border-radius:var(--radius-lg);isolation:isolate;background:var(--glass-bg);box-shadow:0 0 0 .5px var(--glass-ring),0 1px 0 inset var(--glass-rim),var(--glass-shadow);padding:20px;transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.stat:hover{background:var(--glass-hover-bg);box-shadow:0 0 0 .5px var(--glass-hover-ring),0 1px 0 inset var(--glass-rim),var(--glass-shadow);transform:translateY(-2px)}.stat:before{content:"";z-index:1;border-radius:0;height:2px;position:absolute;top:0;left:0;right:0}.stat.green:before{background:linear-gradient(90deg,#5fcb46,#7ee85c)}.stat.blue:before{background:linear-gradient(90deg,#2e96f5,#6ab8ff)}.stat.yellow:before{background:linear-gradient(90deg,#ffd23f,#ffe57a)}.stat.purple:before{background:linear-gradient(90deg,#a855f7,#c084fc)}.stat .glow{opacity:.12;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat.green .glow{background:radial-gradient(circle,#5fcb46 0%,#0000 70%)}.stat.blue .glow{background:radial-gradient(circle,#2e96f5 0%,#0000 70%)}.stat.yellow .glow{background:radial-gradient(circle,#ffd23f 0%,#0000 70%)}.stat.purple .glow{background:radial-gradient(circle,#a855f7 0%,#0000 70%)}.stat .label{letter-spacing:.05em;text-transform:uppercase;color:#fff6;margin-bottom:10px;font-size:11px;font-weight:600}.stat .num{letter-spacing:-.04em;margin-bottom:6px;font-family:Sora;font-size:28px;font-weight:800}.stat.green .num{color:#7ee85c}.stat.blue .num{color:#6ab8ff}.stat.yellow .num{color:#ffe57a}.stat.purple .num{color:#c084fc}.stat .delta{color:#fff6;font-size:12px}.stat .delta b{color:#5fcb46;font-weight:600}.section-head{justify-content:space-between;align-items:center;margin:28px 0 14px;display:flex}.section-head h3{color:#fff;margin:0;font-family:Sora;font-size:15px;font-weight:700}.see-all{color:#2e96f5;cursor:pointer;font-size:12.5px;font-weight:500}.client-card{border-radius:var(--radius-md);color:#fff;isolation:isolate;box-shadow:0 0 0 .5px var(--glass-ring),0 1px 0 inset var(--glass-rim),var(--glass-shadow);cursor:pointer;background:linear-gradient(160deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;align-items:center;gap:13px;padding:18px;text-decoration:none;transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);animation:.28s cubic-bezier(.4,0,.2,1) both fadeUp;display:flex}.client-card:hover{border-color:var(--border-hover);background:#ffffff1a;transform:translateY(-1px)}.client-card .logo{background-position:50%;background-size:cover;border-radius:12px;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 0 1px #ffffff1a}.client-card .name{color:#fff;font-size:14.5px;font-weight:700}.client-card .trade{color:#fff6;margin-top:3px;font-size:12.5px}.pill{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pill-live{color:#7ee85c;background:#5fcb461f;border:1px solid #5fcb4633}.pill-draft{color:#fff6;background:#ffffff0f;border:1px solid #ffffff14}.pill-hot{color:#7ee85c;background:#5fcb461f;border:1px solid #5fcb462e}.pill-warm{color:#ffe57a;background:#ffd23f1a;border:1px solid #ffd23f2e}.pill-google{color:#6ab8ff;background:#2e96f51f;border:1px solid #2e96f533}.pill-meta{color:#c084fc;background:#a855f71f;border:1px solid #a855f733}table{border-collapse:collapse;background:var(--glass-bg);isolation:isolate;width:100%;box-shadow:0 0 0 .5px var(--glass-ring),0 1px 0 inset var(--glass-rim),var(--glass-shadow);border-radius:var(--radius-md);overflow:hidden}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#ffffff4d;background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:11px 18px;font-size:10.5px;font-weight:700}tbody td{color:#fff;border-bottom:1px solid #ffffff0a;padding:13px 18px;font-size:13.5px}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff0a}tbody tr:last-child td{border-bottom:none}.modal-bg{-webkit-backdrop-filter:blur(4px);z-index:50;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);box-shadow:0 0 0 .5px var(--glass-ring),0 1px 0 inset var(--glass-rim),0 25px 60px #0009;border-radius:var(--radius-xl);width:100%;max-width:440px;padding:28px 30px}.modal h3{color:#fff;margin:0 0 4px;font-family:Sora;font-size:17px;font-weight:700}.modal p.hint{color:#ffffff73;margin:0 0 22px;font-size:13.5px;line-height:1.5}.field{margin-bottom:14px}.field label{color:#ffffff59;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field input,.field select,.field textarea{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2e96f599;outline:none;box-shadow:0 0 0 3px #2e96f51f}.field input::placeholder,.field textarea::placeholder{color:#fff3}.field select option{color:#fff;background:#1a1d22}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.empty{text-align:center;color:var(--ink-faint);border:1px dashed var(--border);border-radius:var(--radius-md);padding:56px 24px;font-size:14px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-in{animation:.3s cubic-bezier(.4,0,.2,1) both fadeUp}.anim-in:first-child{animation-delay:40ms}.anim-in:nth-child(2){animation-delay:80ms}.anim-in:nth-child(3){animation-delay:.12s}.anim-in:nth-child(4){animation-delay:.16s}.anim-in:nth-child(5){animation-delay:.2s}.anim-in:nth-child(6){animation-delay:.24s}.anim-in:nth-child(7){animation-delay:.28s}.anim-in:nth-child(8){animation-delay:.32s}.card,.panel{animation:.28s cubic-bezier(.4,0,.2,1) 40ms both fadeUp}.client-card:first-child{animation-delay:30ms}.client-card:nth-child(2){animation-delay:70ms}.client-card:nth-child(3){animation-delay:.11s}.client-card:nth-child(4){animation-delay:.15s}.client-card:nth-child(5){animation-delay:.19s}.client-card:nth-child(6){animation-delay:.23s}.client-card:nth-child(7){animation-delay:.27s}.client-card:nth-child(8){animation-delay:.31s}.content{animation:.25s cubic-bezier(.4,0,.2,1) 60ms both fadeUp}