:root{--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#10b981;--color-text-primary:#000;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-text-placeholder:#9ca3af;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-border-primary:#d1d5db;--color-border-secondary:#e5e7eb;--color-border-focus:#059669;--color-error:#dc2626;--color-warning:#d97706;--color-success:#059669;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-tertiary{background-color:var(--color-background-tertiary)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-focus{border-color:var(--color-border-focus)}.form-input{border-radius:.375rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.form-input:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.form-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(5,150,105,.1)}.form-label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));font-weight:var(--font-weight-bold)}.form-select{border-radius:.375rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.form-select:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.form-select{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-textarea{border-radius:.375rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.form-textarea:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.form-textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.form-textarea{resize:none}.btn-primary{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.btn-primary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.btn-secondary:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.btn-secondary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.btn-secondary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-danger{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:var(--font-weight-medium)}.btn-danger:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.btn-danger:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.btn-danger{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.7;z-index:50;padding:1rem}.modal-content{border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);max-height:90vh;width:100%;max-width:28rem;overflow-y:auto}.modal-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem 1.5rem}.modal-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));font-weight:var(--font-weight-bold)}.modal-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.modal-body{padding:1rem 1.5rem}.modal-footer{display:flex;justify-content:flex-end}.modal-footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.modal-footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem 1.5rem}.skip-links{position:absolute;top:0;left:0;z-index:9999;width:100%}.skip-link{position:absolute;top:-100px;left:6px;z-index:10000;padding:8px 16px;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:var(--font-weight-semibold);border-radius:0 0 4px 4px;box-shadow:var(--shadow-lg);transition:all .2s ease-in-out;opacity:0;transform:translateY(-100%);font-size:var(--font-size-sm)}.skip-link:focus{top:0;opacity:1;transform:translateY(0);outline:2px solid #fff;outline-offset:2px}.focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:0 0 0 4px rgba(5,150,105,.1)}.focus-ring{position:relative}.focus-ring:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .2s ease}.focus-ring:focus-visible:before{border-color:var(--color-border-focus)}@media (prefers-contrast:high){.skip-link{background:#000;color:#fff;border:2px solid #fff}.focus-visible{outline:3px solid #000;outline-offset:2px}}@media (prefers-reduced-motion:reduce){.focus-ring:before,.skip-link{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.live-region-polite{aria-live:polite}.live-region-assertive{aria-live:assertive}.high-contrast-text{color:#000;background-color:#fff}.high-contrast-link{color:#00e;text-decoration:underline}.high-contrast-link:visited{color:#551a8b}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.touch-target-large{min-height:48px;min-width:48px}.keyboard-navigation a:focus,.keyboard-navigation button:focus,.keyboard-navigation input:focus,.keyboard-navigation select:focus,.keyboard-navigation textarea:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.form-field-error{border-color:var(--color-error);box-shadow:0 0 0 2px rgba(220,38,38,.1)}.form-field-error:focus{outline:2px solid var(--color-error);outline-offset:2px}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.error-message:before{content:"⚠️";font-size:var(--font-size-xs)}.success-message{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.success-message:before{content:"✅";font-size:var(--font-size-xs)}.loading-indicator{position:relative;pointer-events:none}.loading-indicator:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-top:2px solid var(--color-border-primary);border:2px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.required:after{content:" *";color:var(--color-error);font-weight:var(--font-weight-bold)}.tooltip{position:relative}.tooltip:before{content:attr(aria-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.tooltip:focus:before,.tooltip:hover:before{opacity:1}.message{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);border:1px solid}.message-content{display:flex;align-items:flex-start;gap:var(--spacing-3)}.message-icon{font-size:var(--font-size-lg);line-height:1;flex-shrink:0;margin-top:2px}.message-text{flex:1}.message-primary{margin:0 0 var(--spacing-1) 0;font-weight:var(--font-weight-medium);line-height:1.4}.message-help{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.4}.message-help-link{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-medium)}.message-help-link:hover{color:var(--color-primary-hover)}.message-dismiss{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.message-dismiss:hover{background-color:rgba(0,0,0,.1)}.message-dismiss:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.error-message{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.warning-message{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.info-message{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.success-message{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.auto-save-container{position:relative}.auto-save-indicator{position:fixed;bottom:20px;right:20px;background:#fff;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);z-index:1000;transition:all .3s ease}.auto-save-indicator.saving{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.auto-save-indicator.saved{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.auto-save-indicator.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.auto-save-icon{font-size:var(--font-size-base);line-height:1}.auto-save-text{font-weight:var(--font-weight-medium);white-space:nowrap}@keyframes saving-pulse{0%,to{opacity:1}50%{opacity:.6}}.auto-save-indicator.saving .auto-save-icon{animation:saving-pulse 1s ease-in-out infinite}@media (max-width:768px){.auto-save-indicator{bottom:10px;right:10px;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.auto-save-icon{font-size:var(--font-size-sm)}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9997;backdrop-filter:blur(2px)}.onboarding-spotlight{border:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 9999px rgba(0,0,0,.7);pointer-events:none;z-index:9998}.onboarding-tooltip{background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;min-width:300px;padding:var(--spacing-6);z-index:9999;transform:translate(-50%,-50%)}.onboarding-header{margin-bottom:var(--spacing-4)}.onboarding-progress{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium)}.onboarding-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.onboarding-content{margin-bottom:var(--spacing-6)}.onboarding-content p{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-secondary)}.onboarding-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.onboarding-nav{display:flex;justify-content:space-between;gap:var(--spacing-3)}.onboarding-options{display:flex;justify-content:center;gap:var(--spacing-2)}.onboarding-btn{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-primary{background:var(--color-primary);color:#fff}.onboarding-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.onboarding-btn-secondary{background:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.onboarding-btn-secondary:hover:not(:disabled){background:var(--color-background-secondary)}.onboarding-btn-action{background:var(--color-warning);color:#fff}.onboarding-btn-action:hover{background:#b45309}.onboarding-btn-skip{background:transparent;color:var(--color-text-tertiary);text-decoration:underline;padding:var(--spacing-1) var(--spacing-2)}.onboarding-btn-skip:hover{color:var(--color-text-secondary)}.onboarding-help{margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-secondary)}.onboarding-help-text{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.onboarding-help kbd{background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:3px;padding:2px 4px;font-size:10px;font-family:monospace}@keyframes onboarding-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.onboarding-tooltip{animation:onboarding-fade-in .3s ease-out}@media (max-width:768px){.onboarding-tooltip{max-width:90vw;min-width:280px;padding:var(--spacing-4);margin:var(--spacing-4)}.onboarding-title{font-size:var(--font-size-lg)}.onboarding-nav{flex-direction:column}.onboarding-btn{width:100%;min-height:48px;font-size:var(--font-size-base)}}.breadcrumb{margin-bottom:var(--spacing-4)}.breadcrumb-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb-item:not(:last-child):after{content:">";color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);margin-left:var(--spacing-2)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease;display:flex;align-items:center;gap:var(--spacing-1)}.breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-link:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-1)}.breadcrumb-icon{font-size:var(--font-size-sm);line-height:1}@media (max-width:768px){.skip-link{left:4px;padding:6px 12px;font-size:var(--font-size-xs)}.touch-target{min-height:48px;min-width:48px}.touch-target-large{min-height:56px;min-width:56px}.breadcrumb-item,.breadcrumb-list{gap:var(--spacing-1)}.breadcrumb-item:not(:last-child):after{margin-left:var(--spacing-1)}}