:root{--color-primary: #3498db;--color-primary-dark: #2980b9;--color-success: #2ecc71;--color-danger: #e74c3c;--color-warning: #f39c12;--color-info: #3498db;--color-dark: #2c3e50;--color-light: #ecf0f1;--color-white: #ffffff;--color-gray: #95a5a6;--color-gray-light: #ecf0f1;--color-gray-dark: #7f8c8d;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--touch-target-min: 44px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}.hide-mobile{display:none}.show-mobile{display:flex}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #ddd;border-radius:var(--border-radius-sm);font-size:16px;min-height:var(--touch-target-min)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a}.card{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.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-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.flex-gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}@media(min-width:769px)and (max-width:1024px){.container{max-width:1024px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.hide-tablet{display:none}.show-tablet{display:block}.grid-2-tablet{grid-template-columns:repeat(2,1fr)}.grid-3-tablet{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px){.container{max-width:1200px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.hide-desktop{display:none}.show-desktop{display:block}.hide-mobile{display:flex!important}.show-mobile{display:none!important}.grid-2-desktop{grid-template-columns:repeat(2,1fr)}.grid-3-desktop{grid-template-columns:repeat(3,1fr)}.grid-4-desktop{grid-template-columns:repeat(4,1fr)}.btn-desktop{min-height:auto}}@media(max-width:768px){.btn-full-mobile{width:100%}.flex-mobile-column{flex-direction:column}body{overflow-x:hidden}body{font-size:var(--font-size-base)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.card-mobile-full{width:100%;margin-left:0;margin-right:0}.modal-mobile-fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;margin:0}}@media print{.no-print{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}