:root{--bg:#f1f5f9;--card-bg:#ffffff;--text:#0f172a;--text-muted:#64748b;--primary:#3b82f6;--secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#e2e8f0;--radius:1rem;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)}.browser-theme{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);padding:2rem;max-width:1200px;margin:0 auto}.text-center{text-align:center}.text-3xl{font-size:2rem;font-weight:800;letter-spacing:-.025em}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-mono{font-family:'JetBrains Mono',monospace;font-size:.9em}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow);transition:transform 0.2s}.card:hover{transform:translateY(-2px)}.full-width{grid-column:1 / -1}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.card-header i{width:20px;height:20px}.card-title{font-size:1.1rem;font-weight:700;margin:0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f8fafc}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.stat-value{font-size:.9rem;font-weight:600;text-align:right}.stat-row{display:flex;gap:1rem;margin-top:.75rem}.mini-stat{flex:1;background:#f8fafc;padding:.75rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:2rem;font-size:.7rem;font-weight:800;text-transform:uppercase;background:#e2e8f0;color:#475569}.badge.active{background:#dcfce7;color:#15803d}.badge.inactive{background:#fee2e2;color:#b91c1c}.battery-container{width:140px;height:24px;background:#e2e8f0;border-radius:4px;position:relative;overflow:hidden;border:1px solid var(--border)}.battery-level{height:100%;background:var(--success);transition:width 0.5s ease-out}.battery-text{position:absolute;width:100%;text-align:center;font-size:.7rem;font-weight:800;top:50%;transform:translateY(-50%);color:var(--text);mix-blend-mode:difference}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ip-list{font-size:.8rem;font-family:monospace;background:#f1f5f9;padding:.5rem;border-radius:.5rem;margin-top:.5rem}.actions-bar{display:flex;align-items:center}.flex-spacer{flex:1}.btn-group{display:flex;gap:.5rem;background:#fff;padding:.4rem;border-radius:.75rem;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:all 0.2s}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:#fff0;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:#f8fafc}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:#1e293b;color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;transition:all 0.3s;z-index:1000;opacity:0}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr}.stat-row{flex-direction:column}}