:root{--bg: #f4f7fb;--bg-strong: #edf3ff;--panel: rgba(255,255,255,.9);--panel-strong: #ffffff;--panel-soft: #f8fbff;--border: rgba(148, 163, 184, .2);--border-strong: rgba(96, 165, 250, .32);--text: #0f172a;--muted: #53657d;--primary: #2f6df6;--primary-strong: #1d4ed8;--primary-soft: #edf4ff;--success-bg: rgba(22, 163, 74, .08);--success-text: #166534;--shadow-sm: 0 10px 28px rgba(15, 23, 42, .06);--shadow-md: 0 18px 44px rgba(15, 23, 42, .08);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 30%),linear-gradient(180deg,#f8fbff,#eef4fb);color:var(--text);font-family:Inter,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh;background:transparent}.sidebar{width:290px;background:#ffffffb8;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px 20px 24px;box-shadow:inset -1px 0 #94a3b814}.brand-block{padding:12px 0 18px;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 10px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-strong);font-weight:700}.sidebar h1{margin:0;font-size:2rem;letter-spacing:-.06em;color:var(--text)}.sign-out-button{margin-top:14px;padding:0;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:700}.sign-out-button:hover{color:var(--primary-strong)}.sidebar-section{margin-top:28px}.section-header{margin-bottom:12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.selection-card,.stat-box,.builder-panel,.publish-form,.history-panel,.sidebar-note{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-box{padding:16px 14px;display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,#fffffffa,#eff6ffd9)}.stat-label{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.stat-box strong{font-size:1.45rem;line-height:1.1;color:var(--text);letter-spacing:-.05em}.sidebar-note{padding:18px 16px;background:linear-gradient(180deg,#fffffff5,#eff6ffb8);border-color:#93c5fd85}.sidebar-note p{margin:0;color:var(--muted);line-height:1.7}.main-panel{flex:1;padding:30px 28px 48px}.publish-form{max-width:1180px;margin:0 auto;padding:26px 28px 20px;background:#ffffffd1;border-color:#94a3b838;box-shadow:var(--shadow-md)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-header h2{margin:0;font-size:clamp(1.6rem,2vw,2.1rem);letter-spacing:-.06em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;color:var(--text);font-weight:600}input,textarea,select{width:100%;border:1px solid rgba(148,163,184,.45);border-radius:var(--radius-sm);background:var(--panel-strong);color:var(--text);padding:11px 12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#2f6df6cc;box-shadow:0 0 0 4px #2f6df61f}textarea{min-height:96px;resize:vertical}.builder-panel{margin:22px 0 24px;padding:18px 18px 16px;background:linear-gradient(180deg,#eff6ffe6,#fffffff5);border-color:#93c5fda8}.builder-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.builder-header h3{margin:0;font-size:1.08rem;letter-spacing:-.03em}.chip{padding:6px 10px;border-radius:999px;background:var(--primary-soft);border:1px solid rgba(59,130,246,.18);color:var(--primary-strong);font-size:.75rem;font-weight:700;letter-spacing:.04em}.kpi-builder-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);gap:18px;align-items:start}.builder-column{display:flex;flex-direction:column;gap:12px}select[multiple]{min-height:220px;width:100%;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:14px}.secondary-button,.primary-button,.remove-button,.operator-button,.clear-button{border-radius:12px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.secondary-button{background:linear-gradient(180deg,#f4f8ff,#e6f0ff);color:var(--primary-strong);border:1px solid rgba(96,165,250,.34);padding:10px 15px;box-shadow:0 8px 18px #2f6df614}.primary-button{background:linear-gradient(135deg,#3c82f6,#255ee5);border:none;color:#fff;padding:11px 18px;font-size:.94rem;letter-spacing:.02em;box-shadow:0 10px 20px #255ee52e}.remove-button{background:#fef2f2db;border:1px solid rgba(239,68,68,.22);color:#b91c1c;padding:7px 10px}.secondary-button:hover,.primary-button:hover,.remove-button:hover,.operator-button:hover,.clear-button:hover{transform:translateY(-1px)}.secondary-button:disabled,.primary-button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.expression-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.operator-button,.clear-button{border:1px solid var(--border);background:#f8fafc;color:var(--text);padding:8px 10px}.clear-button{border-color:#f8717142;color:#b91c1c}.formula-canvas{margin-top:14px;min-height:90px;padding:18px;border-radius:14px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#f8fbff,#edf4ff);color:var(--text);font-weight:600;display:flex;align-items:center;word-break:break-word;box-shadow:inset 0 1px #fffc}.selected-kpis{margin-top:0}.selected-kpis h4{margin:0 0 10px;font-size:.95rem;letter-spacing:-.02em}.selected-kpis ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.selected-kpis li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#f8fafc,#eef6ff);color:var(--text)}.muted{margin:0;color:var(--muted)}.actions-row{display:flex;justify-content:flex-end;margin-top:8px}.status-box{max-width:1180px;margin:18px auto 0;padding:12px 14px;border-radius:12px;background:var(--success-bg);border:1px solid rgba(34,197,94,.3);color:var(--success-text);font-weight:600}.history-panel{max-width:1180px;margin:26px auto 0;padding:22px 18px;background:#ffffffdb}.history-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.history-panel h2{margin:0;font-size:1.15rem;letter-spacing:-.04em}.history-select-wrap{width:min(340px,100%)}.history-select{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:10px 12px;color:var(--text);font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.14)}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.empty-state{color:var(--muted)}.auth-status{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-status__panel{width:min(480px,100%);padding:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-md)}.auth-status__panel h1{margin:0 0 12px;letter-spacing:-.05em}.auth-status__panel p:not(.eyebrow){color:var(--muted);line-height:1.6}.auth-spinner{width:28px;height:28px;margin-top:20px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.kpi-builder-grid{grid-template-columns:1fr}.main-panel{padding:22px 16px 40px}.publish-form,.history-panel,.status-box{max-width:none}.history-header{flex-direction:column;align-items:flex-start}}