:root{font-family:Segoe UI,Arial,Helvetica,sans-serif;color:#e6f7ff;background:#071018;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #071018;--bg-panel: #0d1722;--bg-panel-2: #101d2b;--bg-input: #172432;--border: #203447;--border-bright: #16e0ff;--text-main: #d8eef7;--text-muted: #7f97aa;--text-dim: #5d7486;--accent: #12e7ff;--accent-2: #0dbfd3;--success: #12e7b8;--danger: #ff4f6f;--warning: #ffc857}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at top left,rgba(18,231,255,.08),transparent 18%),linear-gradient(180deg,#071018,#040b12);color:var(--text-main)}body{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.dashboard-page{min-height:100vh;background:linear-gradient(180deg,rgba(18,231,255,.03),transparent 140px),linear-gradient(180deg,#071018,#040b12)}.topbar{height:54px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 18px 0 24px;background:#080e16f5;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-block{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-name{font-size:1.05rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.brand-divider{color:var(--text-dim)}.brand-section{color:var(--text-muted);font-size:.98rem}.top-tabs{display:flex;align-items:center;gap:8px;height:100%}.top-tab{height:100%;border:none;border-bottom:2px solid transparent;background:transparent;color:#9db3c2;padding:0 16px;cursor:pointer;transition:.2s ease}.top-tab:hover{color:var(--text-main)}.top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:#12e7ff24;color:var(--accent);font-size:.72rem;margin-left:6px;padding:0 6px}.dashboard-layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 54px)}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.01),transparent),#0a131d;padding:18px 16px 24px}.sidebar-section+.sidebar-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.sidebar-title{margin:0 0 12px;color:var(--accent);font-size:.77rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.field-label{display:block;color:#a2bac8;font-size:.88rem;margin-bottom:6px}.dashboard-select,.dashboard-input,.dashboard-textarea{width:100%;background:linear-gradient(180deg,#182635,#152231);color:var(--text-main);border:1px solid #294054;border-radius:4px;padding:10px 12px;outline:none;transition:.2s ease}.dashboard-select:focus,.dashboard-input:focus,.dashboard-textarea:focus{border-color:#12e7ffcc;box-shadow:0 0 0 1px #12e7ff33}.dashboard-select{margin-bottom:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dashboard-textarea{resize:vertical;min-height:110px}.dashboard-textarea.compact{min-height:96px}.sidebar-button,.action-button{background:linear-gradient(180deg,#1a2838,#162231);color:#d9f2f8;border:1px solid #30485c;border-radius:4px;padding:11px 14px;cursor:pointer;transition:.2s ease}.sidebar-button:hover,.action-button:hover{border-color:var(--accent);color:#fff}.sidebar-button{width:100%;margin-top:8px}.sidebar-button.danger{color:#ff778f;border-color:#ff4f6f73;background:linear-gradient(180deg,#501a23cc,#3d131ccc)}.sidebar-note{color:var(--text-dim);font-size:.84rem;line-height:1.5;margin:14px 0 0}.main-panel{padding:22px 28px 36px;background:linear-gradient(180deg,rgba(18,231,255,.02),transparent 260px),transparent}.panel-card{background:linear-gradient(180deg,#ffffff04,#ffffff03);border:1px solid var(--border);border-radius:8px;padding:18px 18px 16px;box-shadow:inset 0 0 0 1px #ffffff04;max-width:900px}.panel-card+.panel-card{margin-top:18px}.import-card{border-color:#12e7ff59;background:linear-gradient(180deg,#12e7ff0f,#12e7ff05),#081b22}.panel-title{margin:0 0 16px;color:var(--text-main);text-transform:uppercase;letter-spacing:.14em;font-size:.84rem;font-weight:700}.section-header{margin:24px 0 12px;padding-top:10px;border-top:1px solid var(--border);color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700}.section-header.no-margin{margin-top:0;padding-top:0;border-top:none}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px 14px}.field-group{min-width:0}.browser-selection-box{min-height:96px;background:linear-gradient(180deg,#172432,#13202d);border:1px solid #294054;border-radius:4px;padding:10px 12px}.checkbox-list{display:grid;gap:8px;margin-top:10px}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.92rem}.checkbox-row input{accent-color:var(--accent)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.metric-placeholder{min-width:0}.action-row{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.action-button.primary{background:linear-gradient(180deg,#19e4cc,#13c4af);border-color:#12e7b8a6;color:#001317;font-weight:700}.action-button.primary:hover{filter:brightness(1.05);color:#001317}.action-button:disabled{opacity:.7;cursor:not-allowed}.status-banner{max-width:900px;padding:12px 14px;border-radius:6px;margin-bottom:14px;border:1px solid}.status-banner.error{background:#ff4f6f14;border-color:#ff4f6f66;color:#ff8ea2}.status-banner.success{background:#12e7b814;border-color:#12e7b866;color:#79f5d8}.import-text{margin:8px 0;color:#a6c0cf}.stats-strip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:18px;max-width:1200px}.stat-box{background:linear-gradient(180deg,#111c28,#0d1722);border:1px solid var(--border);border-radius:6px;padding:14px 14px 12px}.stat-label{display:block;color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.stat-value{color:var(--accent);font-size:1.05rem;font-weight:700}.table-wrap{overflow-x:auto}.dashboard-table{width:100%;min-width:980px;border-collapse:collapse}.dashboard-table th,.dashboard-table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(38,61,81,.8);vertical-align:top}.dashboard-table th{color:var(--accent);font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;background:#12e7ff08}.dashboard-table td{color:#cde5ee;font-size:.92rem}.dashboard-table tbody tr:hover{background:#12e7ff08}.url-cell{max-width:260px;word-break:break-word}.empty-cell{text-align:center;color:var(--text-dim);padding:26px 12px!important}.ranking-list{display:grid;gap:12px;max-width:900px}.ranking-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,#111b27,#0c1620)}.ranking-left{display:flex;align-items:center;gap:14px}.ranking-number{width:34px;height:34px;border-radius:999px;border:1px solid rgba(18,231,255,.4);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;flex-shrink:0}.ranking-browser{color:#ecfbff;font-weight:700;margin-bottom:4px}.ranking-score{color:var(--success);font-size:1.15rem;font-weight:700;text-align:right}.ranking-subtext{color:var(--text-dim);font-size:.85rem}.energy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1000px}.energy-card{padding:16px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,#111b27,#0c1620)}.energy-browser{color:var(--accent);font-size:.86rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.energy-value{color:#f2ffff;font-size:1.25rem;font-weight:700;margin-bottom:8px}.energy-subtext{color:var(--text-dim);font-size:.86rem;line-height:1.45}.failed-browser-block{max-width:1000px;margin-top:18px;padding:16px;border:1px solid rgba(255,79,111,.28);border-radius:6px;background:#ff4f6f0a}.failed-browser-item{color:#ff9eb0;font-size:.9rem;margin-top:10px}.empty-card{color:var(--text-dim);border:1px dashed var(--border);border-radius:6px;padding:16px;background:#ffffff03}@media (max-width: 1180px){.stats-strip{grid-template-columns:repeat(3,minmax(120px,1fr))}.metrics-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 980px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px;gap:10px}.top-tabs{width:100%;overflow-x:auto}.main-panel{padding:18px 16px 28px}.two-column-grid,.metrics-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 560px){.stats-strip{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.action-button,.sidebar-button{width:100%}}