@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Syne:wght@400;550;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width-expanded:260px;--sidebar-width-collapsed:72px;--header-height:70px}:root[data-theme=light]{--background:348 100% 99%;--foreground:220 23% 23%;--surface:0 0% 100%;--surface-hover:343 65% 94%;--surface-border:343 55% 91%;--primary:325 78% 48%;--primary-foreground:0 0% 100%;--primary-hover:325 78% 40%;--secondary:38 67% 65%;--secondary-foreground:269 45% 30%;--secondary-hover:38 67% 55%;--success:142 72% 29%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--error:346 84% 61%;--error-foreground:0 0% 100%;--info:217 91% 60%;--info-foreground:0 0% 100%;--neutral-muted:220 10% 45%;--neutral-subtle:343 65% 97%;--shadow-sm:0 1px 2px 0 #4b2a6f05;--shadow-md:0 8px 24px -1px #4b2a6f0d;--shadow-lg:0 16px 36px -3px #4b2a6f14;--glass-background:#fff7fab3;--glass-border:#4b2a6f0f;--brand-deep-purple:#4b2a6f;--brand-magenta:#d81b8a;--brand-rose-pink:#f06292;--brand-soft-lilac:#e4b7e5;--brand-blush:#fce4ec;--brand-ivory:#fff7fa;--brand-charcoal:#2d3748;--brand-rose-gold:#e0b66c}:root[data-theme=dark]{--background:269 45% 8%;--foreground:348 100% 99%;--surface:269 45% 12%;--surface-hover:269 40% 16%;--surface-border:269 30% 18%;--primary:325 78% 52%;--primary-foreground:0 0% 100%;--primary-hover:325 78% 44%;--secondary:38 67% 65%;--secondary-foreground:348 100% 99%;--secondary-hover:38 67% 55%;--success:142 68% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--error:346 84% 65%;--error-foreground:0 0% 100%;--info:217 91% 60%;--info-foreground:0 0% 100%;--neutral-muted:210 15% 65%;--neutral-subtle:269 45% 10%;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 16px -1px #0006;--shadow-lg:0 16px 36px -3px #00000080;--glass-background:#160f23bf;--glass-border:#ffffff0d;--brand-deep-purple:#4b2a6f;--brand-magenta:#d81b8a;--brand-rose-pink:#f06292;--brand-soft-lilac:#e4b7e5;--brand-blush:#fce4ec;--brand-ivory:#fff7fa;--brand-charcoal:#2d3748;--brand-rose-gold:#e0b66c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;border:none!important;outline:none!important;margin:0!important;padding:0!important}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--surface-border));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--neutral-muted))}.text-muted{color:hsl(var(--neutral-muted))}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.glassmorphic{background:var(--glass-background);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.py-gradient-line{background:linear-gradient(90deg,#4b2a6f00 0%,#d81b8ad9 30%,#f06292 50%,#d81b8ad9 70%,#4b2a6f00 100%);border:none;width:100%;height:2px;margin:0;display:block}.demo-content-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;display:grid}.demo-card{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.demo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-metadata-row{padding-top:var(--space-4);border-top:1px solid var(--surface-border);margin-top:auto}.token-showcase-row{background-color:hsl(var(--secondary));padding:var(--space-4);border-radius:var(--radius-md)}.btn-error-hover:hover{background-color:hsla(var(--error), .15)!important;border-color:hsl(var(--error))!important;color:hsl(var(--error))!important}.animate-spin{animation:1s linear infinite spinner-spin}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.error-boundary{background-color:hsl(var(--background));width:100vw;height:100vh;color:hsl(var(--foreground));padding:var(--space-6)}.error-boundary-icon{border-radius:var(--radius-full);background-color:hsla(var(--error), .15);width:96px;height:96px;color:hsl(var(--error));margin-bottom:var(--space-6)}.error-boundary-title{margin-bottom:var(--space-3)}.error-boundary-message{max-width:480px;margin-bottom:var(--space-8)}.sidebar{border-right:1px solid var(--glass-border);height:100vh;box-shadow:var(--shadow-sm);z-index:100;transition:width var(--transition-normal);position:fixed;top:0;bottom:0;left:0}.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background-color:#0006;position:fixed;inset:0}.sidebar-header{height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--glass-border);flex-shrink:0}.logo-circle{border-radius:var(--radius-md);background-color:hsl(var(--primary));width:34px;height:34px;color:hsl(var(--primary-foreground));margin-right:var(--space-3);font-size:14px}.logo-circle-collapsed{border-radius:var(--radius-md);background-color:hsl(var(--primary));width:40px;height:40px;color:hsl(var(--primary-foreground));margin:0 auto;font-size:16px}.logo-text{text-align:left}.logo-title{letter-spacing:.5px;line-height:16px}.logo-subtitle{font-size:10px}.mobile-close-btn{display:none}.sidebar-workspace-area{padding:var(--space-4);border-bottom:1px solid var(--glass-border);flex-shrink:0}.sidebar-nav-container{padding:var(--space-4) 0;flex-grow:1;overflow-y:auto}.nav-group{margin-bottom:var(--space-5)}.nav-group-header{padding:0 var(--space-4);margin-bottom:var(--space-2);letter-spacing:.8px}.nav-list{list-style:none}.nav-list-item{padding:2px var(--space-3)}.nav-item-btn{border-radius:var(--radius-md);width:100%;height:auto;min-height:40px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);text-align:left;justify-content:flex-start;align-items:center;display:flex}.nav-item-btn:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--foreground))}.nav-item-active{background-color:hsla(var(--primary), .1);color:hsl(var(--primary))!important}.nav-item-icon-wrapper{width:24px;height:24px;margin-right:var(--space-3);flex-shrink:0}.nav-item-child{padding-left:2rem!important}.nav-item-label{text-align:left;flex-grow:1;line-height:1.3}.sidebar-collapsed .nav-item-icon-wrapper{width:100%;margin-right:0}.sidebar-collapsed .nav-group-header{display:none}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--glass-border);flex-shrink:0}.logout-btn{border-radius:var(--radius-md);height:40px;padding:0 var(--space-3);transition:background var(--transition-fast)}.logout-btn:hover{background-color:hsla(var(--error), .1)}.logout-btn:hover .logout-icon,.logout-btn:hover .logout-label{color:hsl(var(--error))!important}.exit-btn{border-radius:var(--radius-md);height:40px;padding:0 var(--space-3);transition:background var(--transition-fast)}.exit-btn:hover{background-color:#4b2a6f0f}.exit-btn:hover .logout-icon,.exit-btn:hover .logout-label{color:var(--brand-deep-purple,#4b2a6f)!important}.logout-icon{margin-right:var(--space-3);transition:color var(--transition-fast)}.logout-btn-collapsed .logout-icon{margin-right:0}.sidebar-collapse-toggle{right:-12px;top:calc(var(--header-height) + 24px);border-radius:var(--radius-full);background-color:hsl(var(--surface));border:1px solid hsl(var(--surface-border));width:24px;height:24px;color:hsl(var(--foreground));z-index:105;transition:all var(--transition-fast);position:absolute}.sidebar-collapse-toggle:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--primary))}.header{height:var(--header-height);border-bottom:1px solid var(--glass-border);padding:0 var(--space-6);z-index:50;transition:left var(--transition-normal);position:fixed;top:0;right:0}.mobile-menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:hsl(var(--foreground));display:none}.mobile-menu-toggle:hover{background-color:hsl(var(--surface-hover))}.header-divider{background-color:hsl(var(--surface-border));width:1px;height:24px;margin:0 var(--space-4)}.header-action-btn{border-radius:var(--radius-md);width:38px;height:38px;color:hsl(var(--neutral-muted));transition:all var(--transition-fast);margin-left:var(--space-2)}.header-action-btn:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--foreground))}.header-profile{gap:var(--space-3)}.profile-name{line-height:16px}.profile-role{font-size:10px}.notif-dropdown-container{position:relative}.notif-badge-indicator{border-radius:var(--radius-full);background-color:hsl(var(--error));width:8px;height:8px;position:absolute;top:8px;right:8px}.notif-dropdown{border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:1000;animation:.2s dropdown-slide-up;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.notif-list{max-height:280px;overflow-y:auto}.notif-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border);transition:background var(--transition-fast);cursor:pointer}.notif-item:hover{background-color:hsl(var(--surface-hover))}.notif-item-icon-wrapper{border-radius:var(--radius-full);width:28px;height:28px;margin-right:var(--space-3);flex-shrink:0}.notif-success{background-color:hsla(var(--success), .15);color:hsl(var(--success))}.notif-warning{background-color:hsla(var(--warning), .15);color:hsl(var(--warning))}.notif-error{background-color:hsla(var(--error), .15);color:hsl(var(--error))}.notif-item-content{flex-grow:1}.notif-item-title{line-height:18px}.notif-item-desc{margin-top:2px}.notif-item-time{margin-top:4px}.notif-dropdown-footer{padding:var(--space-3);border-top:1px solid var(--glass-border)}@media (width>=768px){.sidebar-expanded~.header{left:var(--sidebar-width-expanded)}.sidebar-collapsed~.header{left:var(--sidebar-width-collapsed)}}@media (width<=767px){.sidebar{z-index:150;transform:translate(-100%);width:var(--sidebar-width-expanded)!important}.sidebar-mobile-open{transform:translate(0)}.sidebar-collapse-toggle{display:none}.mobile-menu-toggle{margin-right:var(--space-3);display:flex}.mobile-close-btn{border-radius:var(--radius-full);width:32px;height:32px;color:hsl(var(--neutral-muted));justify-content:center;align-items:center;display:flex}.mobile-close-btn:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--foreground))}.header{padding:0 var(--space-4);left:0!important}.header-breadcrumbs,.header-middle,.profile-text{display:none}}.command-palette-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0006;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.command-palette-dialog{border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);animation:.2s cp-slide-down;overflow:hidden}.cp-header{padding:0 var(--space-4);border-bottom:1px solid var(--glass-border);height:52px}.cp-search-icon{margin-right:var(--space-3)}.cp-input{color:hsl(var(--foreground));flex-grow:1}.cp-input::placeholder{color:hsl(var(--neutral-muted))}.cp-esc-badge{background-color:hsl(var(--secondary));border-radius:var(--radius-sm);padding:2px 8px;font-family:monospace}.cp-body{max-height:380px;padding:var(--space-4) 0;overflow-y:auto}.cp-section{margin-bottom:var(--space-4)}.cp-section-header{padding:0 var(--space-4);margin-bottom:var(--space-2);letter-spacing:.5px}.cp-list{flex-direction:column;display:flex}.cp-item{height:48px;padding:0 var(--space-4);transition:background var(--transition-fast)}.cp-item:hover{background-color:hsl(var(--surface-hover))}.cp-item-icon{align-items:center;display:flex}.cp-category-badge{background-color:hsla(var(--primary), .12);color:hsl(var(--primary));border-radius:var(--radius-sm);padding:2px 8px}.cp-no-results{padding:var(--space-8) 0}.cp-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--glass-border);background-color:hsl(var(--secondary))}.cp-footer kbd{background-color:hsl(var(--surface));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-sm);margin:0 2px;padding:1px 4px;font-family:monospace}@keyframes cp-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-error-alert{background-color:hsla(var(--error), .1);border:1px solid hsla(var(--error), .2);color:hsl(var(--error))}.input-with-icon-wrapper{border:1px solid hsl(var(--surface-border));border-radius:var(--radius-md);background-color:hsl(var(--surface));padding-left:var(--space-10);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative}.input-with-icon-wrapper:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary), .15)}.input-icon{left:var(--space-4);color:hsl(var(--neutral-muted));pointer-events:none;position:absolute}.auth-form-input{height:40px;color:hsl(var(--foreground));padding-right:var(--space-4);background:0 0;border:none;outline:none}.quick-fill-divider{border-top:1px solid hsl(var(--surface-border))}.quick-fill-btn{background-color:hsl(var(--secondary));border:1px solid hsl(var(--surface-border));border-radius:var(--radius-md);transition:all var(--transition-fast);color:hsl(var(--foreground))}.back-to-login-btn{cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.bg-error-light{background-color:hsla(var(--error), .1)}.bg-primary-light{background-color:hsla(var(--primary), .1)}.btn-error-hover:hover{background-color:hsla(var(--error), .1)!important;color:hsl(var(--error))!important;border-color:hsl(var(--error))!important}.profile-page-grid,.settings-page-grid{width:100%}.avatar-upload-hover-btn{border-radius:var(--radius-full)}.profile-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.profile-roles-container{border-top:1px solid hsl(var(--surface-border))}.profile-form-container,.password-change-container,.preference-panel-container,.session-card-container,.roles-table-card,.permissions-table-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.roles-details-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.table-responsive{width:100%;overflow-x:auto}table{border-spacing:0}tr.border-bottom{border-bottom:1px solid hsl(var(--surface-border))}th,td{padding:var(--space-3) var(--space-4)}.crm-metrics-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.crm-analytics-grid{gap:var(--space-6);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.metric-card{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);background:#ffffffb3;border:1px solid #4b2a6f14;display:flex;box-shadow:0 4px 15px #4b2a6f0a}.metric-card:hover{border-color:#4b2a6f26;transform:translateY(-3px);box-shadow:0 10px 25px #4b2a6f14}.metric-icon-wrapper{padding:var(--space-3);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.analytics-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal);padding:var(--space-6);background:#ffffffbf;border:1px solid #4b2a6f14;box-shadow:0 6px 20px #4b2a6f0d}.analytics-card:hover{box-shadow:0 12px 30px #4b2a6f14}.analytics-card-row{padding:var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.analytics-card-info{flex-direction:column;display:flex}.progress-radial-placeholder{background:conic-gradient(var(--brand-saffron,#f7941d) calc(var(--val) * 1%), #f1f5f9 0);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-radial-placeholder:before{content:"";background:#fff;border-radius:50%;width:62px;height:62px;position:absolute;box-shadow:0 2px 5px #0000000a}.progress-radial-placeholder span{color:var(--brand-deep-purple,#4b2a6f);z-index:2;font-size:1.05rem;font-weight:750;position:relative}.pipeline-row{margin-bottom:var(--space-4);transition:transform var(--transition-fast)}.pipeline-row:hover{transform:translate(4px)}.pipeline-header{font-size:var(--text-xs);margin-bottom:var(--space-1);justify-content:space-between;font-weight:600;display:flex}.pipeline-bar-wrapper{border-radius:var(--radius-full);background-color:#f1f5f9;box-shadow:inset 0 1px 3px #0000000f}.pipeline-bar{border-radius:var(--radius-full)}@media (width<=768px){.crm-dashboard{padding:var(--space-2)!important}.crm-metrics-grid{gap:var(--space-3)!important;grid-template-columns:repeat(2,1fr)!important}.crm-analytics-grid{gap:var(--space-4)!important;grid-template-columns:1fr!important}}@media (width<=480px){.crm-metrics-grid{grid-template-columns:1fr!important}}.timeline-flow{border-left:2px solid hsl(var(--surface-border));padding-left:var(--space-4);margin-left:var(--space-2)}.timeline-bullet{width:12px;height:12px;top:4px;left:-23px}.hover-row:hover{background-color:hsla(var(--primary), .05)}.note-card-item{border-left:3px solid hsl(var(--primary))}.responsive-table{border-collapse:collapse;width:100%}.responsive-table th{padding:var(--space-3) var(--space-4);color:var(--muted,#7c8ba1);border-bottom:2px solid #4b2a6f14;font-weight:600}.responsive-table td{padding:var(--space-3) var(--space-4);vertical-align:middle;transition:background-color var(--transition-fast);border-bottom:1px solid #4b2a6f0f}.responsive-table tr:hover td{background-color:#4b2a6f04}.verification-alert-item{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#f7941d14;border:1px solid #f7941d33;justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.responsive-table thead{display:none}.responsive-table tbody{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.responsive-table tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal);background:#ffffffd9;border:1px solid #4b2a6f14;display:block;box-shadow:0 4px 15px #4b2a6f08}.responsive-table tr:hover{border-color:#4b2a6f26;transform:translateY(-2px);box-shadow:0 8px 20px #4b2a6f0f}.responsive-table td{text-align:right;border-bottom:1px solid #4b2a6f0a;justify-content:space-between;align-items:center;display:flex;padding:var(--space-2) 0!important}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);color:var(--muted,#7c8ba1);text-transform:uppercase;letter-spacing:.5px;text-align:left;margin-right:var(--space-4);font-size:.72rem;font-weight:600}.responsive-table td>button,.responsive-table td>a{margin-left:auto}}.py-nav-user-profile{align-items:center;gap:var(--space-2);cursor:pointer;padding:4px var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#4b2a6f0a;border:1px solid #4b2a6f14;display:flex}.py-nav-user-profile:hover{background:#4b2a6f14;border-color:#4b2a6f26;transform:translateY(-1px)}.py-nav-user-avatar{object-fit:cover;border:1.5px solid var(--brand-saffron,#f7941d);border-radius:50%;width:28px;height:28px}.py-nav-user-avatar-placeholder{background:var(--brand-saffron,#f7941d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.py-nav-user-name{color:var(--brand-deep-purple,#4b2a6f);font-size:.88rem;font-weight:600}.skeleton{background:linear-gradient(90deg, hsl(var(--surface-border)) 25%, hsl(var(--surface-hover)) 37%, hsl(var(--surface-border)) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-pulse}.skeleton-text{border-radius:var(--radius-sm);height:16px;margin-bottom:var(--space-2)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-rectangle{border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:100%}to{background-position:0%}}.badge{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;width:fit-content;padding:2px 10px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.badge-success{background-color:hsla(var(--success), .15);color:hsl(var(--success))}.badge-warning{background-color:hsla(var(--warning), .15);color:hsl(var(--warning))}.badge-error{background-color:hsla(var(--error), .15);color:hsl(var(--error))}.badge-info{background-color:hsla(var(--info), .15);color:hsl(var(--info))}.badge-primary{background-color:hsla(var(--primary), .15);color:hsl(var(--primary))}.badge-neutral{background-color:hsla(var(--secondary-foreground), .1);color:hsl(var(--neutral-muted))}.avatar{border-radius:var(--radius-full);background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-initials{text-transform:uppercase}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover:not(:disabled){background-color:hsl(var(--primary-hover))}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--secondary-hover))}.btn-outline{border-color:hsl(var(--surface-border));color:hsl(var(--foreground));background-color:#0000}.btn-outline:hover:not(:disabled){background-color:hsl(var(--surface-hover));border-color:hsl(var(--neutral-muted))}.btn-text{color:hsl(var(--neutral-muted));background-color:#0000}.btn-text:hover:not(:disabled){color:hsl(var(--foreground));background-color:hsl(var(--surface-hover))}.btn-sm{height:32px;padding:6px 12px;font-size:13px}.btn-md{height:40px;padding:8px 18px;font-size:14px}.btn-lg{height:48px;padding:10px 24px;font-size:16px}.btn-icon{align-items:center;display:inline-flex}.btn-icon-left{margin-right:var(--space-2)}.btn-icon-right{margin-left:var(--space-2)}.btn-spinner{border-radius:var(--radius-full);width:16px;height:16px;margin-right:var(--space-2);border:2px solid;border-right-color:#0000;animation:.75s linear infinite spinner-spin}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:280px;max-width:420px;transition:all var(--transition-normal);align-items:center;animation:.3s ease-out toast-slide-in;display:flex}.toast-icon{margin-right:var(--space-3);align-items:center;display:flex}.toast-message{flex-grow:1;font-weight:500}.toast-close{margin-left:var(--space-3);color:hsl(var(--neutral-muted));transition:color var(--transition-fast);align-items:center;display:flex}.toast-close:hover{color:hsl(var(--foreground))}.toast-success .toast-icon{color:hsl(var(--success))}.toast-warning .toast-icon{color:hsl(var(--warning))}.toast-error .toast-icon{color:hsl(var(--error))}.toast-info .toast-icon{color:hsl(var(--info))}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-ring{border:3px solid hsl(var(--surface-border));border-top-color:hsl(var(--primary));border-radius:var(--radius-full);width:36px;height:36px;animation:.8s linear infinite spinner-spin}.loader-ring-sm{border-width:2px;width:20px;height:20px}.loader-full-page{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100vw;height:100vh;position:fixed;top:0;left:0}.loader-progress-wrapper{background-color:hsl(var(--surface-border));height:3px;position:relative;overflow:hidden}.loader-progress-bar{background-color:hsl(var(--primary));transform-origin:0;width:100%;height:100%}.animate-progress{animation:1.5s linear infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:scaleX(0)translate(-100%)}50%{transform:scaleX(.4)translate(100%)}to{transform:scaleX(0)translate(300%)}}.layout-standard{flex-grow:1;width:100%;max-width:1200px;margin:0 auto}.layout-full-width{flex-grow:1;width:100%}.layout-centered{min-height:calc(100vh - var(--header-height) - var(--space-12));flex-grow:1;justify-content:center;align-items:center;display:flex}.centered-layout-content-wrapper{width:100%;max-width:600px;padding:var(--space-4)}.layout-dashboard{flex-grow:1;width:100%}.layout-empty{background-color:hsl(var(--background));justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}:root[data-density=compact]{--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-8:24px;--space-10:32px;--space-12:40px;--header-height:56px;--sidebar-width-expanded:220px}.h-100{height:100%}.w-100{width:100%}.layout-auth{background-color:hsl(var(--background));min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-background-radial{z-index:1;background:radial-gradient(circle at 80% 20%, hsla(var(--primary), .08) 0%, transparent 60%), radial-gradient(circle at 10% 80%, hsla(var(--info), .06) 0%, transparent 50%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.auth-card-container{z-index:2;width:100%;max-width:440px;position:relative}.auth-logo-badge{border-radius:var(--radius-full);background-color:hsl(var(--primary));color:#fff;width:56px;height:56px;font-size:var(--font-lg);box-shadow:0 4px 20px hsla(var(--primary), .3)}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.app-shell{background-color:hsl(var(--background));width:100vw;height:100vh;display:flex;overflow:hidden}.app-main-container{min-height:100vh;transition:margin-left var(--transition-normal);background-color:hsl(var(--background));flex-direction:column;flex:1;display:flex}.main-expanded{margin-left:var(--sidebar-width-expanded)}.main-collapsed{margin-left:var(--sidebar-width-collapsed)}.app-content-viewport{padding-top:calc(var(--header-height) + var(--space-4));padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-6);width:100%;transition:padding var(--transition-normal);flex-grow:1;overflow-y:auto}.main-expanded .header{left:var(--sidebar-width-expanded)!important}.main-collapsed .header{left:var(--sidebar-width-collapsed)!important}.demo-card{background-color:hsl(var(--surface));border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid hsl(var(--surface-border))!important;box-shadow:var(--shadow-md)!important}.page-header-divider{background-color:hsl(var(--surface-border));height:1px;margin:var(--space-4) 0}.quick-fill-btn{background-color:hsl(var(--secondary))!important;border:1px solid hsl(var(--surface-border))!important}.quick-fill-btn:hover{background-color:hsl(var(--surface-hover))!important;border-color:hsl(var(--primary))!important}@media (width<=767px){.app-main-container{margin-left:0!important}.app-content-viewport{padding-left:var(--space-4);padding-right:var(--space-4)}}.search-input-wrapper{padding:0 var(--space-3);border-radius:var(--radius-md);background-color:hsl(var(--secondary));width:100%;max-width:320px;height:38px;transition:all var(--transition-fast);align-items:center;display:flex;position:relative}.search-input-wrapper:focus-within{background-color:hsl(var(--surface));border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary), .15)}.search-icon{color:hsl(var(--neutral-muted));margin-right:var(--space-2);align-items:center;display:flex}.search-input{height:100%;color:hsl(var(--foreground));flex-grow:1}.search-input::placeholder{color:hsl(var(--neutral-muted));opacity:.8}.search-shortcut{background-color:hsl(var(--surface-border));border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;padding:2px 6px;font-family:monospace}.breadcrumbs{align-items:center;display:flex}.breadcrumb-list{list-style:none}.breadcrumb-separator{margin:0 var(--space-2)}.breadcrumb-label{transition:color var(--transition-fast)}.breadcrumb-active{color:hsl(var(--foreground))}.empty-state{padding:var(--space-8) var(--space-4);max-width:380px;margin:0 auto}.empty-state-icon{margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.empty-state-title{margin-bottom:var(--space-2);color:hsl(var(--foreground))}.empty-state-description{margin-bottom:var(--space-6)}.empty-state-action{animation:fade-in var(--transition-fast)}.workspace-selector-container{width:100%;position:relative}.wsc-toggle{width:100%;height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);background-color:hsl(var(--surface));border-color:hsl(var(--surface-border));color:hsl(var(--foreground));transition:all var(--transition-fast);display:flex}.wsc-toggle:hover{background-color:hsl(var(--surface-hover))}.wsc-icon{margin-right:var(--space-2)}.wsc-chevron{color:hsl(var(--neutral-muted));transition:transform var(--transition-fast)}.wsc-chevron-open{transform:rotate(180deg)}.wsc-dropdown{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);z-index:1000;padding:var(--space-1) 0;animation:.2s dropdown-slide-up;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.wsc-dropdown-header{padding:var(--space-2) var(--space-3);letter-spacing:.5px}.wsc-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);color:hsl(var(--foreground));transition:background var(--transition-fast);text-align:left;display:flex}.wsc-dropdown-item:hover{background-color:hsl(var(--surface-hover))}.wsc-dropdown-item-active{background-color:hsla(var(--primary), .08);font-weight:500}.wsc-collapsed{justify-content:center;display:flex}.wsc-toggle-collapsed{border-radius:var(--radius-md);background-color:hsl(var(--surface));border-color:hsl(var(--surface-border));width:40px;height:40px;transition:all var(--transition-fast)}.wsc-toggle-collapsed:hover{background-color:hsl(var(--surface-hover))}.wsc-dropdown-collapsed{width:180px;top:0;left:calc(100% + 12px)}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}