@import "https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";
@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}*{box-sizing:border-box}body{color:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-color:#0d0f12;background-image:radial-gradient(700px 500px at 5% -10%,#5fcb462e 0%,#0000 60%),radial-gradient(600px 400px at 95% 5%,#2e96f526 0%,#0000 55%),radial-gradient(800px 400px at 50% 115%,#ffd23f1f 0%,#0000 55%),radial-gradient(400px 300px at 80% 60%,#5fcb460f 0%,#0000 50%),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.025em;font-family:Sora,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);background:#0d0f12cc;flex-direction:column;flex-shrink:0;gap:1px;width:228px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.sb-logo{align-items:center;gap:9px;padding:8px 10px 22px;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:16px;font-weight:700}.sb-section{letter-spacing:.07em;text-transform:uppercase;color:#fff3;padding:12px 12px 5px;font-size:10px;font-weight:700}.nav-item{color:#ffffff80;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item i{text-align:center;flex-shrink:0;width:20px;font-size:17px}.nav-item:hover{color:#ffffffd9;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(135deg,#5fcb461f,#2e96f51f);font-weight:600;box-shadow:inset 0 0 0 1px #ffffff12}.nav-item.active:before{content:"";background:linear-gradient(#5fcb46,#2e96f5);border-radius:99px;width:2.5px;position:absolute;top:22%;bottom:22%;left:0}.nav-item.active i{color:#7ee85c}.sb-foot{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:14px}.sb-avatar{align-items:center;gap:9px;padding:4px 10px;display:flex}.sb-avatar .avi{background:linear-gradient(135deg,#5fcb46,#2e96f5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.sb-avatar .sb-name{color:#fff;font-size:12px;font-weight:600}.sb-avatar .sb-plan{color:#ffffff4d;margin-top:1px;font-size:10.5px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0d0f1299;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.topbar h1{color:#fff;margin:0;font-family:Sora;font-size:18px;font-weight:700}.topbar .sub{color:#ffffff59;margin-top:3px;font-size:12px}.topbar-right{align-items:center;gap:8px;display:flex}.search-bar{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;width:200px;height:36px;padding:0 12px;display:flex}.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:#ffffff40}.tb-divider{background:#ffffff14;width:1px;height:22px;margin:0 2px}.icon-btn{cursor:pointer;color:#fff9;background:#ffffff12;border:1px solid #ffffff1a;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:#ffffff1c}.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{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a}.btn-ghost:hover{color:#fff;background:#ffffff17}.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);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;padding:20px;transition:all .2s;position:relative;overflow:hidden}.stat:hover{border-color:#ffffff24;transform:translateY(-2px)}.stat:before{content:"";border-radius:16px 16px 0 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{filter:blur(20px);opacity:.12;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.stat.green .glow{background:#5fcb46}.stat.blue .glow{background:#2e96f5}.stat.yellow .glow{background:#ffd23f}.stat.purple .glow{background:#a855f7}.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;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff12;align-items:center;gap:13px;padding:18px;text-decoration:none;transition:all .2s;display:flex}.client-card:hover{border-color:var(--border-hover);background:#ffffff14;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;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff12;width:100%;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{border-radius:var(--radius-xl);background:#1a1d22;border:1px solid #ffffff1a;width:100%;max-width:440px;padding:28px 30px;box-shadow:0 25px 60px #00000080}.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:#ffffff4d;border-radius:var(--radius-md);border:1px dashed #ffffff14;padding:56px 24px;font-size:14px;line-height:1.6}