:root{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-300: #5eead4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-800: #115e59;--primary-900: #134e4a;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--color-background: #ffffff;--color-surface: #fafafa;--color-surface-elevated: #ffffff;--color-border: #e5e5e5;--color-border-focus: #14b8a6;--color-text-primary: #171717;--color-text-secondary: #525252;--color-text-muted: #a3a3a3;--color-text-inverse: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .02);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .03), 0 1px 2px -1px rgb(0 0 0 / .02);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .04), 0 1px 3px -1px rgb(0 0 0 / .03);--shadow-lg: 0 4px 8px -2px rgb(0 0 0 / .05), 0 2px 4px -1px rgb(0 0 0 / .03);--shadow-xl: 0 8px 16px -4px rgb(0 0 0 / .06), 0 4px 8px -2px rgb(0 0 0 / .04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}[data-theme=dark]{--color-background: #0f0f0f;--color-surface: #171717;--color-surface-elevated: #262626;--color-border: #404040;--color-border-focus: #2dd4bf;--color-text-primary: #fafafa;--color-text-secondary: #d4d4d4;--color-text-muted: #737373;--color-text-inverse: #171717;--color-success: #22c55e;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .18), 0 1px 2px -1px rgb(0 0 0 / .15);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .2), 0 1px 3px -1px rgb(0 0 0 / .18);--shadow-lg: 0 4px 8px -2px rgb(0 0 0 / .22), 0 2px 4px -1px rgb(0 0 0 / .18);--shadow-xl: 0 8px 16px -4px rgb(0 0 0 / .25), 0 4px 8px -2px rgb(0 0 0 / .2)}*,*:hover,*:active,*:focus,*:visited{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar,*:hover::-webkit-scrollbar,*:active::-webkit-scrollbar,*:focus::-webkit-scrollbar{display:none!important;width:0px!important;height:0px!important;background:transparent!important;opacity:0!important;visibility:hidden!important}*::-webkit-scrollbar-track,*:hover::-webkit-scrollbar-track,*:active::-webkit-scrollbar-track,*:focus::-webkit-scrollbar-track{display:none!important;opacity:0!important;visibility:hidden!important}*::-webkit-scrollbar-thumb,*:hover::-webkit-scrollbar-thumb,*:active::-webkit-scrollbar-thumb,*:focus::-webkit-scrollbar-thumb{display:none!important;opacity:0!important;visibility:hidden!important}*::-webkit-scrollbar-corner,*:hover::-webkit-scrollbar-corner,*:active::-webkit-scrollbar-corner,*:focus::-webkit-scrollbar-corner{display:none!important;opacity:0!important;visibility:hidden!important}html,body,div,section,article,main,aside,nav,header,footer,.modal,.modal-content,.modal-body,.modal-overlay,.lists-grid,.list-selection-modal,.lists-container,textarea,input,select,.selection-list{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,div::-webkit-scrollbar,section::-webkit-scrollbar,article::-webkit-scrollbar,main::-webkit-scrollbar,.modal::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.lists-grid::-webkit-scrollbar,.list-selection-modal::-webkit-scrollbar,.lists-container::-webkit-scrollbar,textarea::-webkit-scrollbar,input::-webkit-scrollbar,.selection-list::-webkit-scrollbar{display:none!important;width:0px!important;height:0px!important;opacity:0!important;visibility:hidden!important}html:hover::-webkit-scrollbar,body:hover::-webkit-scrollbar,div:hover::-webkit-scrollbar,.modal:hover::-webkit-scrollbar,.modal-content:hover::-webkit-scrollbar,.modal-body:hover::-webkit-scrollbar,.lists-grid:hover::-webkit-scrollbar,.list-selection-modal:hover::-webkit-scrollbar,.lists-container:hover::-webkit-scrollbar,textarea:hover::-webkit-scrollbar,.selection-list:hover::-webkit-scrollbar{display:none!important;width:0px!important;height:0px!important;opacity:0!important;visibility:hidden!important}*::-webkit-scrollbar:horizontal,*:hover::-webkit-scrollbar:horizontal{display:none!important;height:0px!important;opacity:0!important;visibility:hidden!important}[style*=overflow]::-webkit-scrollbar,[style*=scroll]::-webkit-scrollbar,[style*=overflow]:hover::-webkit-scrollbar,[style*=scroll]:hover::-webkit-scrollbar{display:none!important;opacity:0!important;visibility:hidden!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes pulse-danger{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-md),0 0 0 4px #ef44441a}}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-modal-slide-up{animation:modalSlideUp .3s ease-out}.animate-dropdown-slide{animation:dropdownSlideDown .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s ease-in-out}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html,html body{height:100%}app-root{min-height:100%;display:flex;flex-direction:column}.material-icons-outlined{vertical-align:middle}body{background:var(--color-background);padding:var(--space-4);color:var(--color-text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}textarea,input[type=text]{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:14px;background:var(--color-surface-elevated);color:var(--color-text-primary);transition:all .15s cubic-bezier(.4,0,.2,1);resize:vertical;box-shadow:var(--shadow-xs);line-height:1.5}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #14b8a61a,var(--shadow-sm);background:var(--color-background)}textarea:hover,input[type=text]:hover{border-color:var(--neutral-300)}textarea::placeholder,input[type=text]::placeholder{color:var(--color-text-muted)}.interactive-element{transition:all .15s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:translateY(-1px)}.interactive-element:active{transform:translateY(0);transition-duration:.1s}@media (max-width: 1024px){.app-container{max-width:100%;padding:var(--space-6)}}@media (max-width: 768px){body{font-size:13px}.app-container{padding:var(--space-4)}textarea,input[type=text]{font-size:16px}}@media (max-width: 480px){.app-container{padding:var(--space-3);margin:var(--space-1)}}@media print{body{background:#fff!important;color:#000!important;padding:0!important;font-size:12px}.app-layout{background:#fff!important;padding:0!important}.app-container{background:#fff!important;border:none!important;box-shadow:none!important;padding:20px!important;max-width:100%!important;margin:0!important}.navigation-indicator{display:none!important}}
