:root{--bg-main:#0a0f1c;--bg-surface:#14214b;--bg-surface-hover:#1a2b5e;--primary:#4e9fbf;--primary-glow:#4e9fbf4d;--accent:#5ab0d1;--accent-glow:#5ab0d14d;--text-main:#fff;--text-muted:#e0e0e0;--border-color:#ffffff14;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--glass-shadow:0 8px 32px 0 #0006;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;display:flex}i{width:20px;height:20px}.app-container{width:100%;display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:260px;height:100vh;padding:24px;display:flex;position:fixed}.brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo{background:linear-gradient(135deg, var(--primary), var(--accent));width:40px;height:40px;box-shadow:0 0 15px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.brand h2{letter-spacing:.5px;color:#fff;font-size:18px}.menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.menu-label{color:var(--text-muted);letter-spacing:1px;margin-top:16px;margin-bottom:8px;font-size:11px;font-weight:600}.menu-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.menu-item.active{color:var(--primary);border-left:3px solid var(--primary);background-color:#4e9fbf1a;border-radius:0 8px 8px 0}.user-profile{border-top:1px solid var(--border-color);align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.avatar img{border-radius:50%;width:40px;height:40px}.user-info{flex-grow:1}.user-info .name{font-size:14px;font-weight:600}.user-info .role{color:var(--text-muted);font-size:12px}.settings-icon{color:var(--text-muted);cursor:pointer}.main-content{flex-direction:column;flex-grow:1;gap:24px;margin-left:260px;padding:32px 48px;display:flex}.topbar{justify-content:space-between;align-items:flex-end;display:flex}.client-selector label{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.client-selector select{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;outline:none;min-width:300px;padding:10px 16px;font-family:Inter;font-size:16px;font-weight:600}.topbar-actions{gap:16px;display:flex}.date-picker{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.ai-btn{background:linear-gradient(90deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #4e9fbf66}.ai-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4e9fbf99}.ai-insight-box{border-radius:var(--border-radius);background-color:#4e9fbf0d;border:1px solid #4e9fbf33;padding:24px;position:relative;overflow:hidden}.ai-insight-box:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--accent));width:4px;height:100%;position:absolute;top:0;left:0}.ai-header{color:var(--primary);align-items:center;gap:12px;margin-bottom:12px;display:flex}.ai-header h3{font-size:16px;font-weight:600}.ai-badge{color:var(--text-muted);background:#ffffff1a;border-radius:12px;margin-left:auto;padding:4px 8px;font-size:11px}.ai-insight-box p{color:var(--text-muted);font-size:14px;line-height:1.6}.ai-insight-box strong{color:var(--text-main)}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:12px;padding:20px;transition:transform .3s,border-color .3s;display:flex}.metric-card:hover{border-color:#fff3;transform:translateY(-4px)}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header h4{color:var(--text-muted);font-size:14px;font-weight:500}.icon-primary{color:var(--primary)}.icon-accent{color:var(--accent)}.icon-warning{color:var(--warning)}.icon-danger{color:var(--danger)}.metric-card .value{color:var(--text-main);font-size:28px;font-weight:700}.trend{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.trend.positive{color:var(--success)}.trend.negative{color:var(--danger)}.trend i,.trend svg{width:16px;height:16px}.charts-section{grid-template-columns:2fr 1fr;gap:20px;display:grid}.chart-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;padding:20px;display:flex}.chart-header{margin-bottom:20px}.chart-header h3{font-size:16px;font-weight:600}.main-chart{flex:1}.post-list{flex-direction:column;gap:16px;list-style:none;display:flex}.post-item{background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .3s;display:flex}.post-item:hover{border-color:var(--border-color);background:#ffffff0d}.post-thumb{background-color:#2a3b4c;background-position:50%;background-size:cover;border-radius:8px;width:48px;height:48px}.thumb-1{background-image:url(https://images.unsplash.com/photo-1606811841689-23dfddce3e95)}.thumb-2{background-image:url(https://images.unsplash.com/photo-1588776814546-1ffcf47267a5)}.thumb-3{background-image:url(https://images.unsplash.com/photo-1590620864332-9cb0b40eb429)}.post-details{flex-grow:1}.post-details h5{margin-bottom:4px;font-size:14px;font-weight:500}.post-details span{color:var(--text-muted);font-size:12px}.post-score{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.post-score.success{color:var(--primary);background:#4e9fbf1a}.post-score.warning{color:var(--warning);background:#f59e0b1a}.login-container{background:radial-gradient(circle at 100% 0,#14214b,#0a0f1c);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;max-width:400px;box-shadow:var(--glass-shadow);flex-direction:column;gap:24px;padding:40px;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.login-logo{justify-content:center;align-items:center;width:220px;height:auto;margin-bottom:8px;display:flex}.login-header h1{color:var(--text-main);font-size:24px}.login-header p{color:var(--text-muted);font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);font-size:13px;font-weight:500}.input-group input{border:1px solid var(--border-color);color:var(--text-main);background-color:#0a0f1c;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.login-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s}.login-btn:hover{opacity:.9}select option{color:#f8fafc;background-color:#0a0f1c}