:root{--primary-cyan: #00D4FF;--primary-blue: #2563EB;--primary-dark-blue: #1E3A8A;--vuexy-primary: #7367f0;--vuexy-primary-dark: #5e50ee;--vuexy-bg: #f8f7fa;--vuexy-card-bg: #ffffff;--vuexy-border: #e7e7e9;--vuexy-shadow-sm: 0 2px 6px 0 rgba(67, 89, 113, .12);--vuexy-shadow-md: 0 4px 8px -2px rgba(67, 89, 113, .12);--vuexy-shadow-lg: 0 6px 14px -6px rgba(67, 89, 113, .12);--vuexy-radius: .5rem;--vuexy-radius-lg: .75rem;--vuexy-text-primary: #5e5873;--vuexy-text-secondary: #6e6b7b;--vuexy-text-muted: #b9b9c3}body{background-color:var(--vuexy-bg)!important}h1.text-3xl,h1.text-2xl,h1{font-size:22px!important;font-weight:700!important;color:#1f2937!important}.vuexy-card{background:var(--vuexy-card-bg);border-radius:var(--vuexy-radius-lg);box-shadow:var(--vuexy-shadow-sm);border:1px solid var(--vuexy-border);transition:box-shadow .3s ease}.vuexy-card:hover{box-shadow:var(--vuexy-shadow-md)}.vuexy-table{background:#fff;border-radius:var(--vuexy-radius-lg);overflow:hidden;box-shadow:var(--vuexy-shadow-sm)}.vuexy-table thead{background:#f8f7fa;border-bottom:1px solid var(--vuexy-border)}.vuexy-table thead th{font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;color:#6e6b7b;padding:1rem 1.5rem}.vuexy-table tbody tr{border-bottom:1px solid #ebe9f1;transition:background-color .2s ease}.vuexy-table tbody tr:hover{background-color:#f8f7fa}.vuexy-table tbody td{padding:1rem 1.5rem;color:#6e6b7b;font-size:.9375rem}.vuexy-btn{border-radius:var(--vuexy-radius);font-weight:600;padding:.5rem 1rem;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 4px #4359711f;border:none;cursor:pointer}.vuexy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #43597129}.vuexy-btn:disabled{opacity:.5;cursor:not-allowed}.vuexy-btn-primary{background:#4f46e5!important;color:#fff!important;box-shadow:0 2px 4px #4359711f;transition:all .2s ease}.vuexy-btn-primary:hover:not(:disabled){background:#4338ca!important;box-shadow:0 4px 8px #43597129}.vuexy-input{border-radius:var(--vuexy-radius);border:1px solid #d8d6de;padding:.65rem 1rem;font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.vuexy-input:focus{border-color:var(--vuexy-primary);box-shadow:0 3px 10px #7367f01a;outline:none}.vuexy-badge{border-radius:.358rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;letter-spacing:.3px}.vuexy-page-header{margin-bottom:1.5rem}.vuexy-page-header h1{font-size:22px!important;font-weight:700!important;color:#1f2937!important;margin-bottom:.25rem}.vuexy-page-header p{color:#6b7280;font-size:.9375rem;margin-top:.25rem}.vuexy-sidebar{background:#fff;box-shadow:0 4px 24px #22292f1a}.vuexy-sidebar-item{border-radius:.375rem;margin:.25rem .75rem .25rem .25rem;padding:.5rem;transition:all .2s ease-in-out;font-weight:400}.vuexy-sidebar-item:hover{background:#f8f7fa;transform:translate(3px)}.vuexy-sidebar-item.active{background:linear-gradient(270deg,var(--primary-cyan),var(--primary-blue));box-shadow:0 0 15px #00d4ff4d;color:#fff}.vuexy-sidebar-item.active:hover{transform:none}.vuexy-modal{border-radius:var(--vuexy-radius-lg);box-shadow:0 5px 20px #22292f1a}.vuexy-modal-header{border-bottom:1px solid #ebe9f1;padding:1.5rem}.vuexy-modal-body{padding:1.5rem}.vuexy-spacing-sm{margin-bottom:1rem}.vuexy-spacing-md{margin-bottom:1.5rem}.vuexy-spacing-lg{margin-bottom:2rem}.kanban-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;will-change:transform,opacity,box-shadow}.kanban-card:active{cursor:grabbing!important}.kanban-card.dragging{opacity:.5;transform:scale(.95) rotate(2deg);box-shadow:0 20px 40px #4359714d;z-index:1000}.kanban-card:not(.dragging){transform:scale(1) rotate(0)}.kanban-card:hover:not(.dragging){transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px #4359712e}.kanban-card-wrapper{transition:padding .2s cubic-bezier(.2,0,0,1);position:relative}.kanban-card-wrapper.drop-before{padding-top:20px}.kanban-card-wrapper.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue));border-radius:2px;box-shadow:0 0 10px #00d4ff80;animation:pulse-glow 1.5s ease-in-out infinite;pointer-events:none;transform:translateY(8px)}.kanban-card-wrapper.drop-after{padding-bottom:20px}.kanban-card-wrapper.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue));border-radius:2px;box-shadow:0 0 10px #00d4ff80;animation:pulse-glow 1.5s ease-in-out infinite;pointer-events:none;transform:translateY(-8px)}.drop-indicator{display:none}.drop-indicator:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--primary-cyan);border-radius:50%;box-shadow:0 0 8px #00d4ff99}.drop-indicator:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--primary-cyan);border-radius:50%;box-shadow:0 0 8px #00d4ff99}@keyframes pulse-glow{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.5)}}.kanban-column{transition:all .3s cubic-bezier(.4,0,.2,1)}.kanban-column.drag-over{background-color:#00d4ff0d;border-radius:1rem;transform:scale(1.02)}.kanban-column.drag-over:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--primary-cyan);border-radius:1rem;pointer-events:none;animation:dash-animation 20s linear infinite}@keyframes dash-animation{to{stroke-dashoffset:-100}}.kanban-cards-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.drag-handle{opacity:0;transition:opacity .2s ease}.kanban-card:hover .drag-handle{opacity:.5}.kanban-card:active .drag-handle{opacity:1}@keyframes card-enter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kanban-card-enter{animation:card-enter .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f8f7fa}::-webkit-scrollbar-thumb{background:#b9b9c3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease-out}@media(max-width:768px){h1,h1.text-3xl,h1.text-2xl{font-size:18px!important}h2{font-size:16px!important}h3{font-size:14px!important}body{font-size:14px}.vuexy-page-header h1{font-size:18px!important}.vuexy-page-header p{font-size:13px}}@media(max-width:768px){button,.vuexy-btn,a[role=button]{min-height:44px;min-width:44px;padding:.75rem 1rem}button:has(svg:only-child){padding:.75rem}}.mobile-container{padding-left:1rem;padding-right:1rem}@media(min-width:768px){.mobile-container{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.lg\:grid-cols-2,.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}.mobile-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.mobile-menu-button{display:none}@media(max-width:1024px){.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.5rem;background:transparent;border:1px solid var(--vuexy-border);cursor:pointer;transition:all .2s ease}.mobile-menu-button:hover{background:var(--vuexy-bg)}.mobile-menu-button:active{transform:scale(.95)}}@media(max-width:1024px){.sidebar-container{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000001a}.sidebar-container.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}}@media(max-width:768px){.vuexy-modal,.modal-content,[role=dialog]{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;overflow-y:auto}.vuexy-modal-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--vuexy-border)}.modal-footer,.modal-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--vuexy-border);padding:1rem;box-shadow:0 -2px 8px #0000000d}}@media(max-width:768px){.mobile-hide-table table{display:none}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.vuexy-table{min-width:600px}.vuexy-table thead th,.vuexy-table tbody td{padding:.75rem .5rem;font-size:.8125rem}}@media(max-width:768px){.mobile-card{background:#fff;border-radius:var(--vuexy-radius);padding:1rem;margin-bottom:.75rem;border:1px solid var(--vuexy-border);box-shadow:var(--vuexy-shadow-sm)}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--vuexy-border)}.mobile-card-body{display:flex;flex-direction:column;gap:.5rem}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.mobile-card-label{color:var(--vuexy-text-secondary);font-weight:500}.mobile-card-value{color:var(--vuexy-text-primary);font-weight:600}}@media(max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea,.vuexy-input{min-height:44px;font-size:16px;padding:.75rem 1rem}.form-group,.form-field{width:100%}.form-row{flex-direction:column}label{font-size:14px;margin-bottom:.5rem}}@media(max-width:768px){.p-6{padding:1rem!important}.p-8{padding:1.25rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1rem!important;padding-bottom:1rem!important}.px-8{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-8{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.gap-6{gap:1rem!important}.gap-8{gap:1.25rem!important}.mb-6{margin-bottom:1rem!important}.mb-8{margin-bottom:1.25rem!important}.mt-6{margin-top:1rem!important}.mt-8{margin-top:1.25rem!important}}@media(max-width:768px){.mobile-flex-col{flex-direction:column!important}.mobile-flex-full{flex:1 1 100%!important}.mobile-hidden{display:none!important}.mobile-only{display:block!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:768px){video,.video-container{width:100%!important;height:auto!important}.aspect-video{aspect-ratio:16 / 9}.mobile-video-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}}@media(max-width:768px){.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tabs-list{display:flex;flex-wrap:nowrap;min-width:min-content}.tab-button{white-space:nowrap;padding:.75rem 1rem;font-size:14px}}@media(max-width:768px){.vuexy-badge,.badge,.pill{font-size:.75rem;padding:.25rem .5rem}}@media(max-width:768px){select,.dropdown-menu{font-size:16px}.dropdown-menu{left:0!important;right:0!important;width:100%!important;max-height:60vh;overflow-y:auto}}.mobile-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(max-width:768px){.mobile-scroll-x{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}@supports (padding: max(0px)){.mobile-safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.mobile-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mobile-safe-left{padding-left:max(1rem,env(safe-area-inset-left))}.mobile-safe-right{padding-right:max(1rem,env(safe-area-inset-right))}}@media(max-width:768px){.loading-spinner{width:32px;height:32px}}@media(max-width:768px){.toast,.notification{left:1rem!important;right:1rem!important;bottom:1rem!important;width:auto!important;max-width:calc(100% - 2rem)!important}}@media(max-width:768px)and (orientation:landscape){.py-6{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-8{padding-top:.75rem!important;padding-bottom:.75rem!important}header{padding-top:.5rem!important;padding-bottom:.5rem!important}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media print{.mobile-menu-button,.sidebar-backdrop,.mobile-only{display:none!important}}