:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-sg-red: hsl(353, 100%, 44%);--color-sg-red-hover: hsl(353, 90%, 38%);--color-sg-red-light: rgba(224, 0, 26, .1);--color-sg-black: hsl(0, 0%, 8%);--color-sg-black-light: hsl(0, 0%, 15%);--color-chu-teal: hsl(175, 80%, 34%);--color-chu-teal-hover: hsl(175, 80%, 28%);--color-chu-teal-light: rgba(13, 148, 136, .1);--color-chu-teal-dark: hsl(175, 90%, 20%);--color-bg-primary: hsl(210, 30%, 98%);--color-bg-secondary: hsl(0, 0%, 100%);--color-bg-card: hsl(0, 0%, 100%);--color-text-primary: hsl(220, 30%, 15%);--color-text-secondary: hsl(220, 15%, 45%);--color-text-muted: hsl(220, 10%, 65%);--color-border: hsl(214, 15%, 89%);--color-success: hsl(142, 70%, 35%);--color-success-light: rgba(22, 163, 74, .08);--color-warning: hsl(38, 92%, 50%);--color-warning-light: rgba(245, 158, 11, .08);--color-danger: hsl(353, 100%, 44%);--color-danger-light: rgba(224, 0, 26, .08);--color-info: hsl(200, 95%, 40%);--color-info-light: rgba(2, 132, 199, .08);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 16px -6px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .12), 0 12px 24px -8px rgba(0, 0, 0, .06);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-sg-black)}.app-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 10% 20%,#0d948808,#e0001a05 90%)}.main-content{flex-grow:1}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary{background-color:var(--color-sg-red);color:#fff}.btn-primary:hover{background-color:var(--color-sg-red-hover);transform:translateY(-2px);box-shadow:0 8px 20px -6px #e0001a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-chu-teal);color:#fff}.btn-secondary:hover{background-color:var(--color-chu-teal-hover);transform:translateY(-2px);box-shadow:0 8px 20px -6px #0d948866}.btn-outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background-color:#00000005;border-color:var(--color-text-secondary)}.btn-text{background:none;padding:8px 16px;color:var(--color-text-secondary)}.btn-text:hover{color:var(--color-sg-red)}.btn-disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);border-color:#0d948833}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:6px;text-align:left}.form-label{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--color-sg-black)}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:.95rem;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:var(--transition-fast);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-chu-teal);box-shadow:0 0 0 3px #0d948826}.form-input.error,.form-select.error{border-color:var(--color-danger)}.form-input.error:focus{box-shadow:0 0 0 3px #e0001a26}.error-text{font-size:.8rem;color:var(--color-danger);margin-top:4px;display:flex;align-items:center;gap:4px}.grid-2{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.alert{padding:16px;border-radius:var(--radius-md);margin-bottom:24px;display:flex;gap:12px;font-size:.95rem;border-left:4px solid transparent}.alert-success{background-color:var(--color-success-light);border-left-color:var(--color-success);color:#0d7332}.alert-danger{background-color:var(--color-danger-light);border-left-color:var(--color-danger);color:#790614}.alert-warning{background-color:var(--color-warning-light);border-left-color:var(--color-warning);color:#794f06}.alert-info{background-color:var(--color-info-light);border-left-color:var(--color-info);color:#065379}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.05em}.badge-pending{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-approved{background-color:var(--color-success-light);color:var(--color-success)}.badge-rejected{background-color:var(--color-danger-light);color:var(--color-danger)}@media (min-width: 1024px){.hero-container{grid-template-columns:1.2fr 1fr!important}}@media (min-width: 768px){.footer-brand-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.footer-bottom{flex-direction:row!important;justify-content:space-between!important}}