:root{--os-primary:#7c3aed;--os-primary-hover:#6d28d9;--os-primary-light:#a78bfa;--os-primary-dark:#5b21b6;--os-primary-foreground:#ffffff;--os-secondary:#64748b;--os-secondary-hover:#475569;--os-secondary-foreground:#ffffff;--os-success:#10b981;--os-warning:#f59e0b;--os-error:#ef4444;--os-info:#3b82f6;--os-background:#ffffff;--os-foreground:#0f172a;--os-muted:#f1f5f9;--os-muted-foreground:#64748b;--os-border:#e2e8f0;--os-card:#ffffff;--os-card-foreground:#0f172a;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-4:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-5:linear-gradient(135deg,#fa709a,#fee140);--gradient-6:linear-gradient(135deg,#30cfd0,#330867);--timing-instant:50ms;--timing-fast:150ms;--timing-normal:250ms;--timing-slow:350ms;--timing-slower:500ms;--timing-slowest:1000ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-primary:0 10px 25px -5px rgba(124,58,237,0.25);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-tooltip:60;--z-notification:70}.dark{--os-background:#020617;--os-foreground:#f8fafc;--os-muted:#1e293b;--os-muted-foreground:#94a3b8;--os-border:#1e293b;--os-card:#0f172a;--os-card-foreground:#f8fafc;--os-primary:#a78bfa;--os-primary-hover:#c4b5fd;--os-primary-dark:#7c3aed}.theme-transition *{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:var(--timing-slower);transition-timing-function:var(--ease-in-out)}.demo-selector-btn,.os-templates-page .demo-selector-btn{position:relative!important;overflow:hidden!important;padding:var(--space-3) var(--space-6)!important;font-weight:500!important;border-radius:var(--radius-lg)!important;transition:all var(--timing-normal) var(--ease-out)!important;cursor:pointer!important;will-change:transform,box-shadow;background:var(--gradient-1)!important;color:white!important;border:none!important;box-shadow:var(--shadow-md)!important;display:inline-flex!important;align-items:center!important}.demo-selector-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0,transparent 70%);transform:translate(-50%,-50%);transition:width var(--timing-slow) var(--ease-out),height var(--timing-slow) var(--ease-out);pointer-events:none}.demo-selector-btn:hover:before{width:300px;height:300px}.demo-selector-btn.active{transform:translateY(-2px)!important;background:var(--gradient-1)!important;color:var(--os-primary-foreground)!important;box-shadow:var(--shadow-primary),0 0 20px rgba(124,58,237,.3)!important}.demo-selector-btn:hover:not(.active){transform:translateY(-1px)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(167,139,250,.1))!important}.demo-selector-btn:focus-visible{outline:2px solid var(--os-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(124,58,237,.1)}.customer-card,.grid-card,.order-card,.product-card,[class*=grid]>div{position:relative!important;transition:all var(--timing-normal) var(--ease-out)!important;border-radius:var(--radius-xl)!important;background:transparent!important;border:1px solid var(--os-border)!important;will-change:transform,box-shadow}.customer-card:before,.order-card:before,.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),rgba(167,139,250,.1),transparent);transition:left var(--timing-slower) var(--ease-in-out);pointer-events:none}.customer-card:hover:before,.order-card:hover:before,.product-card:hover:before{left:100%}.customer-card:hover,.grid-card:hover,.order-card:hover,.product-card:hover,[class*=grid]>div:hover{transform:translateY(-6px) rotateX(-2deg) scale(1.02)!important;box-shadow:var(--shadow-2xl),0 0 0 1px rgba(124,58,237,.1)!important}.grid-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(124,58,237,.06),transparent 40%);opacity:0;transition:opacity var(--timing-normal);pointer-events:none}.grid-card:hover:after{opacity:1}.avatar-gradient{position:relative;background:var(--gradient-1);background-size:200% 200%;animation:gradientMorph 8s ease infinite;will-change:background-position}@keyframes gradientMorph{0%{background:var(--gradient-1);background-position:0 50%}16%{background:var(--gradient-2);background-position:25% 50%}33%{background:var(--gradient-3);background-position:50% 50%}50%{background:var(--gradient-4);background-position:75% 50%}66%{background:var(--gradient-5);background-position:100% 50%}83%{background:var(--gradient-6);background-position:75% 50%}to{background:var(--gradient-1);background-position:0 50%}}.avatar-gradient:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:inherit;filter:blur(10px);opacity:.5;z-index:-1;animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.status-badge{position:relative;display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--timing-fast) var(--ease-out)}.status-badge.active,[class*=text-green],span:contains("active"){background:linear-gradient(135deg,var(--os-success) 0,#059669 100%)!important;color:white!important;box-shadow:0 2px 4px rgba(16,185,129,.2)!important;padding:var(--space-1) var(--space-3)!important;border-radius:var(--radius-full)!important;display:inline-flex!important}.status-badge.inactive,[class*=text-gray],span:contains("inactive"){background:linear-gradient(135deg,var(--os-secondary) 0,#475569 100%)!important;color:white!important;box-shadow:0 2px 4px rgba(100,116,139,.2)!important;padding:var(--space-1) var(--space-3)!important;border-radius:var(--radius-full)!important;display:inline-flex!important}.status-badge.pending,[class*=text-yellow],span:contains("pending"){background:linear-gradient(135deg,var(--os-warning) 0,#d97706 100%)!important;color:white!important;box-shadow:0 2px 4px rgba(245,158,11,.2)!important;padding:var(--space-1) var(--space-3)!important;border-radius:var(--radius-full)!important;display:inline-flex!important}.status-badge:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:inherit;border-radius:inherit;transform:translate(-50%,-50%);filter:blur(8px);opacity:0;transition:opacity var(--timing-normal) var(--ease-out)}.status-badge:hover:before{opacity:.5}.status-badge.pending{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.table-row-hover{position:relative;transition:all var(--timing-fast) var(--ease-out)}.table-row-hover:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--gradient-1);transform:scaleY(0);transition:transform var(--timing-fast) var(--ease-out)}.table-row-hover:hover{background:linear-gradient(90deg,rgba(124,58,237,.05),rgba(167,139,250,.02));transform:translateX(4px)}.table-row-hover:hover:before{transform:scaleY(1)}.view-switcher{position:relative;display:inline-flex;background:linear-gradient(135deg,rgba(124,58,237,.05),rgba(167,139,250,.05));border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1)}.view-switcher-indicator{position:absolute;top:var(--space-1);height:calc(100% - var(--space-2));background:var(--gradient-1);border-radius:var(--radius-md);transition:all var(--timing-normal) var(--ease-bounce);z-index:0}.view-switcher button{position:relative;z-index:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--timing-fast) var(--ease-out);cursor:pointer;font-weight:500}.view-switcher button.active{color:white;text-shadow:0 1px 2px rgba(0,0,0,.1)}.view-switcher button:not(.active):hover{background:rgba(124,58,237,.05)}.loading-shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--os-muted) 0,rgba(124,58,237,.05) 25%,rgba(167,139,250,.05) 50%,rgba(124,58,237,.05) 75%,var(--os-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1;background:var(--os-muted)}50%{opacity:.6;background:linear-gradient(90deg,var(--os-muted) 0,rgba(124,58,237,.05) 50%,var(--os-muted) 100%)}}.action-btn{position:relative;overflow:hidden;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--timing-fast) var(--ease-out);cursor:pointer;will-change:transform}.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:50%;transform:translate(-50%,-50%) scale(1);transition:all var(--timing-slower) var(--ease-out)}.action-btn:active:after{opacity:0;transform:translate(-50%,-50%) scale(40);transition:transform var(--timing-normal) var(--ease-out),opacity var(--timing-slower) var(--ease-out)}.action-btn:hover,button[class*=px-]:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(135deg,var(--os-primary) 0,var(--os-primary-light) 100%)!important;color:white!important}.action-btn:focus-visible{outline:2px solid var(--os-primary);outline-offset:2px}.floating-action{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:var(--z-sticky);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(124,58,237,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}75%{transform:translateY(-5px) rotate(-1deg)}}.feature-card{position:relative;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--os-card);border:1px solid var(--os-border);transition:all var(--timing-normal) var(--ease-out);overflow:hidden}.feature-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--os-primary),var(--os-primary-light),var(--os-info),var(--os-success));border-radius:inherit;opacity:0;z-index:-1;transition:opacity var(--timing-normal) var(--ease-out);animation:borderRotate 3s linear infinite}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:transparent}.feature-card .icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-1);color:white;margin-bottom:var(--space-4);transition:all var(--timing-normal) var(--ease-bounce)}.feature-card:hover .icon{transform:translateY(-4px) rotate(5deg);box-shadow:0 8px 16px rgba(124,58,237,.3)}.kanban-column{background:var(--os-muted);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--timing-normal) var(--ease-out)}.kanban-column:hover{box-shadow:0 0 0 2px rgba(124,58,237,.1),var(--shadow-lg);transform:scale(1.01)}.kanban-card{background:var(--os-card);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:move;transition:all var(--timing-fast) var(--ease-out)}.kanban-card:hover{transform:scale(1.03) rotate(.5deg);box-shadow:var(--shadow-lg)}.kanban-card.dragging{opacity:.5;transform:rotate(2deg);cursor:grabbing}.export-menu{animation:slideInDown var(--timing-normal) var(--ease-bounce);transform-origin:top right}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-menu-item{transition:all var(--timing-fast) var(--ease-out)}.export-menu-item:hover{background:var(--gradient-1);color:white;transform:translateX(4px)}.search-input{position:relative;transition:all var(--timing-normal) var(--ease-out)}.search-input:focus{transform:translateX(5px);box-shadow:0 0 0 3px rgba(124,58,237,.1),var(--shadow-md);border-color:var(--os-primary)}.search-input:focus+.search-icon{color:var(--os-primary);transform:rotate(90deg)}.pulse-new{position:relative}.pulse-new:after{content:"";position:absolute;top:-5px;right:-5px;width:10px;height:10px;background:var(--os-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@media (max-width:768px){:root{--space-multiplier:0.875}.demo-selector-btn{font-size:.875rem;padding:var(--space-2) var(--space-4)}.feature-card{padding:var(--space-4)}.floating-action{bottom:var(--space-4);right:var(--space-4)}}@media print{*{animation:none!important;transition:none!important}.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.action-btn:focus-visible,.demo-selector-btn.active,.search-input:focus{outline:3px solid currentColor;outline-offset:2px}.table-row-hover:hover{outline:2px solid currentColor}.status-badge{border:2px solid}}.os-view-switcher{display:flex;align-items:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.25rem}.os-view-switcher:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.os-view-switcher-btn{padding:.375rem .75rem!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.os-status-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.os-status-active{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.os-status-active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.os-status-pending{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.os-status-pending:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.os-status-closed,.os-status-inactive{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.os-status-closed:is(.dark *),.os-status-inactive:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.os-status-archived{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.os-status-archived:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.os-priority-badge{border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.os-priority-critical{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.os-priority-critical:is(.dark *){background-color:rgb(127 29 29/.3);--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.os-priority-high{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.os-priority-high:is(.dark *){background-color:rgb(124 45 18/.3);--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.os-priority-medium{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.os-priority-medium:is(.dark *){background-color:rgb(30 58 138/.3);--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.os-priority-low{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.os-priority-low:is(.dark *){background-color:rgb(55 65 81/.3);--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-grid-card{border-radius:.75rem;border-width:1px;--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));padding:1.5rem;--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover) and (pointer:fine){.os-grid-card:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.os-grid-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.os-grid-card-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.os-grid-card-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-grid-card-title{font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.os-grid-card-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-grid-card-subtitle{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.os-grid-card-subtitle:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-grid-card-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.os-grid-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.os-grid-card-meta:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-progress-container{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:.75rem}.os-progress-container:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.os-progress-header{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between}.os-progress-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.os-progress-label:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-progress-value{font-size:.875rem;line-height:1.25rem;font-weight:500}.os-progress-bar{height:.5rem;width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.os-progress-bar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.os-progress-fill{height:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.os-table-row-icon{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.os-table-row-icon:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.os-table-row-icon-inner{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.os-table-row-icon-inner:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.os-table-cell-primary{font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.os-table-cell-primary:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-table-cell-secondary{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.os-table-cell-secondary:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-kanban-column{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:1rem}.os-kanban-column:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.os-kanban-column-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.os-kanban-column-title{font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.os-kanban-column-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-kanban-card{border-radius:.5rem;border-width:1px;--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));padding:1rem;--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover) and (pointer:fine){.os-kanban-card:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.os-kanban-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.os-kanban-card-title{margin-bottom:.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.os-kanban-card-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-kanban-card-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.os-kanban-card-description:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-kanban-card-footer{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:.75rem}.os-kanban-card-footer:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.os-empty-container{display:flex;height:24rem;align-items:center;justify-content:center}.os-empty-content{text-align:center}.os-empty-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:4rem;width:4rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.os-empty-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.os-empty-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.os-empty-description{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.os-empty-description:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-loading-container{display:flex;height:24rem;align-items:center;justify-content:center}.os-loading-spinner{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.os-loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.os-loading-text{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.os-loading-text:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.os-view-container{display:flex;height:100%;flex-direction:column}.os-view-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.os-view-content{min-height:0;flex:1 1 0%}@media (max-width:768px){.os-grid-card{padding:1rem}.os-view-switcher-btn{padding:.25rem .5rem!important}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:#10B981 #F3F4F6}.dark .thin-scrollbar{scrollbar-color:#10B981 #1F2937}.thin-scrollbar::-webkit-scrollbar{width:4px;height:4px}.thin-scrollbar::-webkit-scrollbar-track{background:#F3F4F6;border-radius:2px}.thin-scrollbar::-webkit-scrollbar-thumb{background:#10B981;border-radius:2px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#059669}.dark .thin-scrollbar::-webkit-scrollbar-track{background:#1F2937}.dark .thin-scrollbar::-webkit-scrollbar-thumb{background:#10B981}.dark .thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#34D399}.thick-scrollbar{scrollbar-width:auto;scrollbar-color:#3B82F6 #E5E7EB}.dark .thick-scrollbar{scrollbar-color:#60A5FA #374151}.thick-scrollbar::-webkit-scrollbar{width:12px;height:12px}.thick-scrollbar::-webkit-scrollbar-track{background:#E5E7EB;border-radius:6px}.thick-scrollbar::-webkit-scrollbar-thumb{background:#3B82F6;border-radius:6px}.thick-scrollbar::-webkit-scrollbar-thumb:hover{background:#2563EB}.dark .thick-scrollbar::-webkit-scrollbar-track{background:#374151}.dark .thick-scrollbar::-webkit-scrollbar-thumb{background:#60A5FA}.dark .thick-scrollbar::-webkit-scrollbar-thumb:hover{background:#93BBFC}.rounded-scrollbar{scrollbar-width:auto;scrollbar-color:#EF4444 #FEE2E2}.dark .rounded-scrollbar{scrollbar-color:#F87171 #7F1D1D}.rounded-scrollbar::-webkit-scrollbar{width:10px;height:10px}.rounded-scrollbar::-webkit-scrollbar-track{background:#FEE2E2;border-radius:10px}.rounded-scrollbar::-webkit-scrollbar-thumb{background:#EF4444;border-radius:10px;border:2px solid #fee2e2}.rounded-scrollbar::-webkit-scrollbar-thumb:hover{background:#DC2626}.dark .rounded-scrollbar::-webkit-scrollbar-track{background:#7F1D1D}.dark .rounded-scrollbar::-webkit-scrollbar-thumb{background:#F87171;border:2px solid #7f1d1d}.dark .rounded-scrollbar::-webkit-scrollbar-thumb:hover{background:#FCA5A5}.invisible-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.invisible-scrollbar:hover{scrollbar-color:rgba(107,70,193,.5) transparent}.invisible-scrollbar::-webkit-scrollbar{width:6px;height:6px}.invisible-scrollbar::-webkit-scrollbar-track{background:transparent}.invisible-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .3s;transition:background .3s}.invisible-scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(107,70,193,.5)}.invisible-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:rgba(107,70,193,.8)}.gradient-scrollbar{scrollbar-width:thin;scrollbar-color:#6B46C1 #F3F4F6}.dark .gradient-scrollbar{scrollbar-color:#9333EA #1F2937}.gradient-scrollbar::-webkit-scrollbar{width:8px;height:8px}.gradient-scrollbar::-webkit-scrollbar-track{background:linear-gradient(180deg,#F3F4F6,#E5E7EB);border-radius:4px}.gradient-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6B46C1,#9333EA);border-radius:4px}.gradient-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7C3AED,#A855F7)}.dark .gradient-scrollbar::-webkit-scrollbar-track{background:linear-gradient(180deg,#1F2937,#111827)}.dark .gradient-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333EA,#C084FC)}.dark .gradient-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#A855F7,#D8B4FE)}.dark ::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.dark ::-webkit-scrollbar-thumb{background:#818cf8;border:2px solid transparent;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:#6366f1;background-clip:padding-box}.thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.thin-scrollbar::-webkit-scrollbar-thumb{border-radius:3px;border:1px solid transparent}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-always{overflow-y:scroll!important}.scrollbar-always::-webkit-scrollbar{width:8px;display:block!important}.scrollbar-always::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.scrollbar-always::-webkit-scrollbar-thumb{background:rgba(107,70,193,.5);border-radius:4px}.scrollbar-always::-webkit-scrollbar-thumb:hover{background:rgba(107,70,193,.7)}.dark .scrollbar-always::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.dark .scrollbar-always::-webkit-scrollbar-thumb{background:rgba(129,140,248,.5)}.dark .scrollbar-always::-webkit-scrollbar-thumb:hover{background:rgba(129,140,248,.7)}.overlay-scrollbar{overflow:overlay}.overlay-scrollbar::-webkit-scrollbar{width:10px;height:10px}.overlay-scrollbar::-webkit-scrollbar-track{background:transparent}.overlay-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:10px}.overlay-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.dark .overlay-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3)}.dark .overlay-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}*{scrollbar-width:thin;scrollbar-color:#6B46C1 #0a0e27}.dark *{scrollbar-color:#7C52D3 #1a2144}html{scroll-behavior:smooth}.custom-scroll{overflow-y:auto;overflow-x:hidden}.custom-scroll-horizontal{overflow-x:auto;overflow-y:hidden}.custom-scroll-both{overflow:auto}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:4px}.dark .table-container::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}.dark .table-container::-webkit-scrollbar-thumb{background:#4c1d95}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-1{-webkit-line-clamp:1}.text-clamp-1,.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-3{-webkit-line-clamp:3}.text-clamp-3,.text-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-4{-webkit-line-clamp:4}.text-break-words{word-break:break-word;overflow-wrap:break-word}.text-break-all{word-break:break-all}.card-content,.text-responsive{min-width:0;max-width:100%}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.card-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:break-word;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.card-description:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.table-cell-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-text-wrap{max-width:200px;overflow-wrap:break-word}.flex-text-container{display:flex;min-width:0;align-items:center;gap:.5rem}.flex-text-content{min-width:0;flex:1 1 0%}.badge-text{max-width:100px}.badge-text,.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-text{max-width:150px}@media (max-width:640px){.table-cell-text,.table-cell-text-wrap{max-width:120px}.badge-text{max-width:80px}.label-text{max-width:100px}}@media (min-width:1024px){.table-cell-text,.table-cell-text-wrap{max-width:300px}.badge-text{max-width:150px}.label-text{max-width:200px}}.text-truncate-tooltip{cursor:help;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-tooltip:hover{z-index:10}.text-no-select-overflow{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.text-responsive-xs{font-size:.75rem;line-height:1rem}@media (min-width:640px){.text-responsive-xs{font-size:.875rem;line-height:1.25rem}}.text-responsive-sm{font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.text-responsive-sm{font-size:1rem;line-height:1.5rem}}.text-responsive-base{font-size:1rem;line-height:1.5rem}@media (min-width:640px){.text-responsive-base{font-size:1.125rem;line-height:1.75rem}}.text-responsive-lg{font-size:1.125rem;line-height:1.75rem}@media (min-width:640px){.text-responsive-lg{font-size:1.25rem;line-height:1.75rem}}.card-container{overflow:hidden;border-radius:.5rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover) and (pointer:fine){.card-container:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.card-header{margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.card-body{min-width:0;max-width:100%}.list-item-container{display:flex;align-items:center;gap:.75rem;overflow:hidden;border-radius:.5rem;padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover) and (pointer:fine){.list-item-container:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.list-item-container:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}}.list-item-content{min-width:0;flex:1 1 0%}.list-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.list-item-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.list-item-description:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}