*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}header h1{font-size:24px;font-weight:700}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:#3b82f6;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-secondary{background:#e2e8f0;color:#1a1a2e}.btn-sm{padding:4px 10px;font-size:12px}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 24px #00000014;width:100%;max-width:400px}.login-box h2{margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.sites-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.sites-table table{width:100%;border-collapse:collapse}.sites-table th,.sites-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f1f5f9;font-size:14px}.sites-table th{background:#f8fafc;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sites-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#991b1b}.api-key-cell{display:flex;align-items:center;gap:6px}.api-key-cell code{font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px}.actions{display:flex;gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:32px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 8px 32px #0000001f}.modal h3{margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.proxy-url{display:flex;align-items:center;gap:6px}.proxy-url code{font-size:11px;background:#eff6ff;padding:2px 6px;border-radius:4px;color:#1d4ed8;word-break:break-all}.stats{font-variant-numeric:tabular-nums;color:#64748b}.empty-state{text-align:center;padding:48px 24px;color:#94a3b8}.error{color:#ef4444;font-size:14px;margin-top:8px}.toggle-switch{position:relative;width:40px;height:22px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:11px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.dns-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1000}.dns-panel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;padding:24px;overflow-y:auto;animation:dns-slide-in .2s ease-out}@keyframes dns-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.dns-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.dns-panel-header h3{font-size:18px;font-weight:700}.dns-panel-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:4px}.dns-panel-close:hover{background:#f1f5f9;color:#1a1a2e}.dns-panel-site{font-size:15px;font-weight:600;color:#1d4ed8;background:#eff6ff;padding:10px 14px;border-radius:8px;margin-bottom:20px;word-break:break-all}.dns-panel-section{margin-bottom:20px}.dns-panel-label{font-size:13px;font-weight:500;color:#64748b;margin-bottom:10px}.dns-record-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.dns-record-row{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9}.dns-record-row:last-child{border-bottom:none}.dns-record-key{width:120px;flex-shrink:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.dns-record-value{font-size:14px;font-weight:500}.dns-record-value-copy{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dns-record-value-copy code{font-size:12px;background:#f1f5f9;padding:4px 8px;border-radius:4px;word-break:break-all;flex:1}.dns-verify-result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border-radius:8px;font-size:13px}.dns-verify-result p{margin-top:2px;font-size:12px;opacity:.8}.dns-verify-ok{background:#dcfce7;color:#166534}.dns-verify-fail{background:#fef2f2;color:#991b1b}.dns-verify-icon{font-size:18px;font-weight:700;line-height:1;flex-shrink:0}