@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:38 25% 97%;--foreground:220 23% 9%;--surface:0 0% 100%;--surface-hover:38 18% 94%;--surface-border:36 15% 88%;--primary:22 85% 47%;--primary-foreground:0 0% 100%;--primary-hover:22 85% 42%;--secondary:38 15% 92%;--secondary-foreground:220 23% 15%;--secondary-hover:38 15% 88%;--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:38 20% 95%;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 6px 16px -1px #0c28180a;--shadow-lg:0 12px 28px -3px #0c28180f;--glass-background:#ffffffb3;--glass-border:#0c28180f}:root[data-theme=dark]{--background:220 23% 5%;--foreground:210 40% 98%;--surface:220 25% 7%;--surface-hover:220 25% 11%;--surface-border:220 20% 14%;--primary:22 85% 50%;--primary-foreground:0 0% 100%;--primary-hover:22 85% 45%;--secondary:220 25% 12%;--secondary-foreground:210 40% 90%;--secondary-hover:220 25% 16%;--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:220 25% 9%;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px -1px #0006;--shadow-lg:0 12px 28px -3px #00000080;--glass-background:#0e1117bf;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;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)}.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:40px;padding:0 var(--space-3);transition:all var(--transition-fast)}.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)}.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}.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{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.crm-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metric-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.progress-radial-placeholder{justify-content:center;align-items:center;width:70px;height:70px;display:flex}.pipeline-row{margin-bottom:var(--space-2)}.pipeline-bar-wrapper{background-color:hsl(var(--secondary));border-radius:var(--radius-sm)}.pipeline-bar{border-radius:var(--radius-sm)}.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))}.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)}}