:root{--color-primary: #003366;--color-primary-dark: #002244;--color-secondary: #FFD700;--color-secondary-light: #FFF0B3;--color-accent: #007BFF;--color-text-main: #1A1A1A;--color-text-muted: #666666;--color-background: #F5F7FA;--color-white: #FFFFFF;--color-border: #E0E0E0;--color-success: #28a745;--color-error: #dc3545;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-bold{font-weight:600}.container{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--color-white);display:flex;flex-direction:column;box-shadow:0 0 20px #0000000d}.main-content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;width:100%;border:none;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-link{background:none;border:none;color:var(--color-accent);text-decoration:underline;padding:0;width:auto}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-main)}.form-input,.form-select{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0033661a}.app-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-white)}.header-logo{height:40px;object-fit:contain}.app-footer{padding:var(--spacing-lg);background-color:#f8f9fa;border-top:1px solid var(--color-border);text-align:center;font-size:.75rem;color:var(--color-text-muted)}.footer-logo{height:24px;margin-top:var(--spacing-sm);opacity:.8}.progress-container{height:4px;background-color:var(--color-border);width:100%}.progress-bar{height:100%;background-color:var(--color-secondary);transition:width .3s ease}.hidden{display:none}.admin-layout{display:flex;height:100vh;background-color:var(--color-background);width:100%}.admin-sidebar{width:250px;background-color:var(--color-white);box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.sidebar-nav{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;text-decoration:none;color:var(--color-text-main);border-radius:var(--radius-md);transition:background-color .2s;font-weight:500}.nav-link:hover,.nav-link.active{background-color:#e6f0ff;color:var(--color-primary)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.logout-btn{width:100%;background:none;border:none;display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;color:var(--color-error);cursor:pointer;font-size:1rem;border-radius:var(--radius-md);font-weight:500}.logout-btn:hover{background-color:#fff5f5}.admin-main{flex:1;overflow-y:auto;padding:var(--spacing-xl);width:100%}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--spacing-md)}.admin-login-card{background:var(--color-white);padding:40px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;border:1px solid var(--color-border)}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl)}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}.data-table-container{background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;overflow:hidden;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background-color:#f8fafc;font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.data-table tr:hover{background-color:#f8fafc}.status-badge{display:inline-flex;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}