@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#080a11;--panel:#0e111a;--panel2:#141825;--line:#23283a;--text:#f4f5fb;--muted:#8991a7;--violet:#7c5cff;--violet2:#a879ff;--cyan:#39d9ff;--green:#4be3a2;--amber:#ffc76a;--red:#ff6d8a;--sidebar:248px;--r:18px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;height:100%;overflow:hidden}button,input{font:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.13;border-radius:50%}.a1{width:520px;height:520px;background:var(--violet);top:-230px;right:8%}.a2{width:380px;height:380px;background:var(--cyan);bottom:-220px;left:32%}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh}.sidebar{background:rgba(10,12,20,.92);border-right:1px solid #1b1f2e;padding:20px 14px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 20px;font-family:Manrope}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#9b7cff,#5c3cff);display:grid;place-items:center;box-shadow:0 8px 26px #6f54ff55;transform:rotate(-7deg)}.brand-mark span{font-size:19px;font-weight:800;transform:rotate(7deg)}.brand strong{display:block;font-size:20px;letter-spacing:-.7px}.brand small{display:block;color:#697087;font-size:9px;text-transform:uppercase;letter-spacing:1.8px;margin-top:-2px}.workspace,.profile{width:100%;border:1px solid var(--line);background:#10131d;color:var(--text);border-radius:13px;display:flex;align-items:center;text-align:left;padding:10px;gap:9px}.workspace{margin-bottom:15px}.workspace:hover,.profile:hover{background:#151927}.workspace-icon,.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:linear-gradient(135deg,#23283a,#353c55);font-size:10px;font-weight:700}.workspace span:nth-child(2),.profile span:nth-child(2){min-width:0;flex:1}.workspace b,.profile b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace small,.profile small{color:var(--muted);font-size:9px;display:block;margin-top:2px}.chev{color:var(--muted)}nav{overflow:auto;min-height:0}.nav-label{color:#51586d;font-size:9px;font-weight:700;letter-spacing:1.4px;margin:18px 11px 6px}.nav-item{width:100%;border:0;background:transparent;color:#9299ad;border-radius:10px;display:flex;align-items:center;gap:10px;padding:9px 10px;margin:1px 0;cursor:pointer;text-align:left;transition:.15s}.nav-item i{width:20px;text-align:center;color:#6f768b;font-style:normal;font-size:14px}.nav-item span{flex:1;font-size:12px;font-weight:500}.nav-item em{font-style:normal;color:#60677a;font-size:9px}.nav-item:hover{background:#131722;color:#d7daea}.nav-item.active{background:linear-gradient(90deg,#7054ff1f,#161a28);color:#fff;box-shadow:inset 2px 0 var(--violet)}.nav-item.active i{color:#9e88ff}.ai-nav i{color:#b488ff}.dot{width:6px;height:6px;border-radius:50%}.ok{background:var(--green);box-shadow:0 0 8px #4be3a288}.sidebar-foot{margin-top:auto;padding-top:12px}.usage{background:#0d1019;border:1px solid #1b2030;border-radius:12px;padding:10px;margin-bottom:9px}.usage>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.usage b{color:#c9cedc}.usage-bar{height:4px;background:#1d2232;border-radius:3px;margin:8px 0 6px;overflow:hidden}.usage-bar span{display:block;width:34%;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.usage small{font-size:8px;color:#586075}.topbar{height:66px;border-bottom:1px solid #1a1e2b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(8,10,17,.72);backdrop-filter:blur(18px);position:relative;z-index:4}.command{width:min(520px,48vw);background:#10131c;border:1px solid #24293a;border-radius:10px;color:#70788d;padding:9px 11px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px}.command span:nth-child(2){flex:1}.command kbd,.command-modal kbd{background:#1a1e2a;border:1px solid #2c3245;border-radius:5px;padding:2px 6px;color:#7f879b;font-size:9px}.top-actions{display:flex;gap:8px}.icon-btn,.create-btn{border:1px solid #252b3c;background:#11151f;color:#aeb5c8;border-radius:9px;height:35px}.icon-btn{width:35px}.menu{display:none}.create-btn{background:linear-gradient(135deg,#8365ff,#6747ef);color:white;border-color:#856dff;padding:0 14px;font-size:11px;font-weight:600;box-shadow:0 7px 24px #6f54ff35}.content{height:calc(100vh - 66px);overflow:auto;padding:28px 30px 60px}.eyebrow{color:#777f94;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.hero-row h1{font:700 29px/1.15 Manrope;margin:7px 0 5px;letter-spacing:-1.1px}.hero-row p{margin:0;color:#7f879b;font-size:12px}.spark{background:linear-gradient(135deg,#141827,#11141e);border:1px solid #262c3e;border-radius:13px;padding:10px 13px;display:flex;align-items:center;gap:9px;color:#aeb5c8;font-size:10px}.spark i{font-style:normal;color:#bd91ff;font-size:16px}.grid{display:grid;gap:14px}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.card{background:linear-gradient(145deg,rgba(18,22,33,.92),rgba(12,15,24,.94));border:1px solid #202536;border-radius:var(--r);box-shadow:0 14px 40px #00000020}.metric{padding:17px}.metric .top{display:flex;justify-content:space-between;align-items:center;color:#747c91;font-size:9px}.metric .icon{width:28px;height:28px;border-radius:8px;background:#7460ff18;display:grid;place-items:center;color:#9e89ff}.metric strong{font:700 23px Manrope;display:block;margin:14px 0 4px;letter-spacing:-.8px}.metric small{color:#677084;font-size:9px}.metric .up{color:var(--green)}.main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);margin-bottom:14px}.chart-card{padding:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2{font:600 13px Manrope;margin:0}.section-title small{color:#6b7388;font-size:9px}.chart{height:190px;position:relative;background:linear-gradient(180deg,#795cff0a,transparent);border-radius:12px;overflow:hidden}.chart:before,.chart:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #252a3a}.chart:before{top:33%}.chart:after{top:66%}.bars{height:100%;display:flex;align-items:flex-end;gap:8px;padding:18px 8px 20px}.bar{flex:1;background:linear-gradient(180deg,#8b72ff,#5d45d7);border-radius:5px 5px 2px 2px;opacity:.82;min-width:5px}.bar:nth-child(3n){background:linear-gradient(180deg,#53ddff,#4976ff)}.chart-labels{display:flex;justify-content:space-between;color:#555d72;font-size:8px;margin-top:4px}.activity-card{padding:18px}.activity-list{display:flex;flex-direction:column;gap:13px}.activity-item{display:grid;grid-template-columns:29px 1fr auto;gap:9px;align-items:center}.activity-icon{width:29px;height:29px;border-radius:9px;background:#171c29;display:grid;place-items:center;color:#9d86ff;font-size:11px}.activity-item b{display:block;font-size:10px;font-weight:600}.activity-item small{display:block;font-size:8px;color:#697187;margin-top:2px}.activity-item time{font-size:8px;color:#555d70}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature{padding:17px;min-height:145px;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.feature:hover{transform:translateY(-2px);border-color:#353d58}.feature:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#7b5cff0d;right:-30px;bottom:-45px;filter:blur(4px)}.feature-icon{width:32px;height:32px;border-radius:9px;background:#171b29;display:grid;place-items:center;color:#a68fff;margin-bottom:23px}.feature h3{font:600 12px Manrope;margin:0 0 4px}.feature p{font-size:9px;color:#727a8e;line-height:1.5;margin:0}.feature .badge{position:absolute;top:16px;right:15px;color:#666e83;font-size:8px;border:1px solid #282e41;border-radius:12px;padding:3px 6px}.module-hero{padding:24px;margin-bottom:14px;display:flex;justify-content:space-between;gap:20px;align-items:center}.module-hero h1{font:700 25px Manrope;margin:3px 0 5px}.module-hero p{font-size:11px;color:#7b8398;max-width:600px;line-height:1.55}.primary{background:linear-gradient(135deg,#8668ff,#6647ed);border:0;color:#fff;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:600}.data-card{padding:19px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:#555d72;font-size:8px;padding:8px;border-bottom:1px solid #232839}.data-table td{font-size:9px;padding:12px 8px;border-bottom:1px solid #1b2030;color:#aeb5c7}.pill{display:inline-block;padding:3px 7px;border-radius:12px;background:#4be3a214;color:#60e8ae;font-size:8px}.ai-panel{background:radial-gradient(circle at 90% 0,#7c5cff22,transparent 28%),linear-gradient(145deg,#131725,#0d1019);padding:23px}.ai-title{display:flex;align-items:center;gap:10px}.ai-orb{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#af7cff,#6650ff 45%,#39d9ff);display:grid;place-items:center;box-shadow:0 10px 32px #795eff44}.ai-panel textarea{width:100%;min-height:120px;background:#0b0e16;border:1px solid #282e40;border-radius:12px;color:#dfe3f0;padding:14px;resize:vertical;margin:17px 0 10px;outline:none}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #2a3044;background:#111520;color:#81899e;border-radius:20px;padding:6px 9px;font-size:8px}.command-modal{display:none;position:fixed;inset:0;background:#05060aa8;backdrop-filter:blur(5px);z-index:20;padding-top:11vh}.command-modal.open{display:block}.command-box{width:min(620px,92vw);margin:auto;background:#11141e;border:1px solid #2d3348;border-radius:16px;box-shadow:0 30px 90px #000a;overflow:hidden}.command-input{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #24293a}.command-input input{background:transparent;border:0;outline:0;color:#eef0f8;flex:1;font-size:13px}.command-list{padding:9px}.command-list>small{display:block;color:#545c71;font-size:8px;padding:8px 9px}.command-list button{width:100%;border:0;background:transparent;color:#b8bfd1;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px;border-radius:10px}.command-list button:hover{background:#191d2a}.command-list i{font-style:normal;width:30px;height:30px;border-radius:8px;background:#202536;display:grid;place-items:center;color:#a08aff}.command-list b{font-size:10px;display:block}.command-list small{font-size:8px;color:#687087}.empty{padding:50px;text-align:center;color:#71798e}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}}
@media(max-width:760px){html,body{overflow:auto}.app-shell{display:block}.sidebar{position:fixed;left:-270px;top:0;bottom:0;width:248px;transition:.2s;box-shadow:20px 0 70px #000b}.sidebar.open{left:0}.menu{display:block}.topbar{padding:0 12px;gap:8px}.command{width:auto;flex:1}.command span:nth-child(2),.command kbd{display:none}.top-actions .icon-btn{display:none}.content{height:auto;min-height:calc(100vh - 66px);padding:20px 14px 80px}.stats-grid,.feature-grid{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.hero-row{align-items:flex-start;flex-direction:column}.spark{width:100%}.module-hero{align-items:flex-start;flex-direction:column}.module-hero .primary{width:100%}}
@media(max-width:460px){.stats-grid,.feature-grid{grid-template-columns:1fr}.metric strong{font-size:21px}.top-actions .create-btn{padding:0 10px}.hero-row h1{font-size:25px}}