@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-glass:#fffc;--border-color:#0a192f14;--text-primary:#0a192f;--text-secondary:#475569;--accent-color:#f03;--accent-gradient:linear-gradient(135deg, #ff4d6d 0%, #f03 100%);--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--sidebar-width:260px;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--color-navy:#007bff;--color-electric-crimson:#f03;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark]{--bg-primary:#050b14;--bg-secondary:#0b1528;--bg-glass:#0b1528b3;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:background .3s,border-color .3s,box-shadow .3s}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);box-sizing:border-box;z-index:100;flex-direction:column;justify-content:space-between;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.logo-container{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logo-icon{background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-size:20px;font-weight:700;font-family:var(--font-display);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #8b5cf64d}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.nav-links{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.active{color:var(--text-primary);background:#8b5cf61f;border:1px solid #8b5cf633}.user-profile{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding-top:16px;display:flex}.avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--accent-color);letter-spacing:.5px;font-size:11px;font-weight:600}.main-content{margin-left:var(--sidebar-width);box-sizing:border-box;flex-grow:1;min-height:100vh;padding:40px}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header h1{font-family:var(--font-display);letter-spacing:-.8px;margin:0;font-size:32px;font-weight:700}.header-actions{gap:16px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf633}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf64d}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-card{flex-direction:column;gap:12px;padding:24px;display:flex}.metric-title{color:var(--text-secondary);font-size:14px;font-weight:500}.metric-value{font-size:32px;font-weight:700;font-family:var(--font-display)}.metric-change{align-items:center;gap:4px;font-size:12px;display:flex}.change-positive{color:var(--success-color)}.change-negative{color:var(--error-color)}.charts-container{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.chart-card{flex-direction:column;padding:24px;display:flex}.chart-title{font-family:var(--font-display);margin-bottom:24px;font-size:18px;font-weight:600}.svg-chart{width:100%;height:260px}.chart-grid-line{stroke:#ffffff0a;stroke-dasharray:4}.chart-line{stroke:var(--accent-color);stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px #8b5cf666)}.chart-area{fill:url(#chart-gradient);opacity:.15}.chart-point{fill:var(--accent-color);stroke:#fff;stroke-width:2.5px;cursor:pointer;transition:r .2s}.chart-point:hover{r:7}.chart-axis-text{fill:var(--text-secondary);font-size:10px;font-family:var(--font-sans)}.prompts-layout{grid-template-columns:1fr 2fr;gap:32px;display:grid}.prompts-list{flex-direction:column;gap:16px;display:flex}.prompt-item-card{cursor:pointer;border:1px solid var(--border-color);padding:16px 20px;transition:all .2s}.prompt-item-card:hover{background:#ffffff03;border-color:#8b5cf666}.prompt-item-card.active{border-color:var(--accent-color);background:#8b5cf60a}.prompt-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.badge{text-transform:uppercase;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.badge-success{color:var(--success-color);background:#10b98126}.badge-secondary{color:var(--text-secondary);background:#ffffff14}.prompt-editor{padding:32px}.form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-control{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-radius:12px;padding:12px 16px;font-size:15px;transition:border-color .2s}.form-control:focus{border-color:var(--accent-color);outline:none}select.form-control option{background-color:var(--bg-secondary);color:var(--text-primary)}textarea.form-control{resize:vertical;min-height:240px;line-height:1.6;font-family:var(--font-sans)}.slider-container{align-items:center;gap:16px;display:flex}.slider-val{color:var(--accent-color);font-size:15px;font-weight:600}.crm-controls{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.search-input{flex-grow:1;max-width:400px}.table-wrapper{border:1px solid var(--border-color);border-radius:16px;overflow-x:auto}.crm-table{border-collapse:collapse;text-align:left;background:var(--bg-glass);width:100%}.crm-table th,.crm-table td{border-bottom:1px solid var(--border-color);padding:16px 24px}.crm-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;font-size:13px;font-weight:600}.crm-table td{font-size:14px}.crm-table tr:hover{background:#ffffff03}.student-name{color:var(--text-primary);font-weight:600}.student-phone{color:var(--text-secondary);font-size:12px}.playground-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.wa-preview{background:#0d1117;border:8px solid #2d3748;border-radius:24px;flex-direction:column;height:600px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.wa-header{color:#fff;background:#075e54;align-items:center;gap:12px;padding:16px;display:flex}.wa-avatar{background:#128c7e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.wa-name-status{flex-direction:column;display:flex}.wa-name{font-size:15px;font-weight:600}.wa-status{opacity:.8;font-size:11px}.wa-chat{background:#0b141a radial-gradient(#ffffff08 1px,#0000 0) 0 0/24px 24px;flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.wa-bubble{white-space:pre-line;border-radius:12px;max-width:75%;padding:10px 14px;font-size:13.5px;line-height:1.5}.wa-bubble-in{color:#e9edef;background:#202c33;border-top-left-radius:0;align-self:flex-start}.wa-bubble-out{color:#e9edef;background:#005c4b;border-top-right-radius:0;align-self:flex-end}.wa-input-area{background:#1f2c34;align-items:center;gap:12px;padding:12px 16px;display:flex}.wa-input{color:#fff;background:#2a3942;border:none;border-radius:20px;flex-grow:1;padding:10px 16px;font-size:14px}.wa-input:focus{outline:none}.wa-send-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-header h2{font-family:var(--font-display);margin:0;font-size:28px;font-weight:700}