:root{--color-white:#FFFFFF;--color-background:#F5F6FA;--color-text-primary:#111111;--color-text-secondary:#333333;--color-text-tertiary:#666666;--color-blue-primary:#229ED9;--color-green-primary:#27AE60;--color-green-secondary:#2ECC71;--color-gray-100:#F5F6FA;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--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;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-blue{color:var(--color-blue-primary)}.text-green{color:var(--color-green-secondary)}.btn-primary{background-color:var(--color-green-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn-primary:hover{background-color:#229954;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn-secondary:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-blue{background-color:var(--color-blue-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn-blue:hover{background-color:#1A6591;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-content{padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--color-text-primary)}.form-input{width:100%;padding:var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all var(--transition-fast);background-color:var(--color-white)}.form-input:focus{outline:none;border-color:var(--color-blue-primary);box-shadow:0 0 0 3px rgba(34,158,217,.1)}.form-input::placeholder{color:var(--color-gray-400)}.form-select{width:100%;padding:var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-text-primary);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-blue-primary);box-shadow:0 0 0 3px rgba(34,158,217,.1)}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-gray-300);appearance:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.form-checkbox input[type=checkbox]:checked{background-color:var(--color-blue-primary);border-color:var(--color-blue-primary)}.form-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700}.progress-container{gap:var(--space-4);margin-bottom:var(--space-8)}.progress-container,.progress-step{display:flex;align-items:center;justify-content:center}.progress-step{width:48px;height:48px;border-radius:50%;font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-normal)}.progress-step.active{background-color:var(--color-blue-primary);color:var(--color-white);box-shadow:var(--shadow-lg)}.progress-step.completed{background-color:var(--color-green-secondary);color:var(--color-white)}.progress-step.pending{background-color:var(--color-white);border:2px solid var(--color-gray-300);color:var(--color-gray-400)}.progress-line{width:64px;height:2px;transition:all var(--transition-normal)}.progress-line.completed{background-color:var(--color-green-secondary)}.progress-line.pending{background-color:var(--color-gray-300)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}