:root{--primary-color: #7f56d9;--primary-color-hover: #6e48c5;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--gray-900)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top right,rgba(228,201,255,.7),transparent 34rem),var(--gray-50)}.auth-container{width:100%;max-width:28rem}.auth-card{background:#fff;padding:2.25rem;border:1px solid var(--gray-200);border-radius:1rem;box-shadow:0 20px 45px #11182714}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-logo{display:inline-block;width:min(100%,12rem);height:auto}.auth-intro{margin-bottom:1.5rem}.auth-intro h1{font-size:1.5rem;line-height:1.25;font-weight:700;letter-spacing:-.025em}.auth-intro p{margin-top:.375rem;color:var(--gray-600);font-size:.9375rem}.auth-card .form-group{margin-bottom:1rem}.auth-card .form-group label{margin-bottom:.375rem;font-size:.875rem;font-weight:600}.auth-card .form-group input[type=text],.auth-card .form-group input[type=email],.auth-card .form-group input[type=password]{padding:.625rem .75rem;border-color:var(--gray-300);border-radius:.5rem}.password-field{position:relative}.password-field input{padding-right:2.75rem!important}.password-toggle{position:absolute;top:50%;right:.5rem;display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:.375rem;background:transparent;color:var(--gray-600);cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{background:var(--gray-100);color:var(--gray-900)}.password-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.password-toggle svg{width:1.125rem;height:1.125rem}.auth-card .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7f56d929}.otp-inputs{display:flex;gap:.5rem}.otp-input{width:3rem;height:3rem;padding:0;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;color:var(--gray-900);font-size:1.25rem;font-weight:600;line-height:1;text-align:center}.auth-card .form-group .otp-input{padding:0;border-radius:.5rem}.otp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7f56d929}@media (max-width: 420px){.otp-inputs{gap:.375rem}.otp-input{width:2.5rem;height:2.75rem}}.auth-card .checkbox-label{color:var(--gray-600);font-size:.875rem}.auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.auth-submit{width:100%;padding:1rem!important;border-radius:.5rem;font-weight:600}.forgot-password{color:var(--primary-color);font-size:.875rem;font-weight:600;text-align:center;text-decoration:none}.forgot-password:hover{color:var(--primary-color-hover);text-decoration:underline}.admin-layout{background:var(--gray-50);min-height:100vh}.admin-nav{background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem 0}.admin-nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.admin-nav-brand a{font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--gray-900)}.admin-nav-menu{display:flex;gap:1.5rem;align-items:center}.admin-nav-menu a{text-decoration:none;color:var(--gray-600);font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.admin-nav-menu a:hover,.admin-nav-menu a.active{color:var(--primary-color);background:var(--gray-100)}.logout-btn{background:none;border:none;color:var(--danger-color);font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.logout-btn:hover{background:var(--gray-100)}.admin-main{padding:2rem 0}.admin-container{max-width:1200px;margin:0 auto;padding:0 1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--gray-700)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:.25rem;color:var(--gray-600);font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.error-message{display:block;margin-top:.25rem;color:var(--danger-color);font-size:.875rem}.btn{display:inline-block;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-color-hover)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1.5rem}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}.alert-warning{background:#fef3c7;color:#92400e}.alert ul{list-style:none}.alert-note{margin-top:.5rem;font-size:.875rem}.token-display{display:inline-block;background:#fff;padding:.5rem 1rem;border-radius:.375rem;font-family:monospace;word-break:break-all;margin:.5rem 0}.dashboard h1{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.stat-card h3{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-number{font-size:2rem;font-weight:700;color:var(--gray-900)}.stat-status{font-size:1.5rem;font-weight:600}.stat-link{display:inline-block;margin-top:.5rem;color:var(--primary-color);text-decoration:none;font-size:.875rem}.stat-warning{border-left:4px solid var(--warning-color)}.stat-note{margin-top:.5rem;font-size:.875rem;color:var(--gray-600)}.welcome-section{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.welcome-section h2{margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:700}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--gray-50);padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-200)}.data-table tbody tr:hover{background:var(--gray-50)}.text-center{text-align:center}.text-muted{color:var(--gray-600)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-gray{background:var(--gray-200);color:var(--gray-700)}.badge-primary{background:#dbeafe;color:#1e40af}.panel{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.panel h2,.panel h3{margin-bottom:1rem}.panel pre{background:var(--gray-50);padding:1rem;border-radius:.375rem;overflow-x:auto;margin:.5rem 0}.panel code{font-family:monospace;font-size:.875rem}.form-container{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;max-width:600px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.forgot-password,.back-link{display:block;margin-top:1rem;text-align:center;color:var(--primary-color);text-decoration:none}.divider{text-align:center;margin:1.5rem 0;color:var(--gray-600)}.pagination{margin-top:2rem}