:root{--bg: #f8f9fa;--bg-card: #ffffff;--bg-sidebar: #1a1a2e;--text: #212529;--text-muted: #6c757d;--text-sidebar: #e0e0e0;--border: #dee2e6;--primary: #4361ee;--primary-hover: #3a56d4;--success: #2dc653;--warning: #f77f00;--danger: #ef233c;--danger-hover: #d90429;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);color:var(--text-sidebar);padding:1.5rem 0;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{padding:0 1.25rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.sidebar-section{padding:.5rem 1.25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin-top:.5rem}.sidebar a{display:block;padding:.5rem 1.25rem;color:var(--text-sidebar);text-decoration:none;font-size:.875rem;transition:background .15s}.sidebar a:hover,.sidebar a.active{background:#ffffff1a;color:#fff}.sidebar-footer{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#ffffff80}.main-content{flex:1;padding:2rem;max-width:1200px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1rem}.card h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:.75rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.6rem .75rem;border-bottom:2px solid var(--border);font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}td{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.badge-muted{background:#e9ecef;color:#495057}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:var(--text-muted)}.form-control{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26}select.form-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.ip-display{font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:600;color:var(--primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:480px;box-shadow:0 10px 40px #0003}.modal h2{font-size:1.1rem;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.mt-1{margin-top:.5rem}.mb-1{margin-bottom:.5rem}.flex{display:flex}.gap-1{gap:.5rem}.items-center{align-items:center}