@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#0b0b0f;--bg-secondary:#111116;--bg-elevated:#17171d;--bg-hover:#1e1e28;--bg-active:#262633;--glass-bg:#ffffff06;--glass-border:#ffffff0d;--text-primary:#e8e8ed;--text-secondary:#8585a0;--text-tertiary:#50506a;--accent-primary:#816fed;--accent-primary-soft:#816fed1f;--accent-teal:#34d1a8;--accent-teal-soft:#34d1a81f;--accent-amber:#f0b429;--accent-amber-soft:#f0b4291f;--accent-rose:#f06292;--accent-rose-soft:#f062921a;--accent-sage:#66bb6a;--accent-sage-soft:#66bb6a1f;--telegram:#29a0da;--instagram:#e1306c;--whatsapp:#25d366;--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--sidebar-width:64px;--topbar-height:60px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");position:fixed;inset:0}.gradient-orb-1{pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(circle,#816fed2e 0%,#816fed0f 35%,#0000 65%);width:800px;height:800px;position:fixed;top:-200px;right:-50px}.gradient-orb-2{pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(circle,#34d1a826 0%,#34d1a80d 35%,#0000 65%);width:700px;height:700px;position:fixed;bottom:-200px;left:-150px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:99px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{width:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.fade-in{animation:fadeInUp .7s var(--ease-out)both}.fade-in-delay-1{animation-delay:60ms}.fade-in-delay-2{animation-delay:.12s}.fade-in-delay-3{animation-delay:.18s}.fade-in-delay-4{animation-delay:.24s}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#111116e6;border-right:1px solid #ffffff08;flex-direction:column;align-items:center;height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0}.sidebar-logo{background:linear-gradient(135deg,#816fed,#a78bfa);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:36px;display:flex;box-shadow:0 4px 16px #816fed4d}.sidebar-logo svg{fill:#fff;width:20px;height:20px}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.nav-divider{background:#ffffff0a;width:20px;height:1px;margin:6px 0}.nav-item{width:36px;height:36px;color:var(--text-tertiary);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--text-secondary);background:#ffffff0a}.nav-item.active{color:var(--accent-primary);background:var(--accent-primary-soft);box-shadow:0 0 16px #816fed1a}.nav-item svg{width:18px;height:18px}.nav-badge{background:var(--accent-rose);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 2px 6px #f0629266}.nav-bottom{flex-direction:column;align-items:center;gap:6px;margin-top:auto;display:flex}.nav-avatar{background:linear-gradient(135deg,var(--accent-teal),#816fed);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.live-dot{background:var(--accent-teal);border-radius:99px;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #34d1a880}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:#0b0b0fb3;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-search{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:8px;width:260px;padding:7px 14px;display:flex}.topbar-search:focus-within{border-color:#816fed4d;box-shadow:0 0 0 3px #816fed0f}.topbar-search svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.8rem}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-search kbd{color:var(--text-tertiary);background:#ffffff0d;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:9px}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-btn{width:34px;height:34px;color:var(--text-tertiary);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar-btn:hover{color:var(--text-secondary);background:#ffffff0a}.topbar-btn svg{width:16px;height:16px}.notif-dot{background:var(--accent-rose);border:2px solid var(--bg-primary);border-radius:99px;width:6px;height:6px;position:absolute;top:7px;right:7px}.page-content{max-width:1400px;padding:24px 28px 60px}.welcome{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.welcome-title{letter-spacing:-.03em;margin-bottom:6px;font-size:2.5rem;font-weight:800;line-height:1.1}.welcome-sub{color:var(--text-secondary);font-size:.85rem}.welcome-sub strong{color:var(--text-primary);font-weight:600}.welcome-actions{gap:10px;display:flex}.btn{border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.btn svg{width:14px;height:14px}.btn-primary{color:#fff;background:linear-gradient(135deg,#816fed,#9b8afe);box-shadow:0 4px 16px #816fed4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #816fed66}.btn-ghost{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff0d}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease-out);border:1px solid #ffffff0d;border-radius:18px;padding:18px 20px 14px;position:relative;overflow:hidden}.stat-card--purple{background:#816fed1a;border-color:#816fed29;box-shadow:inset 0 0 30px #816fed0a}.stat-card--sage{background:#66bb6a1a;border-color:#66bb6a29;box-shadow:inset 0 0 30px #66bb6a0a}.stat-card--amber{background:#f0b4291a;border-color:#f0b42929;box-shadow:inset 0 0 30px #f0b4290a}.stat-card--teal{background:#34d1a81a;border-color:#34d1a829;box-shadow:inset 0 0 30px #34d1a80a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.stat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon svg{width:16px;height:16px}.stat-icon.purple{color:var(--accent-primary);background:#816fed26}.stat-icon.teal{color:var(--accent-teal);background:#34d1a826}.stat-icon.amber{color:var(--accent-amber);background:#f0b42926}.stat-icon.sage{color:var(--accent-sage);background:#66bb6a26}.stat-value{letter-spacing:-.04em;font-size:2.25rem;font-weight:800;line-height:1}.stat-suffix{color:var(--text-secondary);margin-left:3px;font-size:.65em;font-weight:500}.stat-change{align-items:center;gap:3px;margin-top:4px;font-size:.7rem;font-weight:500;display:flex}.stat-change.up{color:var(--accent-teal)}.stat-change.down{color:var(--accent-rose)}.stat-change svg{width:12px;height:12px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0a;border-radius:18px;padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.card-link{color:var(--text-tertiary);font-size:.8rem;font-weight:500;transition:color .2s}.card-link:hover{color:var(--accent-primary)}.card-more{color:var(--text-tertiary);letter-spacing:2px;border-radius:8px;padding:4px 8px;font-size:1rem;transition:all .2s}.card-more:hover{color:var(--text-secondary);background:#ffffff0a}.card--ai{flex-direction:column;align-items:center;display:flex}.card--ai .card-header{width:100%}.donut-chart{justify-content:center;align-items:center;margin:8px 0;display:flex;position:relative}.donut-label{flex-direction:column;align-items:center;display:flex;position:absolute}.donut-value{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.donut-text{color:var(--text-tertiary);margin-top:-2px;font-size:.7rem;font-weight:500}.grid-2{grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-2-equal{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.conv-item{cursor:pointer;border-radius:12px;gap:10px;padding:10px;transition:background .2s;display:flex}.conv-item:hover{background:#ffffff06}.conv-item+.conv-item{margin-top:1px}.conv-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex}.conv-body{flex:1;min-width:0}.conv-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conv-name{align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.conv-time{color:var(--text-tertiary);font-size:.65rem}.conv-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.3;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid #ffffff0a;padding:0 4px 8px;font-size:.7rem;font-weight:500}.orders-table td{padding:8px 4px;font-size:.78rem}.orders-table tr+tr td{border-top:1px solid #ffffff06}.order-id{color:var(--text-tertiary);font-weight:500}.order-amount{font-weight:600}.order-status{border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:600}.order-status.done{background:var(--accent-teal-soft);color:var(--accent-teal)}.order-status.progress{background:var(--accent-amber-soft);color:var(--accent-amber)}.order-status.cancel{background:var(--accent-rose-soft);color:var(--accent-rose)}.order-status.new{background:var(--accent-primary-soft);color:var(--accent-primary)}.ai-live{background:var(--accent-teal-soft);color:var(--accent-teal);border:1px solid #34d1a81f;border-radius:99px;align-items:center;gap:6px;padding:3px 12px;font-size:.65rem;font-weight:600;display:inline-flex}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-equal{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:flex-start;gap:14px}.page-content{padding:16px}}