@import url("../fonts/inter.css");:root{--sidebar-w:260px;--sidebar-bg:#101840;--sidebar-hover:#1e293b;--sidebar-active:#088e0c;--sidebar-text:#94a3b8;--sidebar-text-active:#f8fafc;--bg:#f1f5f9;--surface:#ffffff;--surface-hover:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9;--text:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--primary:#088e0c;--primary-hover:#1d4ed8;--primary-light:#e8f5e9;--primary-ring:rgba(8, 142, 12, 0.15);--success:#059669;--success-bg:#ecfdf5;--success-text:#065f46;--warning:#d97706;--warning-bg:#fffbeb;--warning-text:#92400e;--danger:#dc2626;--danger-bg:#fef2f2;--danger-text:#991b1b;--info:#0284c7;--info-bg:#f0f9ff;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);--shadow-md:0 4px 12px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);--shadow-lg:0 10px 30px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--app-font-size, 15px)}.dark-theme{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--border-light:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-light:#1a3320;--primary-ring:rgba(8, 142, 12, 0.25);--shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);--shadow-lg:0 10px 30px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2);--success-bg:#064e3b;--success-text:#a7f3d0;--warning-bg:#78350f;--warning-text:#fde68a;--danger-bg:#7f1d1d;--danger-text:#fecaca;--info-bg:#0c4a6e}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.layout{display:flex;min-height:100vh}.content{flex:1;margin-left:var(--sidebar-w);padding:32px;max-width:calc(100vw - var(--sidebar-w))}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);padding:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar h2{font-size:18px;font-weight:800;color:var(--sidebar-text-active);padding:24px 24px 8px;letter-spacing:-.3px}.sidebar>h2+p{padding:0 24px 20px;font-size:12px;color:var(--sidebar-text);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}#sidebar-search-wrapper{padding:0 16px 16px;position:relative}#sidebar-search-input{width:100%;padding:10px 12px 10px 36px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--sidebar-text-active);font-size:13px;outline:0;transition:all .2s}#sidebar-search-input:focus{border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(37,99,235,.15)}#sidebar-search-input::placeholder{color:var(--sidebar-text)}#sidebar-search-wrapper::before{content:"🔍";position:absolute;right:26px;top:4px;font-size:13px;opacity:.5;pointer-events:none}#sidebar-search-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:16px;right:16px;background:var(--sidebar-hover);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);z-index:9999;max-height:260px;overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,.4)}#sidebar-search-dropdown a{display:block;padding:10px 12px;color:var(--sidebar-text);text-decoration:none;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}#sidebar-search-dropdown a:last-child{border-bottom:none}#sidebar-search-dropdown a:hover{background:rgba(255,255,255,.06)}#sidebar-search-dropdown .search-domain{font-weight:600;color:var(--sidebar-text-active);display:block;margin-bottom:2px}#sidebar-search-dropdown .search-client,.sidebar nav a{color:var(--sidebar-text);font-size:11px}#sidebar-search-dropdown .search-empty{padding:12px;color:var(--sidebar-text);font-size:12px;text-align:center}.sidebar nav{padding:8px 12px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;margin-bottom:2px}.sidebar nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar nav a[style*="color:#f59e0b"]{background:var(--sidebar-active)!important;color:var(--sidebar-text-active)!important;font-weight:600!important}.sidebar nav a:last-child{margin-top:16px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px;color:var(--danger)}.sidebar nav a:last-child:hover{background:rgba(220,38,38,.1)}.cards,.topbar-row{gap:16px;margin-bottom:24px}.topbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.topbar-row h1{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.5px}.topbar-row p{font-size:14px;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card,.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.card{padding:20px 24px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card h3,.panel>p,.topbar-row p{color:var(--text-secondary)}.card h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.card strong{font-size:28px;font-weight:800;color:var(--text);display:block}.card a,.login-box a{font-size:13px;color:var(--primary);font-weight:500}.panel{padding:24px}.form-grid label,.panel h2{font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px}.panel>p{font-size:14px;margin-bottom:16px}.form-panel{margin-top:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:20px}.form-grid .full-width{grid-column:1/-1}.form-grid label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;letter-spacing:.2px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;font-family:inherit;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:0}.cache-card textarea:focus,.dns-inline-grid input:focus,.dns-inline-grid select:focus,.domains-search-group input[type=text]:focus,.domains-search-group select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.pagerule-inline-grid input:focus,.pagerule-inline-grid select:focus,.users-search-row input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.dns-inline-grid small,.form-grid small{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:#fff;border:0;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4}.btn:hover,button:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn:active,button:active{transform:translateY(0)}.btn-secondary,.dns-inline-grid input,.dns-inline-grid select{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted);color:var(--text);box-shadow:none;transform:none}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px rgba(220,38,38,.25)}.btn-sm{padding:7px 14px;font-size:13px}.btn-xs{padding:5px 10px;font-size:12px}.table-default{width:100%;border-collapse:collapse}.table-default th{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;letter-spacing:.5px;position:sticky;top:0}.table-default td{text-align:left}.table-default tbody tr:hover,.table-default th{background:var(--surface-hover)}.table-default td a{font-weight:500}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.badge-success{background:var(--success-bg);color:var(--success-text)}.alert.error,.badge-danger,.validation-result.error{background:var(--danger-bg);color:var(--danger-text)}.alert,.validation-result{padding:14px 18px;border-radius:var(--radius-sm);font-size:14px;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.alert.error,.validation-result.error{border:1px solid #fecaca}.validation-result.success{background:var(--success-bg);color:var(--success-text);border:1px solid #a7f3d0}.quick-links{display:flex;gap:8px;flex-wrap:wrap}.quick-links .btn{margin-top:0}.dns-inline-form{margin-top:20px}.dns-cloudflare-panel{padding:0;overflow:hidden;border-radius:var(--radius)}.dns-cf-table{width:100%;border-collapse:collapse}.dns-cf-table th,.dns-inline-grid label,.pagerules-table th,.table-default th,.users-table th{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.dns-cf-table th,.pagerules-table th,.users-table th{background:var(--surface-hover);letter-spacing:.5px;padding:14px 12px;border-bottom:1px solid var(--border)}.dns-cf-table td,.table-default td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}.dns-display-row:hover{background:var(--surface-hover)}.dns-actions-cell{text-align:right;white-space:nowrap}.dns-link-btn{background:0 0;border:0;color:var(--primary);cursor:pointer;padding:4px 8px;font-size:13px;font-weight:500;border-radius:6px;transition:background .15s}.dns-link-btn:hover{background:var(--primary-light);text-decoration:none}.download-tmpl-btn:hover,.edit-btn:hover{color:#000}.delete-tmpl-btn:hover,.edit-tmpl-btn:hover{color:#000!important}.dns-action-menu{position:relative;display:inline-block}.dns-action-dropdown{display:none!important;position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:6px 0;z-index:999}.dns-action-menu.open .dns-action-dropdown{display:block!important}.dns-action-item{width:100%;display:block;text-align:left;background:0 0;border:0;padding:9px 14px;font-size:13px;cursor:pointer;color:var(--text);font-family:inherit;transition:background .1s}.dns-action-item:hover{background:var(--surface-hover)}.dns-inline-editor-row td{background:var(--surface);border-bottom:2px solid var(--primary);padding:20px 16px 24px}.dns-inline-editor-form{width:100%}.dns-inline-grid{display:grid;gap:16px;align-items:end}.dns-inline-grid-main{grid-template-columns:120px 1fr 1.2fr 160px 120px 120px}.dns-inline-grid-comment{grid-template-columns:1fr;margin-top:12px}.dns-inline-grid label{margin:0 0 6px;letter-spacing:.3px}.dns-inline-grid input,.dns-inline-grid select{width:100%;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;transition:border-color .2s;outline:0}.dns-inline-grid small{margin-top:4px;font-size:11px}.dns-inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dns-proxy-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.dns-proxy-badge.proxied{color:var(--warning)}.dns-proxy-badge.dns-only{color:var(--text-secondary)}.dns-cloud-icon{font-size:16px;line-height:1}.dns-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.dns-toggle input{display:none}.dns-toggle-slider{position:relative;width:42px;height:22px;background:var(--border);border-radius:999px;transition:.2s ease}.dns-toggle-slider::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.dns-toggle input:checked+.dns-toggle-slider{background:var(--warning)}.dns-toggle input:checked+.dns-toggle-slider::after{transform:translateX(20px)}.dns-toggle-label{font-size:13px;color:var(--text);font-weight:500}.dns-comment-cell,.users-identity span{color:var(--text-secondary);font-size:13px}#dnsLoading{color:var(--text-muted);padding:18px 12px;text-align:center}.dns-inline-bottombar{margin-top:20px;padding:16px 0 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.dns-inline-bottombar-left,.dns-inline-bottombar-right{display:flex;align-items:center;gap:10px}.cache-grid,.ssl-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px;margin-top:20px}.cache-card h2,.ssl-card h2{margin-bottom:8px}.cache-card p{margin-bottom:16px}.cache-card textarea{width:100%;min-height:160px;resize:vertical;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;transition:border-color .2s;outline:0}.cache-card.danger{border:1px solid #fecaca}.cache-card p,.ssl-card p{color:var(--text-secondary);line-height:1.6;font-size:14px}.ssl-mode-current{font-size:26px;font-weight:800;color:var(--text);margin-bottom:8px}.ssl-note{margin:16px 0;padding:14px 16px;border-radius:var(--radius-sm);background:var(--warning-bg);color:var(--warning-text);border:1px solid #fed7aa;font-size:14px}.ssl-mode-list{display:grid;gap:12px}.ssl-mode-item{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--border)}.ssl-mode-item:last-child{border-bottom:none}.rules-panel{padding:0;overflow:hidden}.pagerules-header-box{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 12px}.pagerules-header-box h2{margin-bottom:4px}.pagerules-table{width:100%;border-collapse:collapse}.pagerules-table td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}.pagerule-display-row:hover{background:var(--surface-hover)}.pagerule-priority-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:12px;min-width:40px;text-align:center}.pagerule-pattern{font-weight:700;color:var(--text);margin-bottom:6px;word-break:break-word;font-size:14px}.pagerule-description{color:var(--text-secondary);line-height:1.6;word-break:break-word;display:grid;gap:2px;font-size:13px}.pagerule-action-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--info-bg);color:var(--info);font-size:12px;font-weight:700;text-transform:uppercase}.pagerule-editor-row td{background:var(--surface);border-bottom:2px solid var(--primary);padding:20px 16px 24px}.pagerule-editor-form{width:100%}.pagerule-inline-grid{display:grid;grid-template-columns:1fr 1fr 200px 160px 120px;gap:16px;align-items:end}.pagerule-inline-grid .full-width{grid-column:1/-1}.pagerule-inline-grid label,.users-inline-grid label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.pagerule-inline-grid input,.pagerule-inline-grid select{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;transition:border-color .2s;outline:0}.pagerule-status-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pagerule-toggle-btn{border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit}.pagerule-toggle-btn.is-active{background:var(--danger-bg);color:var(--danger-text)}.pagerule-toggle-btn.is-active:hover{background:#fee2e2}.pagerule-toggle-btn.is-inactive{background:var(--success-bg);color:var(--success-text)}.pagerule-toggle-btn.is-inactive:hover{background:#d1fae5}#pageRulesLoading{color:var(--text-muted);text-align:center;padding:18px 12px}.search-panel{padding:20px}.domains-search-form{width:100%}.domains-search-group{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.domains-search-group input[type=text]{flex:1;min-width:280px;padding:10px 14px;font-size:14px;font-family:inherit}.domains-search-group select{padding:10px 14px;font-size:14px;font-family:inherit;background:var(--bg-card);color:var(--text);cursor:pointer}.status-filter{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;padding:5px 16px;border-radius:999px;font-size:.934rem;transition:background .15s,color .15s,border-color .15s}.status-filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.status-filter[data-filter=inativo].active{background:#dc2626;border-color:#dc2626;color:#fff}.sync-panel{padding:20px}.sync-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.sync-progress-wrap{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:16px}.sync-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--primary),#6366f1);transition:width .3s ease;border-radius:999px}.sync-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.sync-stats strong{color:var(--text);font-weight:700}.sync-log{display:grid;gap:6px;max-height:200px;overflow-y:auto;padding-top:6px}.sync-log-item{padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text-secondary);font-size:13px;border-left:3px solid var(--primary)}.users-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-top:20px}.users-stat-card{display:flex;flex-direction:column;gap:6px}.users-stat-label{color:var(--text-secondary);font-size:13px;font-weight:600}.users-stat-value{font-size:26px;font-weight:800;color:var(--text)}.users-panel{padding:0;overflow:hidden}.users-panel-header{padding:24px 24px 12px}.users-table{width:100%;border-collapse:collapse}.users-table td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}.users-row:hover{background:var(--surface-hover)}.users-identity{display:flex;flex-direction:column;gap:2px}.users-identity strong{color:var(--text);font-size:14px}.user-role-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.user-badge-admin{background:var(--primary-light);color:var(--primary)}.user-badge-operador{background:var(--info-bg);color:var(--info)}.user-badge-visualizador{background:var(--surface-hover);color:var(--text-secondary)}.users-actions{display:flex;gap:6px;flex-wrap:wrap}.user-self-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--warning-bg);color:var(--warning-text);font-size:12px;font-weight:700}.users-empty-state{padding:40px 24px;color:var(--text-muted);text-align:center}.users-search-panel{padding:20px}.users-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.domains-search-group input[type=text],.domains-search-group select,.users-inline-grid input,.users-inline-grid select,.users-search-row input[type=text]{border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:0;transition:border-color .2s}.users-search-row input[type=text]{flex:1;min-width:280px;padding:10px 14px;font-size:14px}.users-inline-editor-row td{background:var(--surface);border-bottom:2px solid var(--primary);padding:20px 16px 24px}.users-inline-editor-form{width:100%}.users-inline-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;align-items:end}.users-inline-grid input,.users-inline-grid select{width:100%;padding:9px 12px;font-size:13px;font-family:inherit}.users-inline-grid input:focus,.users-inline-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.users-status-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.user-toggle-btn{border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit}.user-toggle-btn.is-active{background:var(--danger-bg);color:var(--danger-text)}.user-toggle-btn.is-active:hover{background:#fee2e2}.user-toggle-btn.is-inactive{background:var(--success-bg);color:var(--success-text)}.user-toggle-btn.is-inactive:hover{background:#d1fae5}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px;margin-top:20px}.settings-card h2{margin-bottom:8px}.login-box>p,.settings-card p{color:var(--text-secondary);font-size:14px}.settings-card p{line-height:1.6;margin-bottom:16px}.domain-tag-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:600;margin:2px 2px 0 0}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);padding:20px}.login-box{width:100%;max-width:420px;background:var(--surface);padding:40px 36px;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(15,23,42,.3);border:1px solid rgba(255,255,255,.05)}.login-box h1{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.5px}.login-box>p{margin-bottom:28px}.login-box label{display:block;font-weight:600;font-size:13px;color:var(--text);margin-bottom:6px}.login-box input[type=email],.login-box input[type=password],.login-box input[type=text]{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;outline:0;transition:border-color .2s,box-shadow .2s;margin-bottom:6px}.login-box input:focus,.logs-filters input:focus,.logs-filters select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.login-box button[type=submit]{width:100%;margin-top:20px;padding:12px;font-size:15px;border-radius:var(--radius-sm)}.login-box .alert{margin-bottom:20px}.login-box a:hover{text-decoration:underline}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.dash-panel-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.dash-panel-title a{font-size:13px;font-weight:500;color:var(--text-secondary)}.dash-panel-title a:hover{color:var(--primary)}.dash-log-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.dash-domain-item:last-child,.dash-log-item:last-child{border-bottom:none}.dash-log-icon{width:34px;height:34px;border-radius:10px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.dash-log-main{flex:1}.dash-log-action{font-weight:600;color:var(--text);font-size:13px}.dash-log-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.dash-log-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.dash-domain-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px;gap:12px}.dash-domain-name{font-weight:600;color:var(--text)}.dash-domain-client,.logs-filters label{font-size:12px;color:var(--text-secondary)}.dash-domain-client{margin-top:2px}.dash-domain-actions{display:flex;gap:6px;flex-shrink:0}.logs-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.logs-filters label{font-weight:600;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.logs-filters input,.logs-filters select{padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;outline:0;transition:border-color .2s}@media (max-width:1280px){.dns-inline-grid-main,.pagerule-inline-grid,.users-inline-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:1024px){.dash-grid{grid-template-columns:1fr}}@media (max-width:900px){.content{margin-left:0;padding:20px;max-width:100%}.sidebar{position:relative;width:100%;height:auto;min-height:auto}.layout{flex-direction:column}.cache-grid,.settings-grid,.ssl-grid{grid-template-columns:1fr}.sync-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}.users-stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:768px){.dns-inline-grid-main{grid-template-columns:1fr}.dns-inline-actions{justify-content:flex-start}.dns-inline-bottombar{flex-direction:column;align-items:flex-start}.form-grid,.pagerule-inline-grid{grid-template-columns:1fr}.domains-search-group,.users-search-row{flex-direction:column;align-items:stretch}.domains-search-group input[type=text],.users-search-row input[type=text]{min-width:100%}.users-inline-grid{grid-template-columns:1fr}.login-box{padding:28px 24px}}@media (max-width:640px){.sync-stats,.users-stats-grid{grid-template-columns:1fr}.logs-filters{flex-direction:column}.logs-filters input,.logs-filters select{width:100%}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0}.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.pagination a{background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none}.pagination a:hover{border-color:var(--primary);color:var(--primary)}.pagination .current{background:var(--primary);color:#fff;border:1px solid var(--primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text-secondary)}