*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .95rem;--text-lg: 1.1rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--text-3xl: 2.2rem;--lh-tight: 1.3;--lh-normal: 1.55;--lh-loose: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-black: 800;--color-primary: #166534;--color-primary-hover: #14532d;--color-primary-light: #f0fdf4;--color-primary-subtle: #dcfce7;--color-primary-border: #bbf7d0;--color-accent: #22c55e;--color-accent-subtle: #86efac;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-border: #e5e7eb;--color-border-light: #f1f5f9;--color-border-input: #d1d5db;--color-text-primary: #0f172a;--color-text-body: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-success: #166534;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #92400e;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-error: #991b1b;--color-error-bg: #fef2f2;--color-error-border: #fee2e2;--color-info: #1e40af;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 6px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.07);--shadow-lg: 0 10px 24px -4px rgba(0,0,0,.08);--shadow-xl: 0 20px 40px -8px rgba(0,0,0,.1);--transition-fast: all .15s ease;--transition-normal: all .2s ease;--page-max-width: 1200px;--page-padding: var(--space-10);--nav-height: 56px}html{font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--lh-normal)}a{color:inherit}.app-page{max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding)}.page-header{margin-bottom:var(--space-8)}.page-header h1,.page-header__title{font-size:var(--text-3xl);font-weight:var(--fw-black);color:var(--color-text-primary);letter-spacing:-.025em;line-height:var(--lh-tight);margin-bottom:var(--space-2)}.page-header p,.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--lh-normal);margin:0}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.data-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:var(--transition-normal)}.data-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-bold);line-height:1;cursor:pointer;border:none;transition:var(--transition-normal);text-decoration:none;white-space:nowrap}.app-btn:disabled,.app-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.app-btn-primary{background:var(--color-primary);color:#fff}.app-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-btn-secondary{background:var(--color-surface);color:var(--color-text-body);border:1px solid var(--color-border)}.app-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.app-btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.app-btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text-body)}.app-btn-danger{background:var(--color-error-bg);color:#ef4444;border:1px solid var(--color-error-border)}.app-btn-danger:hover:not(:disabled){background:#fecaca;border-color:#ef4444}.app-btn-sm{padding:7px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.app-btn-lg{padding:14px 32px;font-size:var(--text-md);border-radius:var(--radius-lg)}.app-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-medium);line-height:var(--lh-normal);border:1px solid}.app-alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.app-alert-error{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.app-alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.app-alert-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.empty-state{text-align:center;padding:80px var(--space-10);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-5);display:block}.empty-state h3{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.empty-state p{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.loading-state{text-align:center;padding:80px var(--space-10);color:var(--color-text-secondary)}.app-spinner{width:36px;height:36px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-4);animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.app-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.app-tab-btn{padding:10px var(--space-6);border:none;background:none;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-semi);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.app-tab-btn:hover{color:var(--color-text-body);background:var(--color-surface-alt)}.app-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.app-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:.03em;text-transform:uppercase;border:1px solid}.app-badge-green{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary-border)}.app-badge-blue{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.app-badge-yellow{background:#fef9c3;color:#854d0e;border-color:#fde68a}.app-badge-red{background:var(--color-error-bg);color:#b91c1c;border-color:var(--color-error-border)}.app-badge-gray{background:#f1f5f9;color:#64748b;border-color:var(--color-border)}.app-badge-purple{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.app-form-group{display:flex;flex-direction:column;margin-bottom:var(--space-5)}.app-label{display:block;font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.app-input,.app-select,.app-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--color-border-input);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-body);background:var(--color-surface);transition:var(--transition-fast);outline:none;box-sizing:border-box}.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #22c55e1f}.app-input::placeholder,.app-textarea::placeholder{color:var(--color-text-tertiary)}.app-input[readonly],.app-input:disabled{background:var(--color-surface-alt);color:var(--color-text-secondary);cursor:not-allowed}.app-textarea{resize:vertical;min-height:80px;line-height:var(--lh-normal)}.app-helper-text{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.app-error-text{font-size:var(--text-xs);color:#ef4444;margin-top:var(--space-1);font-weight:var(--fw-semi)}.app-required{color:#ef4444;margin-left:2px}.app-modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5)}.app-modal{background:var(--color-surface);width:100%;max-width:520px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:app-modal-in .25s cubic-bezier(.16,1,.3,1)}.app-modal-lg{max-width:680px}@keyframes app-modal-in{0%{transform:translateY(18px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.app-modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.app-modal-header h2{font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--color-text-primary);margin:0;line-height:var(--lh-tight)}.app-modal-close{background:var(--color-surface-alt);border:1px solid var(--color-border-light);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;line-height:1}.app-modal-close:hover{background:var(--color-error-bg);color:#ef4444;border-color:var(--color-error-border)}.app-modal-body{padding:var(--space-6) var(--space-8)}.app-modal-footer{padding:var(--space-5) var(--space-8);background:var(--color-surface-alt);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3);justify-content:flex-end}.status-pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-black);letter-spacing:.04em;text-transform:uppercase}.status-pill.pending{background:#fef9c3;color:#854d0e}.status-pill.approved{background:var(--color-primary-subtle);color:var(--color-primary)}.status-pill.rejected{background:var(--color-error-bg);color:var(--color-error)}.app-table-wrap{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);overflow:hidden;box-shadow:var(--shadow-xs)}.app-table{width:100%;border-collapse:collapse}.app-table th{background:var(--color-surface-alt);text-align:left;padding:14px 20px;font-size:var(--text-xs);font-weight:var(--fw-black);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light)}.app-table td{padding:16px 20px;border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);color:var(--color-text-body)}.app-table tr:last-child td{border-bottom:none}.app-table tr:hover td{background:var(--color-surface-alt)}.app-search-bar{position:relative}.app-search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:1rem}.app-search-bar input{width:100%;padding:11px 14px 11px 40px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-body);background:var(--color-surface);transition:var(--transition-fast);outline:none}.app-search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #16653414}