:root { --gl-primary:#2563eb; --gl-ink:#172033; --gl-muted:#64748b; --gl-bg:#f4f7fb; --gl-line:#e5eaf2; }
body { background:var(--gl-bg); color:var(--gl-ink); font-size:.925rem; }
.navbar-brand { font-weight:700; letter-spacing:.02em; }
.sidebar { min-height:calc(100vh - 56px); background:#fff; border-right:1px solid var(--gl-line); }
.sidebar .nav-link { color:#516174; border-radius:8px; margin:2px 10px; padding:.62rem .8rem; }
.sidebar .nav-link:hover,.sidebar .nav-link.active { color:var(--gl-primary); background:#eff5ff; }
.main-content { min-height:calc(100vh - 56px); }
.metric-card,.panel { border:1px solid var(--gl-line); border-radius:10px; background:#fff; box-shadow:0 2px 8px rgba(15,23,42,.03); }
.metric-card { padding:1rem 1.1rem; height:100%; }
.metric-value { font-size:1.8rem; font-weight:700; line-height:1.15; }
.metric-label { color:var(--gl-muted); font-size:.82rem; }
.table thead th { color:#64748b; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.table td { vertical-align:middle; }
.opinion-title { max-width:360px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.status-dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:5px; }
.login-page { min-height:100vh; background:linear-gradient(135deg,#0f172a,#1d4ed8); display:flex; align-items:center; }
.login-card { max-width:430px; width:100%; margin:auto; border:0; border-radius:14px; box-shadow:0 20px 50px rgba(0,0,0,.2); }
.chart-wrap { height:300px; position:relative; }
.empty-state { padding:3rem 1rem; color:var(--gl-muted); text-align:center; }
.theme-dark { --gl-bg:#0f172a; --gl-ink:#e2e8f0; --gl-muted:#94a3b8; --gl-line:#263247; }
.theme-dark .sidebar,.theme-dark .metric-card,.theme-dark .panel,.theme-dark .navbar { background:#111c2f !important; color:var(--gl-ink); }
.theme-dark .table { --bs-table-bg:transparent; --bs-table-color:var(--gl-ink); }
.theme-dark .form-control,.theme-dark .form-select { background:#17243a; color:#e2e8f0; border-color:#334155; }
@media(max-width:767.98px){ .sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--gl-line)} .main-content{min-height:auto} .opinion-title{max-width:180px} }