:root{--primary-green:#00664B;--expo-blue:#0066CC;--expo-red:#E60012;--accent-yellow:#FFD700;--secondary-green:#4A9A6B;--secondary-blue:#4A90E2;--secondary-red:#FF4757;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:var(--expo-blue);--white:#FFFFFF;--black:#000000;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50)}.flat-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);border:1px solid var(--gray-200);transition:all .2s ease}.flat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.flat-card--primary{border-left:4px solid var(--primary-green)}.flat-card--expo-blue{border-left:4px solid var(--expo-blue)}.flat-card--expo-red{border-left:4px solid var(--expo-red)}.flat-card--success{border-left:4px solid var(--success);background:linear-gradient(135deg,var(--white) 0,#F0FDF4 100%)}.flat-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.flat-button--primary{background-color:var(--primary-green);color:var(--white)}.flat-button--primary:hover{background-color:#005A42;transform:translateY(-1px);box-shadow:var(--shadow-md)}.flat-button--expo-blue{background-color:var(--expo-blue);color:var(--white)}.flat-button--expo-blue:hover{background-color:#0052A3;transform:translateY(-1px);box-shadow:var(--shadow-md)}.flat-button--expo-red{background-color:var(--expo-red);color:var(--white)}.flat-button--expo-red:hover{background-color:#CC000F;transform:translateY(-1px);box-shadow:var(--shadow-md)}.flat-button--secondary{background-color:var(--gray-200);color:var(--gray-700)}.flat-button--secondary:hover{background-color:var(--gray-300);transform:translateY(-1px)}.flat-button--outline{background-color:transparent;color:var(--primary-green);border:2px solid var(--primary-green)}.flat-button--outline:hover{background-color:var(--primary-green);color:var(--white)}.flat-button--large{padding:var(--space-4) var(--space-8);font-size:1.125rem}.flat-button--small{padding:var(--space-2) var(--space-4);font-size:.875rem}.flat-progress{width:100%;height:8px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.flat-progress__fill{height:100%;background-color:var(--primary-green);border-radius:var(--radius-full);transition:width .3s ease}.flat-progress__fill--expo-blue{background-color:var(--expo-blue)}.flat-progress__fill--success{background-color:var(--success)}.flat-alert{padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-4)}.flat-alert--success{background-color:#F0FDF4;border-left-color:var(--success);color:#166534}.flat-alert--warning{background-color:#FFFBEB;border-left-color:var(--warning);color:#92400E}.flat-alert--error{background-color:#FEF2F2;border-left-color:var(--error);color:#991B1B}.flat-alert--info{background-color:#EFF6FF;border-left-color:var(--info);color:#1E40AF}.flat-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.flat-badge--primary{background-color:var(--primary-green);color:var(--white)}.flat-badge--success{background-color:var(--success);color:var(--white)}.flat-badge--warning{background-color:var(--warning);color:var(--white)}.flat-form-group{margin-bottom:var(--space-4)}.flat-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.flat-input{width:100%;padding:var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;transition:border-color .2s ease}.flat-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(0,102,75,.1)}.flat-select{width:100%;padding:var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;background-color:var(--white);transition:border-color .2s ease}.flat-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(0,102,75,.1)}.flat-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flat-grid{display:grid;gap:var(--space-6)}.flat-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flat-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flat-text-center{text-align:center}.flat-text-left{text-align:left}.flat-text-right{text-align:right}.flat-mb-2{margin-bottom:var(--space-2)}.flat-mb-4{margin-bottom:var(--space-4)}.flat-mb-6{margin-bottom:var(--space-6)}.flat-mb-8{margin-bottom:var(--space-8)}.flat-mt-2{margin-top:var(--space-2)}.flat-mt-4{margin-top:var(--space-4)}.flat-mt-6{margin-top:var(--space-6)}.flat-mt-8{margin-top:var(--space-8)}.flat-p-4{padding:var(--space-4)}.flat-p-6{padding:var(--space-6)}.flat-p-8{padding:var(--space-8)}@media (max-width:768px){.flat-card{padding:var(--space-4)}.flat-button--large{padding:var(--space-3) var(--space-6);font-size:1rem}.flat-grid{gap:var(--space-4)}}