:root,[data-theme=premium-institutional]{--primary: #1b2d4f;--primary-light: #2a4370;--primary-dark: #0f1d35;--accent: #c9a84c;--accent-light: #dcc277;--accent-dark: #a88a32;--gradient-primary: linear-gradient(135deg, #1b2d4f 0%, #2a4370 100%);--gradient-hero: linear-gradient(135deg, #0f1d35 0%, #1b2d4f 50%, #2a4370 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8f6f1 100%);--gradient-accent: linear-gradient(135deg, #c9a84c 0%, #dcc277 100%);--white: #ffffff;--bg-body: #f5f3ee;--bg-surface: #faf8f5;--gray-50: #f8f6f1;--gray-100: #edeae3;--gray-200: #ddd9d0;--gray-300: #c4bfb5;--gray-400: #9e998e;--gray-500: #7a756b;--gray-600: #56524a;--gray-700: #3a3731;--gray-800: #24221e;--gray-900: #141310;--shadow-primary: rgba(27, 45, 79, .15);--shadow-accent: rgba(201, 168, 76, .25)}[data-theme=modern-fresh]{--primary: #1a3a2a;--primary-light: #2d5e42;--primary-dark: #0e2219;--accent: #c4a35a;--accent-light: #d9be7e;--accent-dark: #a48838;--gradient-primary: linear-gradient(135deg, #1a3a2a 0%, #2d5e42 100%);--gradient-hero: linear-gradient(135deg, #0e2219 0%, #1a3a2a 50%, #2d5e42 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f9f6f0 100%);--gradient-accent: linear-gradient(135deg, #c4a35a 0%, #d9be7e 100%);--white: #ffffff;--bg-body: #f6f4ee;--bg-surface: #fbf9f4;--gray-50: #f9f6f0;--gray-100: #edeae2;--gray-200: #ddd9cf;--gray-300: #c3beb3;--gray-400: #9d988d;--gray-500: #787369;--gray-600: #545048;--gray-700: #383530;--gray-800: #22201c;--gray-900: #131210;--shadow-primary: rgba(26, 58, 42, .15);--shadow-accent: rgba(196, 163, 90, .25)}[data-theme=dark-teal]{--primary: #1a3540;--primary-light: #285e6e;--primary-dark: #0e2028;--accent: #d4a853;--accent-light: #e4c47d;--accent-dark: #b58e38;--gradient-primary: linear-gradient(135deg, #1a3540 0%, #285e6e 100%);--gradient-hero: linear-gradient(135deg, #0e2028 0%, #1a3540 50%, #285e6e 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f7f5f0 100%);--gradient-accent: linear-gradient(135deg, #d4a853 0%, #e4c47d 100%);--white: #ffffff;--bg-body: #f4f2ed;--bg-surface: #faf8f3;--gray-50: #f7f5f0;--gray-100: #ece9e2;--gray-200: #dbd7ce;--gray-300: #c2bdb3;--gray-400: #9c978c;--gray-500: #767168;--gray-600: #524e47;--gray-700: #37342e;--gray-800: #211f1b;--gray-900: #121110;--shadow-primary: rgba(26, 53, 64, .15);--shadow-accent: rgba(212, 168, 83, .25)}[data-theme=custom]{--primary: #1b2d4f;--primary-light: #2a4370;--primary-dark: #0f1d35;--accent: #c9a84c;--accent-light: #dcc277;--accent-dark: #a88a32;--gradient-primary: linear-gradient(135deg, #1b2d4f 0%, #2a4370 100%);--gradient-hero: linear-gradient(135deg, #0f1d35 0%, #1b2d4f 50%, #2a4370 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8f6f1 100%);--gradient-accent: linear-gradient(135deg, #c9a84c 0%, #dcc277 100%);--white: #ffffff;--bg-body: #f5f3ee;--bg-surface: #faf8f5;--gray-50: #f8f6f1;--gray-100: #edeae3;--gray-200: #ddd9d0;--gray-300: #c4bfb5;--gray-400: #9e998e;--gray-500: #7a756b;--gray-600: #56524a;--gray-700: #3a3731;--gray-800: #24221e;--gray-900: #141310;--shadow-primary: rgba(27, 45, 79, .15);--shadow-accent: rgba(201, 168, 76, .25)}:root{--success: #2f855a;--warning: #c05621;--error: #c53030;--info: #2b6cb0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 24px 48px -8px rgba(0, 0, 0, .12), 0 8px 16px -4px rgba(0, 0, 0, .06);--shadow-glow: 0 0 24px var(--shadow-accent);--shadow-card-hover: 0 20px 40px -12px var(--shadow-primary);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.7;color:var(--gray-800);background-color:var(--bg-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}a.btn:hover,a.btn.btn--outline:hover{color:var(--white)}a.btn.btn--ghost:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:var(--white)}.btn--primary:hover:not(:disabled){box-shadow:0 6px 16px var(--shadow-primary);transform:translateY(-2px)}.btn--accent{background:var(--gradient-accent);color:var(--white)}.btn--accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-accent)}.btn--outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn--outline:hover:not(:disabled){background:var(--primary);color:var(--white)}.btn--ghost{background:transparent;color:var(--primary)}.btn--ghost:hover:not(:disabled){background:var(--gray-100)}.btn--sm{padding:.375rem .75rem;font-size:.875rem}.btn--lg{padding:.875rem 1.75rem;font-size:1rem}.btn--full{width:100%}.btn--disabled{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed;pointer-events:none;opacity:.7}.form-group{margin-bottom:var(--space-md);position:relative}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--primary-dark);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast)}.form-group .required{color:var(--error)}.form-group:focus-within label{color:var(--accent)}.form-control{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:var(--font-sans);color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50);transition:all .25s ease}.form-control:hover{border-color:var(--gray-300);background:var(--white)}.form-control:focus{outline:none;border-color:var(--primary-light);background:var(--white);box-shadow:0 0 0 4px var(--shadow-primary),0 2px 8px #0000000a}.form-control::placeholder{color:var(--gray-400);font-weight:400}.form-control.error{border-color:var(--error);background:#fff5f5}.form-control.error:focus{box-shadow:0 0 0 4px #e53e3e1a}textarea.form-control{min-height:120px;resize:vertical;line-height:1.6}select.form-control{cursor:pointer;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:var(--gray-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 1rem center!important;padding-right:2.5rem}select.form-control:focus{background-color:var(--white)!important}.form-error{color:var(--error);font-size:.75rem;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.form-hint{color:var(--gray-500);font-size:.75rem;margin-top:4px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-200)}.card__header h3,.card__header h4{margin:0}.card__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--gray-200);background:var(--gray-50)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-sm{max-width:800px}.container-lg{max-width:1400px}.grid{display:grid;gap:var(--space-lg)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--wrap{flex-wrap:wrap}.flex--col{flex-direction:column}.flex--gap-sm{gap:var(--space-sm)}.flex--gap-md{gap:var(--space-md)}.flex--gap-lg{gap:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-muted{color:var(--gray-500)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:600}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge--submitted{background:var(--gray-200);color:var(--gray-700)}.badge--review{background:#fef3c7;color:#92400e}.badge--assigned{background:#dbeafe;color:#1e40af}.badge--notice{background:#e0e7ff;color:#3730a3}.badge--scheduled{background:#cffafe;color:#0e7490}.badge--progress{background:#fce7f3;color:#9d174d}.badge--resolved{background:#d1fae5;color:#065f46}.badge--closed{background:var(--gray-300);color:var(--gray-600)}.badge--withdrawn{background:#fee2e2;color:#991b1b}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.alert--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.alert--info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}table th,table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--gray-200)}table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}table tbody tr:hover{background:var(--gray-50)}.spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:var(--space-2xl) 0}.section--hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white)}.section--hero h1,.section--hero h2,.section--hero h3{color:var(--white)}.section--alt{background:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 20px 4px var(--shadow-accent)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderGlow{0%,to{border-color:var(--gray-200)}50%{border-color:var(--accent-light)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideIn{animation:slideIn .4s ease-out forwards}@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){html{font-size:15px}h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.25rem}.container{padding:0 var(--space-md)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section{padding:var(--space-xl) 0}.hide-mobile{display:none!important}}@media(max-width:480px){html{font-size:15px}.btn--lg{padding:.75rem 1.25rem}}.card{background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--gray-100);position:relative}.card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--shadow-accent) 50%,transparent 100%);transition:left .6s ease;pointer-events:none;opacity:.3}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card:hover:after{left:130%}.card__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.card__header h4{margin:0;font-size:1rem;font-weight:600;color:var(--primary-dark)}.card__body{padding:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media print{.no-print{display:none!important}}