:root{--bg: #fdf6ee;--card: #ffffff;--border: #e8d5c0;--text: #1c1208;--text-muted: #8a6a50;--accent: #f97316;--accent-hover: #ea6c0a;--accent-soft: #fff7ed;--input-bg: #f5ede2;--input-border: #d4b896;--error-bg: #fef2f2;--error-border: #fca5a5;--error-text: #991b1b;--success-text: #16a34a;--stat-bg: #fff7ed;--stat-border: #fed7aa;--table-stripe: #fdf0e4;--table-hover: #fce7cc;--badge-radius: 999px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg: #18120e;--card: #221a14;--border: #3d2e24;--text: #f5ede2;--text-muted: #9a7e6e;--accent: #f97316;--accent-hover: #fb923c;--accent-soft: #2c1a0e;--input-bg: #2c2218;--input-border: #4d3828;--error-bg: #2c1414;--error-border: #7f1d1d;--error-text: #fca5a5;--success-text: #4ade80;--stat-bg: #2c2218;--stat-border: #4d3020;--table-stripe: #261e16;--table-hover: #2e2018}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text)}h1,h2,h3,h4{color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer}.container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:820px;box-shadow:0 1px 3px #0000000f,0 4px 16px #f973160a}.app-header{margin-bottom:.2rem}.app-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.app-title span{color:var(--accent)}.app-tagline{font-size:.82rem;color:var(--text-muted);margin:.15rem 0 0}.tabs{display:flex;gap:.25rem;margin:1.5rem 0 1.75rem;border-bottom:1px solid var(--border);padding-bottom:0}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;padding:.5rem .9rem;margin-bottom:-1px;border-radius:0;cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;padding:.6rem .9rem;font-size:.88rem;margin-bottom:1.25rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{font-size:.82rem;font-weight:500;color:var(--text-muted)}input[type=text],select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text);font-size:.92rem;padding:.5rem .75rem;width:100%;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f973161f}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--text);cursor:pointer}.checkbox-field{margin-bottom:1.4rem}button[type=submit]{width:100%;padding:.65rem;font-size:.95rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}button[type=submit]:active:not(:disabled){transform:scale(.99)}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{width:100%;padding:.65rem;font-size:.92rem;font-weight:500;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.api-key-box{background:var(--stat-bg);border:1px solid var(--stat-border);border-radius:10px;padding:1rem 1.1rem;margin-bottom:1.25rem}.api-key-box .label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.api-key-box code{display:block;font-size:.88rem;word-break:break-all;color:var(--accent);font-weight:600;margin:.4rem 0 .2rem}.hint{font-size:.78rem;color:var(--text-muted);margin:.3rem 0 0}.site-details{margin-bottom:1.5rem;border:1px solid var(--border);border-radius:10px;overflow:hidden}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;padding:.6rem .9rem;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:.82rem;color:var(--text-muted);font-weight:500}.usage-results{margin-top:1.5rem}.usage-header{font-size:.88rem;color:var(--text-muted);margin-bottom:.75rem}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden}.usage-table{width:100%;border-collapse:collapse;font-size:.85rem}.usage-table th{text-align:left;color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:.65rem .9rem;background:var(--stat-bg);border-bottom:1px solid var(--border)}.usage-table tr:nth-child(2n) td{background:var(--table-stripe)}.usage-table tr:hover td{background:var(--table-hover)}.usage-table td{padding:.6rem .9rem;border-bottom:1px solid var(--border);color:var(--text);word-break:break-all}.usage-table tr:last-child td{border-bottom:none}.provider-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--badge-radius);font-size:.78rem;font-weight:600;white-space:nowrap}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-state-icon{font-size:2rem;margin-bottom:.5rem;opacity:.4}.empty-state p{margin:0;font-size:.9rem}.analytics-results{margin-top:1.5rem}.analytics-site-name{font-size:1rem;font-weight:600;margin:0 0 1rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.stat-card{background:var(--stat-bg);border:1px solid var(--stat-border);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}.stat-label{font-size:.76rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.chart-section{margin-bottom:2rem}.chart-label{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}