@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root,[data-color-theme=hunonic]{--theme-50:#e8f5e9;--theme-100:#c8e6c9;--theme-200:#a5d6a7;--theme-300:#81c784;--theme-400:#66bb6a;--theme-500:#2e7d32;--theme-600:#27692b;--theme-700:#1b5e20;--theme-800:#145218;--theme-900:#0d3b10;--theme-rgb:46,125,50;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.15);--orb-1:rgba(var(--theme-rgb),.45);--orb-1-luminous:rgba(var(--theme-rgb),.25);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-700));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-color-theme=ocean]{--theme-50:#eff6ff;--theme-100:#dbeafe;--theme-200:#bfdbfe;--theme-300:#93c5fd;--theme-400:#60a5fa;--theme-500:#2563eb;--theme-600:#1d4ed8;--theme-700:#1e40af;--theme-800:#1e3a8a;--theme-900:#172554;--theme-rgb:37,99,235;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.12);--orb-1:rgba(var(--theme-rgb),.4);--orb-1-luminous:rgba(var(--theme-rgb),.25);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-600));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-color-theme=royal]{--theme-50:#f5f3ff;--theme-100:#ede9fe;--theme-200:#ddd6fe;--theme-300:#c4b5fd;--theme-400:#a78bfa;--theme-500:#7c3aed;--theme-600:#6d28d9;--theme-700:#5b21b6;--theme-800:#4c1d95;--theme-900:#3b0764;--theme-rgb:124,58,237;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.12);--orb-1:rgba(var(--theme-rgb),.4);--orb-1-luminous:rgba(var(--theme-rgb),.25);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-600));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-color-theme=sunset]{--theme-50:#fff7ed;--theme-100:#ffedd5;--theme-200:#fed7aa;--theme-300:#fdba74;--theme-400:#fb923c;--theme-500:#ea580c;--theme-600:#c2410c;--theme-700:#9a3412;--theme-800:#7c2d12;--theme-900:#431407;--theme-rgb:234,88,12;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.12);--orb-1:rgba(var(--theme-rgb),.4);--orb-1-luminous:rgba(var(--theme-rgb),.2);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-600));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-color-theme=cherry]{--theme-50:#fff1f2;--theme-100:#ffe4e6;--theme-200:#fecdd3;--theme-300:#fda4af;--theme-400:#fb7185;--theme-500:#e11d48;--theme-600:#be123c;--theme-700:#9f1239;--theme-800:#881337;--theme-900:#4c0519;--theme-rgb:225,29,72;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.12);--orb-1:rgba(var(--theme-rgb),.4);--orb-1-luminous:rgba(var(--theme-rgb),.2);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-600));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-color-theme=amber]{--theme-50:#fffbeb;--theme-100:#fef3c7;--theme-200:#fde68a;--theme-300:#fcd34d;--theme-400:#fbbf24;--theme-500:#d97706;--theme-600:#b45309;--theme-700:#92400e;--theme-800:#78350f;--theme-900:#451a03;--theme-rgb:217,119,6;--accent-color:var(--theme-500);--accent-light:var(--theme-400);--accent-glow:rgba(var(--theme-rgb),.2);--accent-gradient:linear-gradient(135deg,var(--theme-500),var(--theme-600));--hunonic-green:var(--theme-500);--hunonic-green-light:var(--theme-400);--hunonic-green-glow:rgba(var(--theme-rgb),.2);--grid-color:rgba(var(--theme-rgb),.12);--orb-1:rgba(var(--theme-rgb),.4);--orb-1-luminous:rgba(var(--theme-rgb),.2);--border-input-focus:rgba(var(--theme-rgb),.4);--bg-glass-hover:rgba(var(--theme-rgb),.04);--bubble-self:linear-gradient(135deg,var(--theme-500),var(--theme-600));--bubble-self-shadow:0 2px 12px rgba(var(--theme-rgb),.25);--thread-active:rgba(var(--theme-rgb),.08);--scrollbar-hover:rgba(var(--theme-rgb),.3)}[data-theme=dark][data-color-theme=ocean]{--accent-color:#3b82f6;--accent-light:#60a5fa;--theme-500:#3b82f6;--theme-600:#2563eb}[data-theme=dark][data-color-theme=royal]{--accent-color:#8b5cf6;--accent-light:#a78bfa;--theme-500:#8b5cf6;--theme-600:#7c3aed}[data-theme=dark][data-color-theme=sunset]{--accent-color:#f97316;--accent-light:#fb923c;--theme-500:#f97316;--theme-600:#ea580c}[data-theme=dark][data-color-theme=cherry]{--accent-color:#f43f5e;--accent-light:#fb7185;--theme-500:#f43f5e;--theme-600:#e11d48}[data-theme=dark][data-color-theme=amber]{--accent-color:#f59e0b;--accent-light:#fbbf24;--theme-500:#f59e0b;--theme-600:#d97706}[data-theme=dark][data-color-theme=hunonic],[data-theme=dark]:not([data-color-theme]){--accent-color:#43a047;--accent-light:#66bb6a;--theme-500:#43a047;--theme-600:#2e7d32}
:root{--base-bg:#f0f4f8;--bg-color:#f0f4f8;--bg-primary:#f0f4f8;--bg-secondary:#fff;--grid-color:#2e7d3226;--orb-1:#2e7d3273;--orb-2:#00e5ff66;--orb-1-luminous:#2e7d3240;--orb-2-luminous:#00e5ff40;--glass-bg:#fff9;--glass-border:#fff6;--panel-bg:#ffffff26;--panel-border:#ffffff40;--panel-shadow:#94a3b833;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-color:#2e7d32;--accent-light:#66bb6a;--accent-glow:#2e7d3233;--hunonic-green:#2e7d32;--hunonic-green-light:#43a047;--hunonic-green-glow:#2e7d3233;--border-glass:#0000000f;--border-input:#0000001a;--border-input-focus:#2e7d3266;--bg-input:#ffffffb3;--bg-input-area:#fafbfcb3;--bg-search:#f1f5f9b3;--bg-glass:#00000005;--bg-glass-hover:#2e7d320a;--bubble-self:linear-gradient(135deg,#2e7d32,#1b5e20);--bubble-other:#f1f5f9d9;--bubble-other-border:#0000000f;--bubble-self-shadow:0 2px 12px #2e7d3240;--thread-active:#2e7d3214;--thread-hover:#00000008;--avatar-border:#00000014;--scrollbar-thumb:#00000014;--scrollbar-hover:#2e7d324d}[data-theme=dark]{--base-bg:#0a0f14;--bg-color:#0a0f14;--bg-primary:#0a0f14;--bg-secondary:#0f172a;--grid-color:#2e7d321a;--orb-1:#2e7d3259;--orb-2:#0096ff4d;--orb-1-luminous:#2e7d3266;--orb-2-luminous:#0096ff66;--glass-bg:#0f141980;--glass-border:#ffffff0d;--panel-bg:#0f141933;--panel-border:#ffffff14;--panel-shadow:#00000080;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#43a047;--accent-light:#66bb6a;--accent-glow:#43a04740;--hunonic-green:#43a047;--hunonic-green-light:#66bb6a;--hunonic-green-glow:#43a04740;--border-glass:#ffffff0f;--border-input:#ffffff14;--border-input-focus:#43a04780;--bg-input:#0f172a99;--bg-input-area:#0b112099;--bg-search:#0f172a80;--bg-glass:#ffffff05;--bg-glass-hover:#43a0470f;--bubble-self:linear-gradient(135deg,#2e7d32,#1b5e20);--bubble-other:#1e293bb3;--bubble-other-border:#ffffff0f;--bubble-self-shadow:0 2px 16px #2e7d3240;--thread-active:#43a0471a;--thread-hover:#ffffff08;--avatar-border:#ffffff14;--scrollbar-thumb:#ffffff0f;--scrollbar-hover:#43a04766}body.dark-mode{--base-bg:#0a0f14;--bg-color:#0a0f14;--bg-primary:#0a0f14;--grid-color:#2e7d321a;--orb-1:#2e7d3233;--orb-2:#0096ff33;--glass-bg:#0f141980;--glass-border:#ffffff0d;--panel-bg:#0f141980;--panel-border:#ffffff0f;--panel-shadow:#00000080;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#43a047;--hunonic-green:#43a047;--hunonic-green-light:#66bb6a;--hunonic-green-glow:#43a04740;--border-glass:#ffffff0f;--border-input:#ffffff14;--bg-input:#0f172a99;--bg-search:#0f172a80;--bubble-self:linear-gradient(135deg,#2e7d32,#1b5e20);--bubble-other:#1e293bb3;--bubble-other-border:#ffffff0f;--bubble-self-shadow:0 2px 16px #2e7d3240;--thread-active:#43a0471a;--scrollbar-thumb:#ffffff0f;--scrollbar-hover:#43a04766}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--base-bg);height:100%;transition:background-color .5s}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0000;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .5s;overflow:hidden}#__next{height:100%}.luminous-layout{z-index:3;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.cyber-grid{background-image:linear-gradient(to right,var(--grid-color)1px,transparent 1px),linear-gradient(to bottom,var(--grid-color)1px,transparent 1px);z-index:1;pointer-events:none;opacity:.7;background-size:40px 40px;width:200vw;height:200vh;transition:background-image .5s;animation:15s linear infinite gridMove;position:fixed;top:-50%;left:-50%;transform:perspective(600px)rotateX(65deg)translateY(-80px)translateZ(-150px)}@keyframes gridMove{0%{transform:perspective(600px)rotateX(65deg)translateY(0)translateZ(-150px)}to{transform:perspective(600px)rotateX(65deg)translateY(40px)translateZ(-150px)}}.aurora-container{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.9;border-radius:50%;transition:background .8s;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate floatOrb;position:absolute}.orb-1{background:var(--orb-1-luminous);width:40vw;height:40vw;top:-10%;left:-10%}.orb-2{background:var(--orb-2-luminous);width:35vw;height:35vw;animation-duration:25s;animation-delay:-5s;bottom:-10%;right:-10%}.orb-3{background:var(--orb-1-luminous);opacity:.5;width:25vw;height:25vw;animation-duration:30s;animation-delay:-10s;top:50%;left:50%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,15vh)scale(1.2)}to{transform:translate(-5vw,10vh)scale(.9)}}.glass-panel{border-radius:20px;transition:all .5s;-webkit-backdrop-filter:blur(16px)saturate(1.4)!important;background:#ffffff1f!important;border:1px solid #fff3!important;box-shadow:0 8px 32px #0000001a!important}[data-theme=dark] .glass-panel{background:#0f141940!important;border:1px solid #ffffff0f!important;box-shadow:0 8px 32px #0000004d!important}.glass-panel-override{-webkit-backdrop-filter:blur(16px)!important;background:#ffffff14!important;border:1px solid #ffffff26!important;box-shadow:0 4px 20px #0000000f!important}[data-theme=dark] .glass-panel-override{background:#0f141933!important;border:1px solid #ffffff0a!important;box-shadow:0 4px 20px #0003!important}.chat-bg{-webkit-backdrop-filter:blur(8px)!important;background:0 0!important}.chat-bg:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(circle 1px,var(--scrollbar-thumb)100%,transparent 100%);background-size:32px 32px;transition:opacity .5s;position:absolute;inset:0}.hover-3d-effect{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.hover-3d-effect:hover{box-shadow:0 15px 35px var(--panel-shadow);transform:translateY(-4px)scale(1.02)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--hunonic-green-glow),0 0 12px var(--hunonic-green-glow)}50%{box-shadow:0 0 12px var(--hunonic-green-glow),0 0 24px var(--hunonic-green-glow)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.healthy-dot{animation:2s ease-in-out infinite pulse-dot}.msg-bubble-self{background:var(--bubble-self);color:#fff;box-shadow:var(--bubble-self-shadow);border-radius:18px 18px 4px}.msg-bubble-other{background:var(--bubble-other);border:1px solid var(--bubble-other-border);color:var(--text-primary);border-radius:18px 18px 18px 4px}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem}.theme-toggle-btn{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 12px var(--panel-shadow);border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;transition:all .3s;display:flex}.theme-toggle-btn:hover{box-shadow:0 8px 24px var(--panel-shadow);border-color:var(--accent-color);transform:translateY(-2px)}.scanline-overlay{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#2e7d3204 2px 4px);width:100vw;height:100vh;animation:8s linear infinite scanlineScroll;position:fixed;top:0;left:0}@keyframes scanlineScroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}
:root{--bg-base:#050a08;--hunonic-green:#00b14f;--hunonic-dark:#02592a;--glass-bg:#0f141273;--glass-border:#ffffff14;--text-main:#fff;--text-muted:#a1a1aa}.app-container{background-color:var(--bg-base);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.fluid-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.emerald-blob{filter:blur(90px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle,var(--hunonic-green)0%,var(--hunonic-dark)60%,transparent 80%);width:45vw;height:45vw;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#00e5ff 0%,var(--hunonic-dark)50%,transparent 80%);width:35vw;height:35vw;animation-delay:-5s;bottom:-15%;right:-5%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,-50px)scale(.95)}}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);z-index:1;border-radius:24px;width:95%;max-width:1400px;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 40px #0006}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header h2{color:var(--text-main);margin:0;font-size:1.2rem;font-weight:600}.sidebar-search{border-bottom:1px solid var(--glass-border);padding:12px 16px}.sidebar-search input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0003;border-radius:10px;outline:none;padding:10px 16px;font-size:.85rem;transition:border .3s}.sidebar-search input:focus{border-color:var(--hunonic-green)}.sidebar-search input::placeholder{color:var(--text-muted)}.conversation-list{flex:1;overflow-y:auto}.conversation-list::-webkit-scrollbar{width:4px}.conversation-list::-webkit-scrollbar-thumb{background:#00b14f33;border-radius:10px}.conversation-item{cursor:pointer;border-bottom:1px solid #ffffff08;border-left:3px solid #0000;gap:12px;padding:16px 24px;transition:all .3s;display:flex}.conversation-item:hover,.conversation-item.active{border-left:3px solid var(--hunonic-green);background:#ffffff0d}.conversation-item .avatar{object-fit:cover;border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:44px;height:44px}.conversation-item .avatar-placeholder{background:linear-gradient(135deg,var(--hunonic-green),var(--hunonic-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;display:flex}.conversation-item .info{flex:1;min-width:0}.conversation-item .info h4{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.88rem;font-weight:600;overflow:hidden}.conversation-item .info p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.conversation-item .time{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:.7rem}.conversation-item.active .info h4{color:var(--hunonic-green)}.chat-area{flex-direction:column;flex:1;display:flex}.chat-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:14px;padding:20px 24px;display:flex}.chat-header .header-avatar{object-fit:cover;border:1.5px solid #00b14f4d;border-radius:50%;width:40px;height:40px}.chat-header .header-avatar-placeholder{background:linear-gradient(135deg,var(--hunonic-green),var(--hunonic-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.chat-header .header-info h3{color:var(--text-main);margin:0 0 2px;font-size:1rem;font-weight:600}.status-text{color:var(--hunonic-green);text-shadow:0 0 8px #00b14f66;font-size:.8rem}.message-list{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb{background:#00b14f4d;border-radius:10px}.message{max-width:70%;display:flex}.user-message{align-self:flex-start}.user-message .bubble{color:var(--text-main);word-break:break-word;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:16px 16px 16px 4px;padding:12px 18px;font-size:.9rem;line-height:1.5}.bot-message{align-self:flex-end}.bot-message .bubble{color:var(--text-main);word-break:break-word;background:linear-gradient(135deg,#00b14fcc 0%,#02592ae6 100%);border:1px solid #00b14f66;border-radius:16px 16px 4px;padding:12px 18px;font-size:.9rem;line-height:1.5;box-shadow:0 4px 20px #00b14f40}.bubble .msg-time{color:#ffffff80;text-align:right;margin-top:6px;font-size:.65rem;display:block}.bubble .msg-image{object-fit:cover;cursor:zoom-in;border:1px solid #ffffff14;border-radius:12px;max-width:260px;max-height:240px;margin-bottom:4px;display:block}.bubble .image-placeholder{color:#fff9;align-items:center;gap:6px;font-size:.85rem;display:flex}.chat-input-area{border-top:1px solid var(--glass-border);align-items:flex-end;gap:12px;padding:16px 24px;display:flex}.chat-input{border:1px solid var(--glass-border);color:var(--text-main);resize:none;background:#0003;border-radius:12px;outline:none;flex:1;max-height:120px;padding:14px 20px;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.5;transition:border .3s}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--hunonic-green);box-shadow:0 0 10px #00b14f33}.send-btn{background:var(--hunonic-green);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;padding:14px 24px;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #00b14f66}.send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b14f99}.send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.empty-chat{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-chat .icon{background:#00b14f14;border:1px dashed #00b14f40;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;display:flex}.empty-chat p{font-size:.85rem}.date-separator{text-align:center;margin:8px 0}.date-separator span{color:var(--text-muted);border:1px solid var(--glass-border);background:#0000004d;border-radius:20px;padding:4px 14px;font-size:.7rem}@media (max-width:768px){.sidebar{width:260px}.message{max-width:85%}.bulk-container{flex-direction:column}.bulk-left{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;max-height:40vh}}.bulk-container{background:var(--glass-bg);height:100%;font-family:Inter,sans-serif;display:flex}.bulk-left{border-right:1px solid var(--glass-border);flex-direction:column;gap:12px;width:440px;min-width:360px;padding:16px 16px 0;display:flex}.bulk-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.bulk-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.bulk-card-header span{color:var(--text-main);font-size:.95rem;font-weight:700}.bulk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bulk-control{flex-direction:column;gap:8px;display:flex}.bulk-control.full-width{grid-column:span 2}.bulk-input,.bulk-select,.bulk-range-input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);box-sizing:border-box;background:#0000002e;border-radius:12px;outline:none;padding:10px 12px;font-size:.88rem;transition:border-color .25s}.bulk-input:focus,.bulk-range-input:focus,.bulk-select:focus{border-color:var(--hunonic-green)}.bulk-radio-group{flex-wrap:wrap;gap:12px;display:flex}.bulk-radio{color:var(--text-main);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.bulk-small-input-row{grid-template-columns:1fr auto 1fr auto auto;align-items:center;gap:8px;display:grid}.bulk-small-input-row span{color:var(--text-muted);font-size:.85rem}.bulk-recipient-card{flex:1;min-height:260px}.bulk-recipient-table-wrapper{border:1px solid var(--glass-border);background:#ffffff05;border-radius:14px;overflow-x:auto}.bulk-recipient-table{border-collapse:collapse;width:100%;min-width:100%}.bulk-recipient-table th,.bulk-recipient-table td{text-align:left;color:var(--text-main);border-bottom:1px solid #ffffff0f;padding:12px 14px;font-size:.82rem}.bulk-recipient-table th{color:var(--text-muted);font-weight:600}.bulk-recipient-table tbody tr:hover{background:#ffffff0a}.bulk-recipient-selected{background:#00b14f12}.bulk-empty-row{text-align:center;color:var(--text-muted);padding:24px}.bulk-button-group{flex-wrap:wrap;gap:10px;display:flex}.bulk-switch-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:10px;padding:9px 14px;font-size:.85rem;transition:all .2s}.bulk-switch-btn.active{color:#fff;background:linear-gradient(135deg,var(--hunonic-green),var(--hunonic-dark));border-color:#0000}.bulk-placeholder-row{flex-wrap:wrap;gap:10px;display:flex}.bulk-chip{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 12px;font-size:.82rem;transition:all .2s}.bulk-chip:hover{background:#ffffff14}.bulk-hint{color:var(--text-muted);font-size:.78rem}.bulk-range-row{align-items:center;gap:8px;display:flex}.bulk-right{flex-direction:column;flex:1;min-width:400px;display:flex;overflow-y:auto}.bulk-right-header{border-bottom:1px solid var(--glass-border);padding:20px 24px 12px}.bulk-right-header h3{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.bulk-compose{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.bulk-options{flex-direction:column;gap:8px;display:flex}.bulk-progress-section{flex-direction:column;gap:8px;padding:0 24px 16px;display:flex}.bulk-progress-bar{background:#ffffff0f;border-radius:10px;width:100%;height:8px;overflow:hidden}.bulk-progress-fill{background:linear-gradient(90deg,var(--hunonic-green),#00e5ff);border-radius:10px;height:100%;transition:width .5s;box-shadow:0 0 12px #00b14f66}.bulk-progress-text{color:var(--text-muted);font-family:monospace;font-size:.78rem}.bulk-log{border:1px solid var(--glass-border);background:#0003;border-radius:10px;max-height:200px;margin:0 24px 16px;padding:10px;overflow-y:auto}.bulk-log::-webkit-scrollbar{width:4px}.bulk-log::-webkit-scrollbar-thumb{background:#00b14f26;border-radius:10px}.bulk-log-entry{padding:3px 0;font-family:monospace;font-size:.75rem}.bulk-log-entry.ok{color:var(--hunonic-green)}.bulk-log-entry.err{color:#f43f5e}.bulk-log-entry.warn{color:#f59e0b}.bulk-log-entry.done{color:#06b6d4;margin-top:4px;font-weight:700}.bulk-input-icon-wrapper{flex:1;position:relative}.bulk-input-icon{pointer-events:none;z-index:1;font-size:.85rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.bulk-input-with-icon{padding-left:32px!important}.bulk-btn-green{font-weight:600;background:linear-gradient(135deg,var(--hunonic-green),#00b14f)!important;color:#fff!important;border:none!important}.bulk-btn-green:hover{filter:brightness(1.1);transform:translateY(-1px)}.bulk-send-btn-v2{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#00b14f,#009640);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #00b14f4d}.bulk-send-btn-v2:hover:not(:disabled){background:linear-gradient(135deg,#00c45a,#00a84e);transform:translateY(-2px);box-shadow:0 6px 24px #00b14f73}.bulk-send-btn-v2:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00b14f33}.bulk-send-btn-v2:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bulk-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.bulk-upload-section{flex-direction:column;gap:8px;display:flex}.bulk-upload-area{border:2px dashed var(--glass-border);cursor:pointer;text-align:center;background:#00000014;border-radius:14px;padding:20px;transition:all .25s}.bulk-upload-area:hover{border-color:var(--hunonic-green);background:#00b14f0a}.bulk-upload-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;font-size:.85rem;display:flex}.bulk-upload-status{color:var(--text-main);justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.bulk-upload-done{color:var(--hunonic-green)}.bulk-upload-remove{color:#f43f5e;cursor:pointer;background:#f43f5e26;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;transition:background .2s;display:flex}.bulk-upload-remove:hover{background:#f43f5e4d}.bulk-upload-spinner{border:2px solid #00b14f33;border-top-color:var(--hunonic-green);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.bulk-log-section{margin:0 24px 16px}.bulk-log-header{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.bulk-log-clear{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:3px 10px;font-size:.72rem;transition:all .2s}.bulk-log-clear:hover{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e40}.bulk-log-entry{align-items:flex-start;gap:8px;display:flex}.bulk-log-time{color:var(--text-muted);opacity:.7;min-width:55px;font-family:monospace;font-size:.68rem}.bulk-log-text{font-size:.78rem;line-height:1.4}.bulk-log-ok .bulk-log-text{color:var(--hunonic-green)}.bulk-log-err .bulk-log-text{color:#f43f5e}.bulk-log-warn .bulk-log-text{color:#f59e0b}.bulk-log-info .bulk-log-text{color:#60a5fa}.bulk-log-done .bulk-log-text{color:#06b6d4;font-weight:700}.campaign-container{flex-direction:column;height:100%;font-family:Inter,sans-serif;display:flex;overflow:hidden}.campaign-list-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.campaign-list-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.campaign-list-title{align-items:center;gap:10px;display:flex}.campaign-list-icon{font-size:1.4rem}.campaign-list-title h2{color:var(--text-main,#1a1a2e);margin:0;font-size:1.1rem;font-weight:700}.campaign-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #3b82f64d}.campaign-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b82f666}.campaign-list-body{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.campaign-empty{color:var(--text-muted,#999);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.campaign-empty-icon{opacity:.5;font-size:3rem}.campaign-empty p{font-size:.95rem;font-weight:600}.campaign-empty-hint{color:var(--text-muted);font-size:.78rem}.campaign-spinner{border:3px solid #3b82f626;border-top-color:#3b82f6;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.campaign-card-item{border:1px solid var(--glass-border);background:#ffffff0f;border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;transition:all .2s;display:flex}.campaign-card-item:hover{background:#ffffff1a;border-color:#3b82f633}.campaign-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.campaign-card-info{flex:1;min-width:0}.campaign-card-name{color:var(--text-main,#1a1a2e);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.campaign-card-type{color:var(--text-muted);margin-top:4px;font-size:.72rem;display:inline-block}.campaign-status-badge{white-space:nowrap;border:1px solid;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.campaign-card-progress{flex-direction:column;gap:4px;display:flex}.campaign-progress-bar{background:#ffffff14;border-radius:10px;width:100%;height:6px;overflow:hidden}.campaign-progress-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:10px;height:100%;transition:width .5s}.campaign-progress-text{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.72rem}.campaign-fail-count{color:#ef4444}.campaign-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:.75rem;display:flex}.campaign-card-actions{flex-wrap:wrap;gap:8px;display:flex}.campaign-action-btn{border:1px solid var(--glass-border);color:var(--text-main,#333);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.78rem;transition:all .2s}.campaign-action-btn:hover{background:#ffffff14}.campaign-action-btn.run{color:#3b82f6;background:#3b82f614;border-color:#3b82f633}.campaign-action-btn.run:hover{background:#3b82f626}.campaign-action-btn.stop{color:#f97316;background:#f9731614;border-color:#f9731633}.campaign-action-btn.delete{color:#ef4444}.campaign-action-btn.delete:hover{background:#ef444414}.campaign-topbar{border-bottom:1px solid var(--glass-border);flex-shrink:0;align-items:center;gap:16px;padding:14px 24px;display:flex}.campaign-back-btn{border:1px solid var(--glass-border);color:var(--text-main,#333);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:all .2s}.campaign-back-btn:hover{background:#ffffff0f}.campaign-topbar-title{color:var(--text-main,#1a1a2e);margin:0;font-size:1rem;font-weight:700}.campaign-form-layout{flex:1;display:flex;overflow:hidden}.campaign-left{border-right:1px solid var(--glass-border);flex-direction:column;gap:12px;width:50%;min-width:420px;padding:16px;display:flex;overflow-y:auto}.campaign-right{flex-direction:column;flex:1;min-width:380px;padding:16px;display:flex;overflow-y:auto}.campaign-card{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.campaign-card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.campaign-card-header span{color:var(--text-main,#1a1a2e);font-size:.95rem;font-weight:700}.campaign-content-header{letter-spacing:.02em;font-weight:800}.campaign-char-count{font-family:JetBrains Mono,monospace;color:var(--text-muted)!important;font-size:.78rem!important;font-weight:500!important}.campaign-field{flex-direction:column;gap:6px;display:flex}.campaign-field.campaign-inline{flex-flow:wrap;align-items:center;gap:12px}.campaign-label{color:var(--text-main,#333);flex-shrink:0;min-width:90px;font-size:.82rem;font-weight:600}.campaign-input,.campaign-select{border:1px solid var(--glass-border);width:100%;color:var(--text-main,#333);box-sizing:border-box;background:#0000000f;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.campaign-input:focus,.campaign-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.campaign-input.campaign-sm{width:72px}.campaign-input.campaign-xs{width:56px}.campaign-tag-input{flex:1;min-width:120px}.campaign-checkbox-label{color:var(--text-main,#333);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.campaign-radio-group{gap:16px;display:flex}.campaign-radio{color:var(--text-main,#333);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.campaign-inline-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campaign-inline-inputs span{color:var(--text-muted);font-size:.82rem}.campaign-phone-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px;display:flex}.campaign-range-group{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;display:flex}.campaign-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.campaign-btn-add:hover{box-shadow:0 4px 12px #3b82f64d}.campaign-btn-select{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600}.campaign-btn-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600}.campaign-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #3b82f64d}.campaign-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b82f666}.campaign-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.campaign-add-phone-row{padding:0 2px}.campaign-phone-table-wrap{border:1px solid var(--glass-border);background:#ffffff05;border-radius:10px;flex:1;min-height:120px;overflow-y:auto}.campaign-phone-table{border-collapse:collapse;width:100%}.campaign-phone-table th,.campaign-phone-table td{text-align:left;color:var(--text-main,#333);border-bottom:1px solid #ffffff0a;padding:10px 14px;font-size:.82rem}.campaign-phone-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.campaign-phone-table tbody tr:hover{background:#3b82f60a}.campaign-row-selected{background:#3b82f60f}.campaign-empty-row{text-align:center!important;color:var(--text-muted)!important;padding:24px!important}.campaign-media-toggle{gap:16px;display:flex}.campaign-choose-media-btn{border:1px solid var(--glass-border);color:var(--text-main,#333);cursor:pointer;background:#0000000a;border-radius:8px;align-self:flex-start;padding:10px 20px;font-family:inherit;font-size:.85rem;transition:all .2s}.campaign-choose-media-btn:hover{background:#00000014}.campaign-insert-section{border-top:1px solid #ffffff0a;flex-direction:column;gap:8px;padding-top:8px;display:flex}.campaign-section-label{color:var(--text-main,#333);font-size:.82rem;font-weight:600}.campaign-placeholder-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campaign-template-btn{border:1px solid var(--glass-border);color:var(--text-main,#333);cursor:pointer;background:#0000000a;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:.8rem;transition:all .2s}.campaign-template-btn:hover{background:#3b82f614;border-color:#3b82f633}.campaign-var-label{color:var(--text-main,#333);font-size:.8rem;font-weight:500}.campaign-var-btn{color:#3b82f6;cursor:pointer;background:#3b82f60f;border:1px solid #3b82f626;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:.78rem;transition:all .2s}.campaign-var-btn:hover{background:#3b82f61f}.campaign-textarea{border:1px solid var(--glass-border);width:100%;min-height:160px;color:var(--text-main,#333);resize:vertical;background:#0000000a;border-radius:10px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;transition:border-color .2s}.campaign-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.campaign-textarea::placeholder{color:var(--text-muted)}@media (max-width:900px){.campaign-form-layout{flex-direction:column}.campaign-left{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--glass-border);max-height:50vh}.campaign-right{min-width:unset}}
.typing-container{align-self:flex-end;margin-bottom:4px}.typing-bubble{border-radius:16px 16px 4px;justify-content:center;align-items:center;gap:4px;min-width:60px;height:48px;padding:14px 20px;display:flex;box-shadow:inset 0 0 10px #00b14f1a;background:#0f141299!important;border:1px solid #00b14f4d!important}.wave-bar{background-color:var(--hunonic-green);border-radius:4px;width:4px;height:12px;animation:1.2s ease-in-out infinite ai-wave;box-shadow:0 0 8px #00b14fcc}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes ai-wave{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;background-color:#00e5ff;transform:scaleY(1.5)}}
:root{--sidebar-width:260px;--home-green:#3b8f51;--home-green-light:#e8f5e9;--home-green-dark:#2e7d32;--home-bg:#f5f7fa;--home-card-bg:#fff;--home-text:#1a1a2e;--home-text-secondary:#666;--home-text-muted:#999;--home-border:#00000014;--home-shadow:0 2px 12px #0000000f;--home-shadow-hover:0 8px 32px #3b8f5126}[data-theme=dark]{--home-bg:#0b0f19;--home-card-bg:#111827;--home-green-light:#3b8f511f;--home-text:#e2e8f0;--home-text-secondary:#94a3b8;--home-text-muted:#64748b;--home-border:#ffffff0f;--home-shadow:0 2px 12px #0003;--home-shadow-hover:0 8px 32px #4ade801f}.dashboard-wrapper{background:var(--home-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.dashboard-sidebar{width:var(--sidebar-width);background:var(--home-card-bg);border-right:1px solid var(--home-border);z-index:100;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--home-border);align-items:center;gap:10px;padding:20px 24px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#3b8f51,#2e7d32);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #3b8f5140}.sidebar-logo-text{color:var(--home-green);letter-spacing:-.02em;font-size:.95rem;font-weight:800;line-height:1.2}.sidebar-logo-img{object-fit:contain;width:auto;height:32px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav-item{color:var(--home-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 24px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav-item:hover{color:var(--home-green);background:var(--home-green-light)}.sidebar-nav-item.active{color:var(--home-green);background:var(--home-green-light);font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--home-green);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:700}.sidebar-badge.beta{color:var(--home-green);background:#3b8f511a}.sidebar-badge.new{color:#d97706;background:#eab3081a}.sidebar-footer{border-top:1px solid var(--home-border);padding:16px 24px}.sidebar-footer-item{color:var(--home-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 0;font-family:inherit;font-size:.85rem;transition:color .2s;display:flex}.sidebar-footer-item:hover{color:var(--home-green)}.sidebar-footer-item svg{flex-shrink:0;width:18px;height:18px}.dashboard-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;height:100vh;min-height:100vh;display:flex;overflow-y:auto}.dashboard-topbar{justify-content:flex-end;align-items:center;gap:16px;padding:16px 32px;display:flex}.dashboard-login-btn{background:var(--home-green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 22px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #3b8f5140}.dashboard-login-btn:hover{background:var(--home-green-dark);transform:translateY(-1px);box-shadow:0 4px 16px #3b8f514d}.dashboard-content{flex:1;padding:0 40px 32px}.dashboard-hero{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 50%,#a5d6a7 100%);border-radius:20px;margin-bottom:24px;padding:48px 44px;position:relative;overflow:hidden}[data-theme=dark] .dashboard-hero{background:linear-gradient(135deg,#3b8f5126 0%,#2e7d321a 100%)}.dashboard-hero:before{content:"";background:radial-gradient(circle,#3b8f5126 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-30%;right:-10%}.hero-badge{color:var(--home-green);letter-spacing:.02em;background:#3b8f5126;border-radius:20px;margin-bottom:16px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{color:var(--home-text);letter-spacing:-.02em;margin:0 0 12px;font-size:1.75rem;font-weight:800;line-height:1.3}.hero-description{color:var(--home-text-secondary);max-width:600px;margin:0 0 24px;font-size:.9rem;line-height:1.7}.hero-cta{background:var(--home-card-bg);color:var(--home-text);border:1px solid var(--home-border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-cta:hover{border-color:var(--home-green);color:var(--home-green);transform:translateY(-1px);box-shadow:0 4px 16px #3b8f511a}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.feature-card{background:var(--home-card-bg);border:1px solid var(--home-border);cursor:pointer;border-radius:16px;flex-direction:column;padding:28px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--home-shadow-hover);border-color:#3b8f514d;transform:translateY(-3px)}.feature-card-header{border-radius:12px;justify-content:center;align-items:center;height:110px;margin-bottom:20px;display:flex;position:relative}.feature-card-header.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}[data-theme=dark] .feature-card-header.green{background:linear-gradient(135deg,#3b8f5126,#3b8f5114)}.feature-card-header.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}[data-theme=dark] .feature-card-header.blue{background:linear-gradient(135deg,#2196f326,#2196f314)}.feature-card-header.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}[data-theme=dark] .feature-card-header.purple{background:linear-gradient(135deg,#9c27b026,#9c27b014)}.feature-card-header.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}[data-theme=dark] .feature-card-header.orange{background:linear-gradient(135deg,#ff980026,#ff980014)}.feature-card-header.teal{background:linear-gradient(135deg,#e0f2f1,#b2dfdb)}[data-theme=dark] .feature-card-header.teal{background:linear-gradient(135deg,#00968826,#00968814)}.feature-card-header.pink{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}[data-theme=dark] .feature-card-header.pink{background:linear-gradient(135deg,#e91e6326,#e91e6314)}.feature-card-header.cyan{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}[data-theme=dark] .feature-card-header.cyan{background:linear-gradient(135deg,#00bcd426,#00bcd414)}.feature-card-icon{justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;display:flex}.feature-card-badge{letter-spacing:.02em;border-radius:8px;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px}.feature-card-badge.popular{color:var(--home-green);background:#3b8f5126}.feature-card-badge.coming{color:var(--home-text-muted);background:#64748b1a}.feature-card-title{color:var(--home-text);align-items:center;gap:8px;margin:0 0 8px;font-size:1rem;font-weight:700;display:flex}.feature-card-title svg{width:18px;height:18px;color:var(--home-text-secondary)}.feature-card-desc{color:var(--home-text-secondary);flex:1;margin:0 0 20px;font-size:.82rem;line-height:1.6}.feature-card-action{border:1px solid var(--home-border);color:var(--home-text-secondary);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.feature-card:hover .feature-card-action{border-color:var(--home-green);color:var(--home-green);background:var(--home-green-light)}.feature-card.disabled{opacity:.7;cursor:default}.feature-card.disabled:hover{box-shadow:var(--home-shadow);border-color:var(--home-border);transform:none}.feature-card.disabled:hover .feature-card-action{border-color:var(--home-border);color:var(--home-text-muted);background:0 0}.help-banner{background:var(--home-card-bg);border:1px solid var(--home-border);border-radius:14px;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.help-banner-left{align-items:center;gap:14px;display:flex}.help-banner-icon{background:var(--home-green-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.help-banner-title{color:var(--home-text);margin:0 0 2px;font-size:.92rem;font-weight:700}.help-banner-desc{color:var(--home-text-muted);margin:0;font-size:.78rem}.help-banner-link{color:var(--home-green);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:gap .2s;display:flex}.help-banner-link:hover{gap:10px}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-main{margin-left:0}.features-grid{grid-template-columns:1fr}.dashboard-content{padding:0 16px 24px}.dashboard-hero{padding:28px}.hero-title{font-size:1.4rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:.5s forwards fadeInUp}.feature-card:first-child{animation-delay:50ms}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.15s}.feature-card:nth-child(4){animation-delay:.2s}.feature-card:nth-child(5){animation-delay:.25s}.feature-card:nth-child(6){animation-delay:.3s}.feature-card:nth-child(7){animation-delay:.35s}
.login-page{background:linear-gradient(145deg,#f0fdf4 0%,#e8f5e9 30%,#f5f7fa 70%,#ecfdf5 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}[data-theme=dark] .login-page{background:linear-gradient(145deg,#0a0f0d 0%,#0b0f19 30%,#111827 70%,#0a1a10 100%)}.login-bg-orb{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.login-bg-orb-1{background:radial-gradient(circle,#4ade80,#22c55e);width:400px;height:400px;animation:8s ease-in-out infinite float1;top:-100px;right:-100px}.login-bg-orb-2{background:radial-gradient(circle,#34d399,#10b981);width:300px;height:300px;animation:10s ease-in-out infinite float2;bottom:-80px;left:-60px}.login-bg-orb-3{opacity:.15;background:radial-gradient(circle,#a7f3d0,#6ee7b7);width:200px;height:200px;animation:12s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .login-bg-orb{opacity:.12}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(20px,-25px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}.login-container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:2rem 1.5rem;animation:.6s ease-out fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-icon{background:linear-gradient(135deg,#166534,#22c55e);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex;box-shadow:0 8px 30px #22c55e4d}.login-logo-icon svg{color:#fff;width:28px;height:28px}.login-title{color:#166534;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}[data-theme=dark] .login-title{color:#4ade80}.login-subtitle{color:#6b7280;margin:.4rem 0 0;font-size:.85rem}[data-theme=dark] .login-subtitle{color:#94a3b8}.login-card{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #0000000f;border-radius:20px;width:100%;padding:2rem;box-shadow:0 10px 40px #00000014,inset 0 0 0 1px #ffffff80}[data-theme=dark] .login-card{background:#1e293bd9;border-color:#ffffff0f;box-shadow:0 10px 40px #0006,inset 0 0 0 1px #ffffff0a}.login-card-title{color:#1a1a2e;text-align:center;margin:0 0 1.5rem;font-size:1.3rem;font-weight:700}[data-theme=dark] .login-card-title{color:#e2e8f0}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-field label{color:#374151;letter-spacing:.02em;font-size:.8rem;font-weight:600}[data-theme=dark] .login-field label{color:#94a3b8}.login-field input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.95rem;transition:all .2s}.login-field input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}[data-theme=dark] .login-field input{color:#e2e8f0;background:#111827;border-color:#ffffff1a}[data-theme=dark] .login-field input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801f}.login-field input::placeholder{color:#9ca3af}[data-theme=dark] .login-field input::placeholder{color:#475569}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.85rem;font-weight:500;display:flex}[data-theme=dark] .login-error{color:#f87171;background:#dc26261a;border-color:#dc26264d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#166534,#22c55e);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 20px #22c55e4d}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px #22c55e66}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-switch{text-align:center;color:#6b7280;margin-top:1.2rem;font-size:.85rem}[data-theme=dark] .login-switch{color:#94a3b8}.login-switch button{color:#22c55e;cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;margin-left:.4rem;padding:0;font-family:inherit;transition:color .2s}.login-switch button:hover{color:#16a34a}[data-theme=dark] .login-switch button{color:#4ade80}[data-theme=dark] .login-switch button:hover{color:#86efac}.login-footer{color:#9ca3af;text-align:center;margin-top:2rem;font-size:.75rem}[data-theme=dark] .login-footer{color:#475569}@media (max-width:480px){.login-container{max-width:100%;padding:1.5rem 1rem}.login-card{border-radius:16px;padding:1.5rem}}