:root{color-scheme:light;--cito-primary: #0066cc;--cito-primary-dark: #004c99;--cito-primary-light: #3385d6;--cito-primary-lighter: #e6f2ff;--cito-accent: #00a3e0;--cito-success: #00a651;--cito-warning: #f7941d;--cito-error: #e31c23;--cito-danger: #dc3545;--cito-danger-light: #fdecea;--cito-danger-dark: #a12a22;--cito-black: #1a1a1a;--cito-gray-dark: #333333;--cito-gray: #666666;--cito-gray-light: #999999;--cito-gray-lighter: #cccccc;--cito-gray-lightest: #f5f5f5;--cito-light-gray: #e1e4e8;--cito-white: #ffffff;--cito-bg-primary: #ffffff;--cito-bg-secondary: #f8f9fa;--cito-bg-tertiary: #f5f5f5;--cito-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cito-font-family-heading: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cito-spacing-xs: .25rem;--cito-spacing-sm: .5rem;--cito-spacing-md: 1rem;--cito-spacing-lg: 1.5rem;--cito-spacing-xl: 2rem;--cito-spacing-xxl: 3rem;--cito-radius-sm: 4px;--cito-radius-md: 8px;--cito-radius-lg: 12px;--cito-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--cito-shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--cito-shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--cito-transition-fast: .15s;--cito-transition-base: .25s;--cito-transition-slow: .35s;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--cito-min-touch-target: 44px;--cito-min-tap-target: 48px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--cito-primary: #4da6ff;--cito-primary-dark: #2f7dd1;--cito-primary-light: #80c0ff;--cito-primary-lighter: #163655;--cito-accent: #33bdf0;--cito-success: #3ddc84;--cito-warning: #ffb04d;--cito-error: #ff6b6b;--cito-danger: #ff6b6b;--cito-danger-light: #3a2020;--cito-danger-dark: #ffb3b3;--cito-black: #f5f5f5;--cito-gray-dark: #e0e0e0;--cito-gray: #a8adb3;--cito-gray-light: #7a8087;--cito-gray-lighter: #3a3f44;--cito-gray-lightest: #2a2e33;--cito-light-gray: #3a3f44;--cito-bg-primary: #1e2226;--cito-bg-secondary: #24282d;--cito-bg-tertiary: #16181b;--cito-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--cito-shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--cito-shadow-lg: 0 4px 12px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--cito-primary: #4da6ff;--cito-primary-dark: #2f7dd1;--cito-primary-light: #80c0ff;--cito-primary-lighter: #163655;--cito-accent: #33bdf0;--cito-success: #3ddc84;--cito-warning: #ffb04d;--cito-error: #ff6b6b;--cito-danger: #ff6b6b;--cito-danger-light: #3a2020;--cito-danger-dark: #ffb3b3;--cito-black: #f5f5f5;--cito-gray-dark: #e0e0e0;--cito-gray: #a8adb3;--cito-gray-light: #7a8087;--cito-gray-lighter: #3a3f44;--cito-gray-lightest: #2a2e33;--cito-light-gray: #3a3f44;--cito-bg-primary: #1e2226;--cito-bg-secondary: #24282d;--cito-bg-tertiary: #16181b;--cito-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--cito-shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--cito-shadow-lg: 0 4px 12px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;width:100%;font-family:var(--cito-font-family);font-size:16px;line-height:1.6;color:var(--cito-gray-dark);background-color:var(--cito-bg-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--cito-font-family-heading);font-weight:700;line-height:1.2;color:var(--cito-black);margin-bottom:var(--cito-spacing-md)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:700}.btn{padding:var(--cito-spacing-sm, .75rem) var(--cito-spacing-lg, 1.5rem);font-size:1rem;font-weight:600;font-family:var(--cito-font-family);border:none;border-radius:var(--cito-radius-sm, 4px);cursor:pointer;transition:all var(--cito-transition-fast) ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--cito-spacing-xs, .5rem);min-height:var(--cito-min-touch-target, 44px);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cito-shadow-md, 0 2px 6px rgba(0, 0, 0, .1))}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn__icon{font-size:1.25rem;line-height:1}.btn--primary{background:linear-gradient(135deg,var(--cito-primary, #0066cc) 0%,var(--cito-primary-dark, #004c99) 100%);color:#fff;box-shadow:0 2px 4px #06c3}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--cito-primary-dark, #004c99) 0%,#003366 100%);box-shadow:0 4px 8px #0066cc4d}.btn--primary:focus-visible{outline:3px solid rgba(0,102,204,.4);outline-offset:2px}.btn--secondary{background-color:var(--cito-gray-lightest, #f0f0f0);color:var(--cito-gray-dark, #333)}.btn--secondary:hover:not(:disabled){background-color:var(--cito-gray-lighter, #e0e0e0)}.btn--secondary:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.btn--add{background-color:var(--cito-success, #00a651);color:#fff;padding:var(--cito-spacing-xs, .5rem) var(--cito-spacing-md, 1rem);font-size:.875rem}.btn--add:hover:not(:disabled){background-color:#008a44}.btn--add:focus{outline:none;box-shadow:0 0 0 3px #00a6514d}.btn--small{padding:var(--cito-spacing-xs, .5rem) var(--cito-spacing-md, 1rem);font-size:.875rem;min-height:36px}.btn--large{padding:var(--cito-spacing-md, 1rem) var(--cito-spacing-xl, 2rem);font-size:1.125rem;min-height:var(--cito-min-tap-target, 48px)}.btn--icon{padding:var(--cito-spacing-xs, .5rem);min-width:2.5rem;height:2.5rem;border-radius:50%}.btn--icon .btn__icon{font-size:1.5rem}.btn--remove{background-color:var(--cito-gray-lightest, #f0f0f0);color:var(--cito-error, #e31c23)}.btn--remove:hover:not(:disabled){background-color:var(--cito-error, #e31c23);color:#fff}.btn--remove:focus{outline:none;box-shadow:0 0 0 3px #e31c234d}*:focus-visible{outline:3px solid var(--cito-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes skeleton-loading{0%{background-color:var(--cito-gray-lightest)}50%{background-color:var(--cito-gray-lighter)}to{background-color:var(--cito-gray-lightest)}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--cito-radius-sm)}.transition-all{transition:all var(--cito-transition-base) ease}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin-bottom:var(--cito-spacing-md)}a{color:var(--cito-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--cito-primary-dark);text-decoration:underline}a:focus-visible{outline:2px solid var(--cito-primary);outline-offset:2px;border-radius:var(--cito-radius-sm)}:focus-visible{outline:2px solid var(--cito-primary);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cito-primary);outline-offset:2px}::selection{background-color:var(--cito-primary-lighter);color:var(--cito-primary-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--cito-spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--cito-primary)}.bg-primary{background-color:var(--cito-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cito-gray-lightest)}::-webkit-scrollbar-thumb{background:var(--cito-gray-light);border-radius:var(--cito-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--cito-gray)}