:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f8fafc;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--brand-50: #f0f9ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #312e81;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-800: #115e59;--accent-900: #134e4a;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sidebar-bg: #1e293b;--sidebar-text: #cbd5e1;--sidebar-hover: #334155;--sidebar-active: #4f46e5;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--brand-50: #1e293b;--brand-100: #334155;--brand-200: #475569;--brand-300: #64748b;--brand-400: #94a3b8;--brand-500: #a5b4fc;--brand-600: #818cf8;--brand-700: #6366f1;--brand-800: #4f46e5;--brand-900: #4338ca;--accent-50: #1e293b;--accent-100: #334155;--accent-200: #475569;--accent-300: #64748b;--accent-400: #94a3b8;--accent-500: #2dd4bf;--accent-600: #14b8a6;--accent-700: #0d9488;--accent-800: #0f766e;--accent-900: #115e59;--border-light: #334155;--border-medium: #475569;--border-dark: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .25);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-hover: #1e293b;--sidebar-active: #6366f1}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-hover{background-color:var(--bg-hover)}.bg-sidebar-bg{background-color:var(--sidebar-bg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-sidebar-text{color:var(--sidebar-text)}.bg-brand-50{background-color:var(--brand-50)}.bg-brand-100{background-color:var(--brand-100)}.bg-brand-500{background-color:var(--brand-500)}.bg-brand-600{background-color:var(--brand-600)}.bg-brand-700{background-color:var(--brand-700)}.text-brand-50{color:var(--brand-50)}.text-brand-600{color:var(--brand-600)}.text-brand-700{color:var(--brand-700)}.bg-accent-50{background-color:var(--accent-50)}.bg-accent-500{background-color:var(--accent-500)}.bg-accent-600{background-color:var(--accent-600)}.bg-accent-700{background-color:var(--accent-700)}.text-accent-50{color:var(--accent-50)}.text-accent-600{color:var(--accent-600)}.bg-status-success{background-color:var(--status-success)}.bg-status-warning{background-color:var(--status-warning)}.bg-status-error{background-color:var(--status-error)}.text-status-success{color:var(--status-success)}.text-status-warning{color:var(--status-warning)}.text-status-error{color:var(--status-error)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-dark{border-color:var(--border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.hover\:bg-brand-700:hover{background-color:var(--brand-700)}.hover\:bg-accent-700:hover{background-color:var(--accent-700)}.hover\:bg-hover:hover{background-color:var(--bg-hover)}.hover\:text-primary:hover{color:var(--text-primary)}.hover\:text-status-error:hover{color:var(--status-error)}.fill-brand-600{fill:var(--brand-600)}.focus\:ring-brand-600\/20:focus{--tw-ring-color: rgba(79, 70, 229, .2)}.focus\:border-brand-600:focus{border-color:var(--brand-600)}.bg-brand-600\/10{background-color:#4f46e51a}.bg-status-success\/10{background-color:#10b9811a}.bg-status-warning\/10{background-color:#f59e0b1a}.bg-status-error\/10{background-color:#ef44441a}.bg-tertiary\/5{background-color:#64748b0d}.bg-tertiary\/10{background-color:#64748b1a}.border-status-success\/20{border-color:#10b98133}.border-status-warning\/20{border-color:#f59e0b33}.border-status-error\/20{border-color:#ef444433}.hover\:bg-status-success\/20:hover{background-color:#10b98133}.hover\:bg-status-error\/20:hover{background-color:#ef444433}.hover\:bg-tertiary\/10:hover{background-color:#64748b1a}.shadow-brand-600\/20{--tw-shadow-color: rgba(79, 70, 229, .2)}.shadow-brand-600\/30{--tw-shadow-color: rgba(79, 70, 229, .3)}.animate-in{animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-from-bottom-2{transform:translateY(.5rem)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0)}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-target{min-height:44px;min-width:44px}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.mobile-text-sm{font-size:.875rem}.mobile-full-width{width:100%}.mobile-stack{flex-direction:column}.mobile-hidden{display:none!important}.mobile-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-card{padding:1rem;border-radius:.75rem}.mobile-gap-2{gap:.5rem}.mobile-gap-3{gap:.75rem}}@media(min-width:641px)and (max-width:1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)}.tablet-hidden{display:none!important}}@media(min-width:1025px){.desktop-show{display:block}.desktop-hidden{display:none!important}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-from-bottom-4{animation:slideInFromBottom .5s ease-out forwards}@keyframes pulse-brand{0%,to{box-shadow:0 0 #4f46e566}50%{box-shadow:0 0 0 10px #4f46e500}}.pulse-brand{animation:pulse-brand 2s infinite}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@supports (-webkit-touch-callout: none){body{overscroll-behavior-y:none}input,select,textarea{font-size:16px!important}.ios-safe-area{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}}@supports not (-webkit-touch-callout: none){.android-ripple{position:relative;overflow:hidden}.android-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.android-ripple:active:after{width:200%;height:200%}}@media(display-mode:standalone){.browser-only{display:none!important}.pwa-only{display:block!important}.standalone-header{padding-top:env(safe-area-inset-top,20px)}}@media(display-mode:fullscreen){body{padding:0;margin:0}}@media print{.pwa-install-prompt,.mobile-menu,.sidebar{display:none!important}}@media(prefers-contrast:high){:root{--border-light: #000000;--border-medium: #000000}.dark{--border-light: #ffffff;--border-medium: #ffffff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-visible:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.touch-pan-y{touch-action:pan-y}.touch-pan-x{touch-action:pan-x}.touch-none{touch-action:none}
