@charset "UTF-8";:root{--primary-color: #1976d2;--secondary-color: #ff9800;--accent-color: #e91e63;--background-color: #f5f5f5;--surface-color: #ffffff;--error-color: #d32f2f;--success-color: #4caf50;--warning-color: #ff9800;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #bdbdbd;--font-family: "Roboto", sans-serif;--base-font-size: 16px;--heading-h1-size: 32px;--heading-h2-size: 28px;--heading-h3-size: 24px;--heading-h4-size: 20px;--body-font-size: 16px;--anim-duration: .3s;--anim-easing: ease-in-out;--fade-in-duration: .4s;--mobile-breakpoint: 768px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-surface{background-color:var(--surface-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.border-primary{border-color:var(--primary-color)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-normal{font-weight:400}.fade-in{animation:fadeIn var(--fade-in-duration) var(--anim-easing)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition{transition:all var(--anim-duration) var(--anim-easing)}@media(max-width:768px){:root{--base-font-size: 14px}}body{background-color:#f5f5f5}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);font-size:var(--base-font-size);color:var(--text-primary);background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);font-family:var(--font-family)}h1{font-size:var(--heading-h1-size);font-weight:700}h2{font-size:var(--heading-h2-size);font-weight:600}h3{font-size:var(--heading-h3-size);font-weight:600}h4{font-size:var(--heading-h4-size);font-weight:500}p{margin:0;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color var(--anim-duration) var(--anim-easing)}a:hover{color:var(--secondary-color);text-decoration:underline}button,input[type=button],input[type=submit]{font-family:var(--font-family);padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:var(--surface-color);cursor:pointer;font-weight:600;transition:all var(--anim-duration) var(--anim-easing)}button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active,input[type=button]:active,input[type=submit]:active{transform:translateY(0)}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.6}input,textarea,select{font-family:var(--font-family);padding:8px 12px;border:1px solid var(--text-secondary);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-primary);transition:all var(--anim-duration) var(--anim-easing)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}