:root{--primary-color:#2c3e50;--primary-light:#3498db;--primary-dark:#2980b9;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-bg:#f8f9fa;--border-color:#dee2e6;--text-muted:#6c757d;--shadow:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 12px rgba(0, 0, 0, 0.15);--border-radius:8px;--transition:all 0.3s ease}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;margin:0;padding:0;background:#f5f5f5;line-height:1.6;color:#333}.navbar{background:var(--primary-color);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.nav-container{max-width:1500px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:10px;align-items:center}.nav-menu li{margin:0}.nav-menu a,.nav-menu .nav-text{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:var(--transition);display:block}.nav-menu .nav-text{color:rgba(255,255,255,.7);font-size:.85rem;font-family:ui-monospace,sfmono-regular,Menlo,monospace}.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.2)}.nav-menu a:focus{outline:2px solid #fff;outline-offset:2px}.container{max-width:1100px;margin:20px auto;padding:0 20px;width:100%;box-sizing:border-box}h1{margin:0 0 20px;color:var(--primary-color);font-size:1.8rem}h2{margin:30px 0 15px;color:var(--primary-color);font-size:1.3rem;border-bottom:2px solid var(--border-color);padding-bottom:8px}h3{margin:0 0 10px;color:var(--primary-color);font-size:1.05rem}p{margin:0 0 12px}p.subtitle{color:var(--text-muted);font-size:.95rem;margin-top:-10px;margin-bottom:20px}code{font-family:ui-monospace,sfmono-regular,Menlo,monospace;background:var(--light-bg);padding:2px 6px;border-radius:4px;font-size:.9em}.card{background:#fff;padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:24px}.card h2:first-child{margin-top:0}.section-help{color:var(--text-muted);font-size:.9rem;margin:-8px 0 16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px 24px}.form-grid.full-width{grid-template-columns:1fr}.form-row{display:flex;flex-direction:column;gap:6px}.form-row.span-2{grid-column:span 2}label{font-weight:600;font-size:.9rem;color:#333}label .required{color:var(--error-color)}.form-row .help-text{color:var(--text-muted);font-size:.825rem}input[type=text],input[type=url],input[type=password],input[type=email],input[type=number],select,textarea{padding:9px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.2)}input[readonly],input.readonly{background:var(--light-bg);color:var(--text-muted);cursor:not-allowed}textarea{min-height:100px;resize:vertical;font-family:ui-monospace,sfmono-regular,Menlo,monospace;font-size:.875rem}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);align-items:center}.form-actions .spacer{flex:1}.secret-set-flag{display:inline-flex;align-items:center;gap:4px;color:var(--success-color);font-size:.8rem;font-weight:600;padding:2px 6px;background:rgba(40,167,69,.1);border-radius:4px}.secret-set-flag::before{content:"✓"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-size:.95rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--transition);font-family:inherit;line-height:1.2}.btn:focus{outline:2px solid var(--primary-light);outline-offset:2px}.btn-primary{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary-color);border-color:var(--border-color)}.btn-secondary:hover{background:var(--light-bg)}.btn-danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover{background:#c82333;border-color:#c82333}.btn-warning{background:var(--warning-color);color:#333;border-color:var(--warning-color)}.btn-warning:hover{background:#e0a800}.btn-sm{padding:5px 12px;font-size:.85rem}.btn[disabled]{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid transparent;display:flex;align-items:flex-start;gap:8px}.alert::before{flex-shrink:0;font-weight:700;line-height:1.4}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-success::before{content:"✓"}.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-error::before{content:"!"}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-warning::before{content:"⚠"}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.alert-info::before{content:"ℹ"}.alert strong{margin-right:4px}.table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--light-bg);font-weight:600;color:#333;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:var(--light-bg)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .col-actions{width:1%;white-space:nowrap}.data-table .empty-row td{text-align:center;color:var(--text-muted);padding:32px;font-style:italic}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));padding:20px}.login-card{background:#fff;padding:36px 32px 28px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.login-card h1{margin:0 0 6px;font-size:1.5rem;text-align:center}.login-card .login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:.9rem}.login-card .form-actions{border-top:none;padding-top:0;margin-top:18px}.login-card .btn-primary{width:100%;padding:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:28px 28px 20px}.modal h2{margin-top:0;border-bottom:none;padding-bottom:0}.modal .form-actions{margin-top:20px;padding-top:16px}.secret-once{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:14px 16px;margin:14px 0 4px;font-family:ui-monospace,sfmono-regular,Menlo,monospace;font-size:.92rem;word-break:break-all}.footer{text-align:center;padding:24px 0 8px;color:var(--text-muted);font-size:.85rem}@media(max-width:720px){.nav-container{flex-direction:column;gap:8px}.nav-menu{flex-wrap:wrap;justify-content:center}.form-row.span-2{grid-column:auto}}