*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3436;-webkit-font-smoothing:antialiased;background:#f5f6fa;min-height:100vh;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.navbar{color:#2d3436;background:#fff;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000f}.nav-brand{color:#2563eb;letter-spacing:.3px;font-size:18px;font-weight:700}.nav-links{gap:8px;display:flex}.nav-links a{color:#636e72;border-radius:6px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s}.nav-links a:hover{color:#2d3436;background:#f0f1f3}.nav-links a.active{color:#2563eb;background:#eff6ff;font-weight:500}main{max-width:1100px;margin:0 auto;padding:24px}.page h1{color:#1a1a2e;margin:0 0 4px;font-size:22px;font-weight:700}.page>p{color:#636e72;margin:0 0 24px;font-size:14px}.overview-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.overview-card{background:#fff;border:1px solid #e1e4e8;border-radius:10px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.overview-card .card-label{color:#636e72;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500}.overview-card .card-value{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1.2}.overview-card .card-sub{color:#9ca3af;margin-top:4px;font-size:12px}.overview-card.blue{border-top:3px solid #2563eb}.overview-card.green{border-top:3px solid #16a34a}.overview-card.orange{border-top:3px solid #ea580c}.overview-card.purple{border-top:3px solid #7c3aed}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-small{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 12px;font-size:12px;font-weight:500}.btn-small:hover{background:#dbeafe}.btn-back{color:#636e72;background:0 0;margin-bottom:16px;padding:0;font-size:14px}.btn-back:hover{color:#2d3436}.upload-area{align-items:center;gap:12px;margin-bottom:20px;display:flex}.upload-area input[type=file]{display:none}.file-label{color:#636e72;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.file-label:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.table-wrapper{background:#fff;border:1px solid #e1e4e8;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:#f9fafb}th{text-align:left;color:#636e72;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e1e4e8;padding:12px 16px;font-size:11px;font-weight:600}td{color:#2d3436;border-top:1px solid #f0f1f3;padding:11px 16px}tbody tr:hover{background:#f9fafb}.empty-state{text-align:center;color:#636e72;padding:48px 20px}.empty-state p{margin-bottom:16px}.preview h3{color:#2d3436;margin-bottom:12px;font-size:16px;font-weight:600}.user-summary-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.user-summary-card{background:#fff;border:1px solid #e1e4e8;border-radius:10px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.user-summary-card .card-label{color:#636e72;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:500}.user-summary-card .card-value{color:#1a1a2e;font-size:22px;font-weight:700}.section-header{color:#1a1a2e;margin-bottom:12px;font-size:16px;font-weight:600}.check-page{justify-content:center;padding:48px 24px;display:flex}.check-container{text-align:center;width:100%;max-width:480px}.check-container h1{color:#1a1a2e;margin-bottom:6px;font-size:24px;font-weight:700}.check-container>p{color:#636e72;margin-bottom:32px;font-size:14px}.check-actions{margin-bottom:28px}.btn-lg{border-radius:8px;padding:12px 32px;font-size:16px}.divider{color:#9ca3af;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e1e4e8;flex:1;height:1px}.manual-form{gap:8px;display:flex}.ip-input{color:#2d3436;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.ip-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ip-input::placeholder{color:#9ca3af}.result-card{text-align:center;border:2px solid;border-radius:12px;padding:32px 24px}.result-card.pass{background:#f0fdf4;border-color:#86efac}.result-card.fail{background:#fef2f2;border-color:#fca5a5}.result-icon{margin-bottom:8px;font-size:48px;line-height:1}.pass .result-icon{color:#16a34a}.fail .result-icon{color:#dc2626}.result-status{letter-spacing:2px;margin-bottom:8px;font-size:28px;font-weight:800}.pass .result-status{color:#166534}.fail .result-status{color:#991b1b}.result-ip{color:#636e72;background:#0000000a;border-radius:6px;margin-bottom:12px;padding:4px 12px;font-family:ui-monospace,Consolas,monospace;font-size:16px;display:inline-block}.result-message{color:#636e72;margin-bottom:16px;font-size:14px}.result-users{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-user-tag{color:#2d3436;background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:4px 14px;font-size:13px}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:24px;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #e1e4e8;border-radius:12px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 4px 12px #0000000f}.login-card h1{color:#1a1a2e;margin-bottom:4px;font-size:22px;font-weight:700}.login-card>p{color:#636e72;margin-bottom:28px;font-size:14px}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{color:#2d3436;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:42px}.eye-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-toggle:hover{color:#2d3436}.btn-full{width:100%;margin-top:8px;padding:11px 16px}.btn-logout{color:#636e72;cursor:pointer;background:0 0;border:1px solid #e1e4e8;border-radius:6px;padding:4px 12px;font-size:13px;transition:all .2s}.btn-logout:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}@media (width<=768px){.overview-cards{grid-template-columns:repeat(2,1fr)}.user-summary-cards{grid-template-columns:1fr}}