:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-secondary: #7C3AED;--color-bg-page: #F3F4F6;--color-bg-surface: #FFFFFF;--color-bg-hover: #F9FAFB;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-accent: #4F46E5;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-border-subtle: #EEF2F7;--color-primary-alpha: rgba(79, 70, 229, .15);--color-gradient-primary: linear-gradient(135deg, #4F46E5, #7C3AED);--color-success: #10B981;--color-success-bg: #D1FAE5;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-info: #3B82F6;--color-info-bg: #DBEAFE;--icon-purple-bg: #EDE9FE;--icon-purple-fg: #7C3AED;--icon-yellow-bg: #FEF3C7;--icon-yellow-fg: #D97706;--icon-green-bg: #D1FAE5;--icon-green-fg: #059669;--icon-red-bg: #FFE4E6;--icon-red-fg: #E11D48;--icon-blue-bg: #DBEAFE;--icon-blue-fg: #2563EB;--icon-orange-bg: #FFEDD5;--icon-orange-fg: #EA580C;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-base: var(--font-family);--font-family-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-2xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--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-20: 80px;--space-32: 128px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 224px;--sidebar-width-collapsed: 76px;--topbar-height: 64px;--z-modal: 1000}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:var(--line-height-base)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-family)}.app-layout{display:flex;min-height:100vh;background:var(--color-bg-page)}.app-container{min-height:100vh;background:var(--color-bg-page)}.main-viewport{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-content{flex:1;padding:var(--space-8);overflow-y:auto}.main-content.no-padding{padding:0;overflow:hidden}.page-header{margin-bottom:var(--space-6)}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.container-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:var(--color-bg-page)}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-md{font-size:var(--font-size-md)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.w-full{width:100%}.gap-2{gap:var(--space-1)}.gap-4{gap:var(--space-2)}.gap-12{gap:var(--space-3)}.gap-16{gap:var(--space-4)}.mb-8,.mb-16{margin-bottom:var(--space-4)}.mb-32{margin-bottom:var(--space-8)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-surface{background:var(--color-bg-surface)}.flex-row{display:flex;flex-direction:row}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.relative{position:relative}.overflow-hidden{overflow:hidden}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8,.p-12{padding:var(--space-8)}.p-16,.p-40{padding:var(--space-10)}.p-2rem{padding:2rem}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-16{padding-top:64px;padding-bottom:64px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-6{margin-bottom:var(--space-6)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-6)}.mb-40{margin-bottom:var(--space-10)}.mt-6{margin-top:var(--space-6)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-6{gap:var(--space-6)}.w-8{width:32px}.h-8{height:32px}.h-screen{height:100vh}.max-w-400{max-width:400px}.text-base{font-size:var(--font-size-base)}.text-2xl{font-size:var(--font-size-2xl)}.text-4xl{font-size:36px}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-gradient{background:var(--color-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:var(--line-height-relaxed)}.italic{font-style:italic}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-primary{background:var(--color-primary);color:var(--color-text-inverse)}.bg-primary-light{background:var(--color-primary-light)}.bg-surface-muted{background:#f8fafc}.bg-transparent{background:transparent}.bg-neutral-100\/50{background:#f3f4f680}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-b-2{border-bottom:2px solid var(--color-border)}.border-dashed{border-style:dashed}.border-indigo-600{border-color:#4f46e5}.border-none{border:none}.rounded{border-radius:var(--radius-md)}.rounded-t{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.outline-none{outline:none}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.space-y-4>*+*{margin-top:var(--space-4)}.loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted);font-size:var(--font-size-sm)}.error{padding:var(--space-6);border:1px solid var(--color-error);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-lg)}.error-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-error);font-weight:var(--font-weight-semibold)}.ring-primary{--ring-color: 79, 70, 229}.ring-opacity-20{--ring-opacity: .2}.focus-within\:ring-2:focus-within{box-shadow:0 0 0 2px rgba(var(--ring-color, 79, 70, 229),var(--ring-opacity, .2))}.animate-fade-in{animation:fade-in .25s ease both}.animate-slide-up{animation:slide-up .3s ease both}.animate-spin{animation:spin .9s linear infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.sidebar.open,.sidebar.mobile-open{transform:translate(0)}.topbar{padding:0 var(--space-4);gap:var(--space-3)}.topbar-search{display:none}.main-content{padding:var(--space-4)}.grid-metrics{grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-2,.grid-3{grid-template-columns:1fr}.metric-card{padding:var(--space-4)}.metric-value{font-size:22px}.data-table-container{overflow-x:auto}.data-table{min-width:600px}}@media(max-width:480px){.grid-metrics{grid-template-columns:1fr}}:root{--sidebar-gradient: linear-gradient(180deg, var(--color-bg-surface) 0%, #f9fafb 100%)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;transition:all var(--transition-base);box-shadow:4px 0 24px #00000005}.sidebar-logo{padding:var(--space-4) 0 var(--space-2);display:flex;align-items:center;justify-content:center}.sidebar-logo-image{display:block;width:100px;height:100px;object-fit:contain}.sidebar-logo-secondary{color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.sidebar-workspace{padding:0 var(--space-3) var(--space-5)}.workspace-selector{display:flex;align-items:center;gap:var(--space-2);padding:10px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative;box-shadow:var(--shadow-sm)}.workspace-selector:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 0 3px var(--color-primary-light)}.workspace-selector.static{cursor:default}.workspace-selector.static:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.workspace-icon{width:30px;height:30px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-info{display:flex;flex-direction:column;flex:1;min-width:0}.workspace-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-role{font-size:9px;color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:800;letter-spacing:.5px;width:fit-content;line-height:1.15;white-space:nowrap}.workspace-chevron{color:var(--color-text-muted);transition:transform var(--transition-base)}.workspace-chevron.open{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:var(--space-2) var(--space-3) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.nav-group{display:flex;flex-direction:column;gap:var(--space-1)}.nav-group-label{padding:var(--space-1) var(--space-4) 2px;font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px}.nav-divider{height:1px;background:var(--color-border);margin:2px var(--space-3)}.nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-toggle{justify-content:space-between}.nav-section-left{display:flex;align-items:center;gap:var(--space-3)}.nav-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:inherit}.nav-section-chevron{color:var(--color-text-muted);transition:transform var(--transition-base)}.nav-section-chevron.open{transform:rotate(180deg)}.nav-section-items{display:none;flex-direction:column;gap:var(--space-1);margin:0;padding-left:var(--space-2)}.nav-section-items.open,.nav-section-items.show-active{display:flex}.nav-section-items.show-active .nav-subitem{display:none}.nav-section-items.show-active .nav-subitem.active{display:flex}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:8px var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;background:transparent;width:100%;text-align:left;border-radius:var(--radius-lg);position:relative}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold)}.nav-item.active:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.nav-subitem.active,.nav-subitem.active:hover{background:var(--color-primary-light);color:var(--color-primary)}.nav-item-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.nav-item.active .nav-item-icon{opacity:1}.nav-item-icon.brand-icon{object-fit:contain;border-radius:3px}.nav-item.active .nav-section-title,.nav-item.active .nav-section-chevron{color:inherit}.nav-subitem{padding-left:calc(var(--space-4) + var(--space-3));font-size:var(--font-size-sm);color:var(--color-text-secondary)}.nav-subitem .nav-item-icon{width:16px;height:16px}.nav-item-pending{background:#ef44441a;color:#b45353;box-shadow:inset 0 0 0 1px #ef444438}.nav-item-pending .nav-item-icon{opacity:1;color:#dc6a6a}.nav-item-pending:hover{background:#ef444429;color:#9f3c3c}.nav-item[data-tooltip],.footer-action-btn[data-tooltip]{position:relative}.sidebar.collapsed .footer-action-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#111827;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;box-shadow:0 10px 24px #0000002e;z-index:1000}.sidebar.collapsed .footer-action-btn[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #111827 transparent transparent;z-index:999}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-section-chevron{display:none}.sidebar.collapsed .nav-section-toggle{justify-content:center}.org-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 12px 32px #0000001f,0 4px 12px #0000000d;z-index:1000;max-height:min(70vh,420px);overflow-y:auto}.org-menu-header{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase}.org-menu-item{width:100%;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.org-menu-item span{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.org-menu-item.active{background:#4f46e51a;color:var(--color-primary);font-weight:600}.org-menu-divider{height:1px;background:#0000000f;margin:var(--space-2) 0}.org-menu-item.create{color:var(--color-primary);font-weight:600}.org-menu-item.create:hover{background:#4f46e514}.org-avatar{width:24px;height:24px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.org-active-indicator{width:6px;height:6px;background:var(--color-primary);border-radius:50%;margin-left:auto}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.user-profile-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.user-profile-info{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-actions{display:flex;align-items:center;gap:var(--space-2)}.footer-action-btn{width:32px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-weight:600;white-space:nowrap}.footer-action-btn.icon-only{padding:0}.footer-action-btn svg{width:16px;height:16px;flex-shrink:0}.footer-action-label{overflow:hidden;text-overflow:ellipsis;line-height:1}.sidebar-version{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex:1;min-width:0;padding:0;border:0;background:transparent}.sidebar-version-label{font-size:11px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.sidebar-version-time{font-size:10px;color:var(--color-text-muted);line-height:1.2}.footer-action-btn:hover{background:var(--color-bg-surface);border-color:var(--color-text-muted);color:var(--color-text-primary)}.footer-action-btn.logout:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.sidebar.collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed);overflow:visible;z-index:80}.sidebar.collapsed .sidebar-logo-secondary,.sidebar.collapsed .workspace-info,.sidebar.collapsed .workspace-chevron,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .user-details,.sidebar.collapsed .nav-group-label,.sidebar.collapsed .nav-divider{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:var(--space-4) 0 var(--space-2)}.sidebar.collapsed .sidebar-logo-image{width:100px;height:100px}.sidebar.collapsed .sidebar-workspace{padding:0 var(--space-2) var(--space-3)}.sidebar.collapsed .sidebar-footer{padding:var(--space-2);border-top:0;display:flex;justify-content:center}.sidebar.collapsed .workspace-selector{justify-content:center;width:44px;height:44px;margin:0 auto;padding:0;border-radius:var(--radius-xl)}.sidebar.collapsed .workspace-icon{width:24px;height:24px;border-radius:var(--radius-md)}.sidebar.collapsed .org-menu-dropdown{left:calc(100% + 10px);right:auto;width:260px;max-width:260px}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .nav-subitem{padding-left:var(--space-3)}.sidebar.collapsed .nav-section-items{position:absolute;top:0;left:calc(100% + 10px);z-index:1200;min-width:250px;max-width:300px;max-height:min(70vh,540px);overflow-y:auto;padding:8px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-lg)}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar.collapsed .nav-section-items:not(.open):not(.show-active){display:none}.sidebar.collapsed .nav-section{position:relative}.sidebar.collapsed .nav-section-items .nav-item{justify-content:flex-start;padding:8px var(--space-3)}.sidebar.collapsed .nav-section-items .nav-item-label{display:inline}.sidebar.collapsed .nav-section-items .nav-subitem{padding-left:var(--space-3)}.sidebar.collapsed .user-profile-card{padding:0;width:34px;align-items:center;gap:0;overflow:hidden;background:transparent;border:0;box-shadow:none}.sidebar.collapsed .user-profile-info{width:34px;min-width:34px;height:34px;justify-content:center;align-items:center;border-radius:var(--radius-lg);overflow:hidden}.sidebar.collapsed .avatar-circle.sm{width:24px;min-width:24px;height:24px;min-height:24px;border-radius:var(--radius-full);aspect-ratio:1 / 1}.sidebar.collapsed .user-actions{display:flex;width:34px;justify-content:center;gap:0}.sidebar.collapsed .footer-action-btn{width:34px;min-width:34px;height:34px;padding:0;color:var(--color-text-primary);overflow:hidden}.sidebar.collapsed .footer-action-label,.sidebar.collapsed .sidebar-version{display:none}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--transition-base) forwards}@media(max-width:900px){.sidebar{position:fixed;left:-100%;z-index:1000;box-shadow:0 0 40px #0003}.sidebar.mobile-open{left:0}}.topbar{height:var(--topbar-height);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);position:sticky;top:0;z-index:100;flex-shrink:0}.topbar-context{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-context-label{font-size:11px;color:var(--color-text-muted)}.topbar-context-value{font-size:var(--font-size-lg);line-height:1.2;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-circle{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.mobile-only{display:none}.topbar-logo{height:100%;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.topbar-logo-image{width:auto;height:calc(var(--topbar-height) - 24px);max-width:160px;object-fit:contain}.hide-mobile{display:block}@media(max-width:900px){.mobile-only{display:flex}.hide-mobile,.topbar-context-label{display:none}}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topbar-menu-wrap{position:relative}.topbar-avatar{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid transparent}.topbar-avatar.open,.topbar-avatar:hover{background:var(--color-bg-hover);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.topbar-avatar-chevron{width:14px;height:14px;color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.topbar-avatar-chevron.open{transform:rotate(180deg);color:var(--color-text-primary)}.topbar-avatar-info{display:flex;flex-direction:column;line-height:1.2}.topbar-avatar-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topbar-avatar-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.topbar-user-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:min(320px,88vw);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 12px 28px #0000001f,0 4px 12px #0000000f;z-index:110}.topbar-user-menu-item{width:100%;min-height:34px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.topbar-user-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-user-menu-item.subtoggle{justify-content:space-between}.topbar-user-menu-item-left{display:inline-flex;align-items:center;gap:var(--space-2)}.topbar-orgs-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.topbar-orgs-chevron.open{transform:rotate(180deg);color:var(--color-text-primary)}.topbar-orgs-submenu{display:flex;flex-direction:column;gap:4px;margin:2px 0;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-hover);max-height:220px;overflow-y:auto}.topbar-orgs-item{width:100%;min-height:34px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.topbar-orgs-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-orgs-item:hover,.topbar-orgs-item.active{background:var(--color-bg-surface);color:var(--color-text-primary)}.topbar-orgs-item.create{color:var(--color-primary)}.topbar-user-menu-item.danger:hover{background:var(--color-error-bg);color:var(--color-error)}.topbar-user-menu-divider{height:1px;margin:var(--space-1) var(--space-1);background:var(--color-border)}.avatar-circle.sm{width:24px;height:24px;font-size:var(--font-size-xs)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-content{display:block;padding:0}.metric-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start}.metric-title{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.metric-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.metric-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.trend-positive{color:var(--color-success)}.trend-label{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.metric-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-primary{background:var(--icon-blue-bg);color:var(--icon-blue-fg)}.icon-box-purple{background:var(--icon-purple-bg);color:var(--icon-purple-fg)}.icon-box-yellow{background:var(--icon-yellow-bg);color:var(--icon-yellow-fg)}.icon-box-green{background:var(--icon-green-bg);color:var(--icon-green-fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;line-height:1;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#6366f1);color:var(--color-text-inverse);box-shadow:0 4px 12px #4f46e533,0 2px 4px #0000000d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),#4f46e5);box-shadow:0 6px 16px #4f46e54d,0 4px 8px #0000000d}.btn-outline{background:var(--color-bg-surface);border-color:var(--color-border-strong);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.btn-secondary{background:#f3f4f6;color:var(--color-text-primary);border:1px solid rgba(0,0,0,.04)}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.1)}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:var(--color-error)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#0000000a;color:var(--color-text-primary)}.btn-group{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--color-bg-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.btn-group button{border:none;background:transparent;padding:6px 10px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-group button:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.btn-group button.active{background:var(--color-primary);color:var(--color-text-inverse)}.footer-action-btn{background:#f9fafb!important;border:1px solid var(--color-border)!important}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-lg);background:var(--color-bg-hover);color:var(--color-text-secondary);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-icon-sm{width:30px;height:30px;padding:0;border-radius:var(--radius-md);background:var(--color-bg-hover);color:var(--color-text-secondary);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-icon-sm:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-link{background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.btn-outline-sm{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.btn-outline-sm:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-bubbly{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 12px;font-size:var(--font-size-sm);color:var(--color-text-primary)}.btn-sm{padding:6px var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-completed{background:var(--color-success-bg);color:var(--color-success)}.badge-processing{background:var(--icon-purple-bg);color:var(--icon-purple-fg)}.badge-rejected{background:var(--color-error-bg);color:var(--color-error)}.badge-on-hold{background:var(--color-warning-bg);color:var(--color-warning)}.badge-in-transit{background:#fce7f3;color:#db2777}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-outline-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.badge-success-light{background:var(--color-success-bg);color:var(--color-success)}.badge-subtle-success{background:#10b9811f;color:var(--color-success)}.badge-subtle-error{background:#ef44441f;color:var(--color-error)}.data-table-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.table-container{overflow-x:auto}.leads-table{width:100%;border-collapse:collapse}.leads-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.leads-table td{padding:12px var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-page);vertical-align:middle}.leads-table tbody tr:hover td{background:var(--color-bg-hover)}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--color-bg-hover)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:14px var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-page)}.data-table tbody .table-row:last-child td{border-bottom:none}.data-table tbody .table-row:hover td{background:var(--color-bg-hover)}.table-entity-cell{display:flex;align-items:center;gap:var(--space-3)}.table-entity-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}.input-label,label{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.sub-label{display:block;margin-top:var(--space-4);margin-bottom:var(--space-1);font-size:11px;font-weight:600;color:var(--color-text-secondary)}.sub-label-tight{margin-top:var(--space-2);margin-bottom:var(--space-1)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--color-text-muted)}.input-wrapper .input-field,.input-wrapper input{padding-left:40px}.input-field,input[type=text],input[type=url],input[type=email],textarea,select{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);background:#f9fafb;outline:none;transition:all var(--transition-base);width:100%;box-shadow:inset 0 1px 2px #00000005}.input-field:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-primary);background:var(--color-bg-surface);box-shadow:0 0 0 4px var(--color-primary-light),inset 0 1px 2px #00000005;appearance:none;-webkit-appearance:none;-moz-appearance:none}textarea{resize:vertical;min-height:80px;line-height:1.5}.mt-2{margin-top:var(--space-1)}.mt-4{margin-top:var(--space-2)}.mt-8{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-1)}.mb-4{margin-bottom:var(--space-2)}.mb-8{margin-bottom:var(--space-4)}.px-4{padding-left:var(--space-2);padding-right:var(--space-2)}.px-6{padding-left:var(--space-3);padding-right:var(--space-3)}input[type=range]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);outline:none;margin:var(--space-4) 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px var(--color-primary-light)}.select-box,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.toggle-group{display:flex;background:#f3f4f6;padding:4px;border-radius:var(--radius-lg);gap:4px}.toggle-group button{flex:1;padding:6px 12px;border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.toggle-group button.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.forms-page{display:flex;flex-direction:column;gap:var(--space-4)}.forms-wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.forms-wizard-shell{display:grid;gap:12px;padding:16px}.forms-editor-steps-inline{border-bottom:0;padding:0}.forms-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-4);align-items:start}.forms-list-panel,.forms-detail-panel{display:flex;flex-direction:column;gap:var(--space-3)}.forms-panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.forms-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding-right:4px}.forms-list-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;text-align:left;padding:10px 12px;display:grid;gap:6px;cursor:pointer;transition:.16s ease}.forms-list-item:hover{border-color:var(--color-primary);background:#fcfcff}.forms-list-item.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.forms-list-item-title{font-weight:700;color:var(--color-text-primary)}.forms-list-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-text-muted);font-size:12px}.forms-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.forms-actions{display:flex;flex-wrap:wrap;gap:8px}.forms-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.forms-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;display:flex;gap:8px;align-items:flex-start;background:#fcfcff}.forms-summary-card svg{color:var(--color-primary);margin-top:2px}.forms-summary-card div{display:grid;gap:2px}.forms-summary-card strong{font-size:12px;color:var(--color-text-primary)}.forms-summary-card span{font-size:12px;color:var(--color-text-secondary)}.forms-snippet-block{display:grid;gap:6px}.forms-fields-preview ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.forms-fields-preview li{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 10px}.forms-fields-preview li span{color:var(--color-text-muted);font-size:12px;text-transform:uppercase}.forms-fields-preview li em{margin-left:auto;font-size:12px;color:var(--color-primary);font-style:normal;font-weight:700}.forms-empty{padding:24px 12px;color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.forms-editor-overlay{position:fixed;inset:0;background:#11182759;z-index:2200;display:flex;justify-content:flex-end}.forms-editor-drawer{width:min(1080px,calc(100% - 96px));height:100dvh;max-height:100dvh;background:#fff;border-left:1px solid var(--color-border);display:grid;grid-template-rows:auto auto 1fr auto}.forms-editor-head{padding:18px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.forms-editor-head h3{margin:0;font-size:20px}.forms-editor-head p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}.forms-editor-steps{padding:12px 20px;border-bottom:1px solid var(--color-border);display:flex;gap:8px}.forms-editor-steps button{border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.forms-editor-steps button.active{border-color:var(--color-primary);background:#eef2ff;color:var(--color-primary)}.forms-editor-body{padding:16px 20px;overflow:auto}.forms-step-grid,.forms-fields-editor{display:grid;gap:12px}.forms-fields-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.forms-editor-preview-panel{position:sticky;top:8px;display:grid;gap:10px}.forms-fields-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.forms-fields-editor-head p{margin:0;color:var(--color-text-muted)}.forms-field-row{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start}.forms-field-row-order{width:32px;height:32px;border-radius:999px;background:#eef2ff;color:var(--color-primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:12px}.forms-field-row-main{display:grid;gap:8px}.forms-field-row-grid{display:grid;grid-template-columns:1fr 1fr 170px;gap:8px}.forms-field-row-grid-second{grid-template-columns:1fr 170px}.forms-field-row-actions{display:flex;gap:6px}.forms-editor-footer{border-top:1px solid var(--color-border);padding:12px 20px;display:flex;justify-content:flex-end;gap:8px}.forms-editor-issues{margin:0 20px;border:1px solid #fecaca;background:#fff7f7;border-radius:var(--radius-md);padding:10px 12px;display:grid;gap:8px}.forms-editor-issues-head{display:inline-flex;align-items:center;gap:6px;color:#b91c1c;font-weight:700;font-size:12px}.forms-editor-issues ul{margin:0;padding-left:18px;color:#991b1b;font-size:12px;display:grid;gap:4px}.forms-template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.forms-template-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;text-align:left;padding:12px;display:grid;gap:10px;cursor:pointer;transition:.15s ease}.forms-template-card:hover{border-color:var(--color-primary);background:#fcfcff}.forms-template-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.forms-template-card-head{display:flex;align-items:center;gap:6px;font-size:13px}.forms-template-card p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.45}.forms-template-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;min-height:134px}.forms-template-preview{width:100%}.forms-template-preview-full{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.forms-template-preview-diagnostic{display:grid;grid-template-columns:1fr 1fr;min-height:120px}.forms-template-hero{background:linear-gradient(135deg,#171717,#2d1202);background-size:cover;background-position:center;color:#fff;padding:10px;display:grid;align-content:start;gap:6px}.forms-template-hero em{font-size:10px;color:#a7f3d0;font-style:normal;font-weight:600}.forms-template-hero strong{font-size:13px;line-height:1.2}.forms-template-hero p{margin:0;font-size:11px;line-height:1.35;color:#fffc}.forms-template-preview-simple{padding:10px;background:#fff}.forms-template-form-mock{background:#fff;padding:10px;display:grid;gap:6px}.forms-template-preview-full .forms-template-form-mock{padding:14px;gap:8px}.forms-template-field-mock{border:1px solid #e5e7eb;border-radius:8px;min-height:24px;padding:4px 8px;display:flex;align-items:center}.forms-template-field-mock span{font-size:11px;color:#6b7280}.forms-template-consent-mock{font-size:10px;color:#6b7280}.forms-template-submit-mock{min-height:28px;border-radius:999px;background:linear-gradient(110deg,#f53800,#ff6c1a);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.forms-editor-live-preview{display:grid;gap:10px}.forms-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forms-template-info{display:grid;gap:8px}.forms-template-info-head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.forms-template-inline{display:inline-flex;width:fit-content;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--color-text-secondary)}.forms-template-modal-backdrop{position:fixed;inset:0;background:#11182759;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px}.forms-template-modal{width:min(520px,100%);padding:18px;display:grid;gap:10px}.forms-template-modal h4{margin:0;font-size:18px}.forms-template-modal p{margin:0;color:var(--color-text-secondary)}.forms-template-modal-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:1100px){.forms-shell{grid-template-columns:1fr}.forms-list{max-height:40vh}.forms-summary-grid{grid-template-columns:1fr}}@media(max-width:900px){.forms-template-gallery,.forms-basic-grid,.forms-template-preview-diagnostic,.forms-fields-layout{grid-template-columns:1fr}.forms-editor-preview-panel{position:static}.forms-field-row{grid-template-columns:1fr}.forms-field-row-actions{justify-content:flex-end}.forms-field-row-grid,.forms-field-row-grid-second{grid-template-columns:1fr}.forms-editor-drawer{width:100%;height:100dvh;max-height:100dvh}}:root{--bg-canvas: var(--color-bg-page);--glass-bg: var(--color-bg-surface);--glass-border: 1px solid var(--color-border);--accent: var(--color-primary);--text: var(--color-text-primary);--text-muted: var(--color-text-muted)}.editor-view{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:calc(100vh - var(--topbar-height));width:100%;min-width:0;background:transparent}.canvas{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.editor-actions{display:flex;align-items:center;gap:var(--space-4)}.save-status{font-size:12px;font-weight:700;color:var(--color-success);background:var(--color-success-bg);padding:6px 12px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:1;border:1px solid rgba(16,185,129,.2);transition:all var(--transition-base)}.save-status.saving{color:var(--color-warning);background:var(--color-warning-bg)}.editor-toast{position:fixed;right:24px;bottom:24px;z-index:2000;display:flex;align-items:center;gap:12px;max-width:340px;padding:12px 14px;border-radius:10px;color:#fff;background:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);font-size:13px}.canvas-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow:hidden;background-color:#f7f8f9;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:20px 20px;position:relative}.canvas-content.mode-desktop{align-items:stretch;justify-content:stretch;padding:0}.device-frame{transition:all .5s cubic-bezier(.16,1,.3,1);background:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden}.device-frame.desktop{width:100%;max-width:1200px;height:100%;max-height:none;border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.08);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #00000005}.canvas-content.mode-desktop .device-frame.desktop{max-width:none;border-radius:0;border:none;box-shadow:none}.device-frame.mobile{width:min(350px,calc(100% - 56px));height:auto;aspect-ratio:9 / 19.5;max-height:min(760px,calc(100% - 16px));border-radius:30px;border:4px solid #1f2329;background:#fff;box-shadow:0 20px 36px -20px #0000004d}@media(max-height:900px){.device-frame.mobile{transform:scale(.85);transform-origin:center center}}@media(max-height:750px){.device-frame.mobile{transform:scale(.75);transform-origin:center center}}.mobile-notch{display:none}.canvas-content.mode-mobile{align-items:center;justify-content:center;padding:10px;background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px)}.device-screen{flex:1;width:100%;height:100%;background:#fff;position:relative;overflow:hidden}.device-screen iframe{width:100%;height:100%;border:none;background:transparent}.editor-view.conversational-mode .canvas{height:100%}.editor-view.conversational-mode .canvas-content.conversational-preview{align-items:stretch;justify-content:stretch;padding:0}.editor-view.conversational-mode .device-frame.conversational-frame.desktop{width:100%;max-width:none;height:100%;max-height:none;border-radius:14px}.editor-view.conversational-mode .device-frame.conversational-frame.desktop .device-screen{border-radius:inherit}.editor-view.conversational-mode .device-frame.conversational-frame.desktop .device-screen iframe{min-height:560px}.editor-panel{background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(0,0,0,.06);box-shadow:-4px 0 24px #00000008;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:height .3s cubic-bezier(.2,.8,.2,1)}.panel-tabs{height:60px;padding:0 8px;display:flex;align-items:center;gap:0;border-bottom:1px solid rgba(0,0,0,.06);background:transparent;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.tab-item{flex:1;padding:0 8px;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);position:relative;white-space:nowrap}.tab-item:hover{color:var(--color-text-primary)}.tab-item.active{color:var(--color-primary);position:relative;font-weight:700}.tab-item:after{content:"";position:absolute;bottom:-10px;left:12px;right:12px;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0;opacity:0;transform:translateY(2px);transition:all var(--transition-base)}.tab-item.active:after{opacity:1;transform:translateY(0)}.tab-item svg{opacity:.7;transition:all var(--transition-fast)}.tab-item.active svg{opacity:1;color:var(--color-primary);transform:scale(1.1)}.panel-scroller{padding:var(--space-5);overflow-y:auto;flex:1;scroll-behavior:smooth;padding-bottom:var(--space-5)}.panel-footer{border-top:1px solid rgba(0,0,0,.06);background:#fffffffa;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.panel-footer-toggle{width:100%}.panel-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.panel-footer-actions .btn{width:auto;min-width:190px;flex:1;justify-content:center}.panel-scroller::-webkit-scrollbar{width:6px}.panel-scroller::-webkit-scrollbar-track{background:transparent}.panel-scroller::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.panel-scroller:hover::-webkit-scrollbar-thumb{background:#0003}.brand-picker{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-hover);padding:6px;border-radius:var(--radius-xl);border:1px solid var(--color-border)}.brand-picker input[type=color]{border:none;width:32px;height:32px;padding:0;cursor:pointer;border-radius:var(--radius-md)}.hex-value{font-family:monospace;font-size:13px;color:var(--color-text-primary)}.avatar-input-group{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.avatar-presets{display:flex;gap:10px;margin:8px 0 12px}.avatar-preset-btn{border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.avatar-preset-btn:hover,.avatar-preset-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.avatar-preset-image{width:28px;height:28px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.avatar-preview{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);box-shadow:var(--shadow-md)}.preset-gallery{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.preset-chip{border:1px solid var(--color-border);background:var(--color-bg-surface);padding:8px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:6px}.preset-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.config-card{background:#f9fafb;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:0 2px 8px #00000005;transition:all var(--transition-base)}.config-card:hover{background:var(--color-bg-surface);border-color:#4f46e533;box-shadow:0 4px 12px #0000000a}.q-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2);align-items:center}.q-badge{font-size:10px;font-weight:800;color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm)}.q-actions{display:flex;gap:8px}.q-action-btn{border:none;background:var(--color-bg-hover);color:var(--color-text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.q-action-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.q-action-btn.del{background:var(--color-error-bg);color:var(--color-error)}.q-action-btn.del:hover{background:var(--color-error);color:#fff}.code-preview{background:var(--color-bg-page);color:var(--color-text-primary);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--color-border);font-family:monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}.code-preview-click{width:100%;text-align:left;cursor:copy;border:1px solid var(--color-border);transition:border-color var(--transition-base),background var(--transition-base)}.code-preview-click:hover{border-color:#4f46e559;background:#f8f9ff}.code-preview-click.copied{border-color:#10b98173;background:#ecfdf5}.code-preview-click code{display:block;font-family:var(--font-family-mono);font-size:12px;line-height:1.45;white-space:normal;word-break:break-all}.code-copy-badge{display:inline-flex;align-items:center;margin-bottom:8px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;color:var(--color-primary);background:#eef2ff}.caption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.error-text{color:var(--color-error)}.error-text-sm{color:var(--color-error);font-size:var(--font-size-xs)}.code-preview-minimal{background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:pre-wrap}.tab-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.separator{height:1px;background:var(--color-border);margin:var(--space-2) 0}.domain-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.domain-input-field{min-width:0}.domain-add-btn{min-width:112px;white-space:nowrap;justify-content:center}.domain-list-wrap{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.domain-empty{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:transparent;display:flex;justify-content:center;align-items:center}.domain-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:12px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface)}.domain-item-text{color:var(--color-text-secondary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:901px){.panel-tabs{height:56px;padding:0 6px}.tab-item{height:36px;padding:0 6px;gap:6px;font-size:13px}.panel-scroller{padding:12px}.config-card{padding:12px;margin-bottom:10px}.caption{margin-top:6px;font-size:13px}.brand-picker{padding:4px;gap:10px}.domain-input-row{gap:6px}.domain-list-wrap{margin-top:10px;gap:6px}.domain-empty{padding:12px}.domain-list-item{padding:10px}.panel-footer{padding:10px 12px;gap:8px}.panel-footer-actions{gap:8px}.panel-footer-actions .btn{min-width:172px}.save-status{font-size:11px;padding:5px 10px}}@media(max-width:1200px){.editor-view{grid-template-columns:1fr 360px}}@media(max-width:900px){.editor-view{display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100vh;overflow-x:hidden}.canvas{width:100%;max-width:100vw;overflow-x:hidden;height:auto;flex:1}.canvas-content{padding:0;width:100%;overflow:hidden}.device-frame.mobile{width:100%;height:100%;border:none;border-radius:0;box-shadow:none}.device-frame.desktop{display:none}iframe{width:1px;min-width:100%}.editor-panel{border-left:none;border-top:1px solid var(--color-border);width:100%;max-width:100vw;box-sizing:border-box;flex:0 0 auto;z-index:50}.editor-panel.collapsed{height:60px;overflow:hidden}.editor-panel:not(.collapsed){height:60%;position:absolute;bottom:0;left:0;box-shadow:0 -10px 40px #00000080}.panel-footer{position:sticky;bottom:0;z-index:3}.domain-input-row{grid-template-columns:1fr}.domain-add-btn{width:100%}}.br-login-page{min-height:100dvh;background:#1a1410;overflow:hidden;font-family:"DM Sans",var(--font-family)}.br-login-shell{display:flex;width:100%;min-height:100dvh}.br-login-left{width:50%;background:#1a1410;position:relative;overflow:hidden}.br-login-left-bg{position:absolute;inset:0;background:url(/BACKGROUND_LOGIN.webp) center center / cover no-repeat}.br-login-left-signup .br-login-left-bg{background-image:url(/backgroun2.webp)}.br-login-right{width:50%;min-width:50%;background:#fff;display:flex;flex-direction:column;padding:34px 48px 30px;border-radius:0 18px 18px 0;box-shadow:-24px 0 80px #0000004d;position:relative;z-index:1}.br-login-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.br-login-logo-link{display:inline-flex;align-items:center}.br-login-logo{height:48px;width:auto}.br-login-signup{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#666;text-decoration:none;transition:color .2s ease}.br-login-signup:hover{color:#111}.br-login-body{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:12px}.br-login-body-top{align-items:flex-start;padding-top:12px}.br-login-form-wrap{width:100%;max-width:420px}.br-login-form-wide{max-width:520px}.br-login-title{margin:0 0 34px;font-size:42px;font-weight:600;color:#111;letter-spacing:-.05em;line-height:1}.br-login-subtitle{margin:-20px 0 24px;color:#666;font-size:14px;line-height:1.4}.br-login-onboarding-hero{display:flex;align-items:center;gap:14px;margin-bottom:8px}.br-login-onboarding-icon{width:48px;height:48px;border-radius:14px;background:#1a1410;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.br-login-error{margin:0 0 16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef44441f;color:#b42323;font-size:13px;line-height:1.4}.br-login-error-inline{display:inline-flex;align-items:center;gap:8px}.br-login-success{margin:0 0 16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(34,197,94,.3);background:#22c55e1a;color:#0f6f46;font-size:13px;line-height:1.4;display:inline-flex;align-items:center;gap:8px}.br-login-form{display:flex;flex-direction:column}.br-login-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2b2b2b}.br-login-input-wrap{position:relative}.br-login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8c8c8c}.br-login-input{width:100%;padding:17px 18px;background:#f6f6f6;border:1.5px solid #f0f0f0;border-radius:13px;font-size:14px;color:#111;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.br-login-input-has-icon{padding-left:42px}.br-login-input::placeholder{color:#b8b8b8}.br-login-input:focus{background:#fff;border-color:#d8d8d8;box-shadow:0 0 0 3px #0000000a}.br-login-input:disabled{opacity:.72;cursor:not-allowed}.br-login-field{position:relative;margin-bottom:13px}.br-login-field input:not(.br-login-input){width:100%;padding:17px 46px 17px 18px;background:#f6f6f6;border:1.5px solid #f0f0f0;border-radius:13px;font-size:14px;color:#111;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.br-login-field input:not(.br-login-input)::placeholder{color:#b8b8b8}.br-login-field input:not(.br-login-input):focus{background:#fff;border-color:#d8d8d8;box-shadow:0 0 0 3px #0000000a}.br-login-field input:not(.br-login-input):disabled{opacity:.72;cursor:not-allowed}.br-login-eye{position:absolute;right:15px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:silver;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease}.br-login-eye:hover{color:#888}.br-login-eye:focus-visible{outline:2px solid #7c3aed;outline-offset:2px;border-radius:6px}.br-login-eye:disabled{cursor:not-allowed;opacity:.6}.br-login-forgot{display:inline-block;margin:5px 0 30px;font-size:13.5px;font-weight:500;color:#7c3aed;text-decoration:none}.br-login-forgot:hover{text-decoration:underline}.br-login-hint{margin:-4px 0 18px;color:#707070;font-size:12px}.br-login-segment{display:grid;grid-template-columns:1fr 1fr;gap:8px}.br-login-segment-btn{border:1px solid #e7e7e7;background:#fff;color:#313131;border-radius:12px;padding:12px 10px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.br-login-segment-btn.is-active{background:#1a1410;color:#fff;border-color:#1a1410}.br-login-segment-btn:disabled{opacity:.7;cursor:not-allowed}.br-login-submit{width:100%;padding:17px;background:linear-gradient(105deg,#6c22d4,#8b4cf7);border:none;border-radius:50px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 22px #6c22d466;transition:filter .2s ease,transform .15s ease}.br-login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.br-login-submit:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.br-login-submit:focus-visible{outline:2px solid #4e11a2;outline-offset:3px}.br-login-submit:disabled{opacity:.75;cursor:not-allowed}.br-login-submit-secondary{background:#fff;color:#24153f;border:1px solid rgba(108,34,212,.22);box-shadow:none}.br-login-submit-secondary:hover:not(:disabled){background:#faf7ff;filter:none}.br-login-stack{display:flex;flex-direction:column;gap:12px}.br-login-status{min-height:126px;border-radius:14px;border:1px dashed #d0d0d0;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#555;font-size:14px;text-align:center;padding:14px}.br-login-actions{display:flex;flex-direction:column;gap:10px}.br-login-footnote{margin:14px 0 0;color:#6a6a6a;font-size:13px;text-align:center}.br-login-inline-link{color:#6c22d4;font-weight:600;text-decoration:none}.br-login-inline-link:hover{text-decoration:underline}.br-login-text-row{display:flex;justify-content:center;margin-top:12px}.br-login-text-button{background:transparent;border:none;color:#6c22d4;font-size:13px;font-weight:600;cursor:pointer}.br-login-text-button:disabled{opacity:.6;cursor:not-allowed}.br-login-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #f2f2f2}.br-login-copy{font-size:11px;color:#c9c9c9}.br-login-links{display:inline-flex;align-items:center;gap:18px}.br-login-links a{font-size:11.5px;color:#999;text-decoration:none;transition:color .2s ease}.br-login-links a:hover{color:#444}@media(max-width:1024px){.br-login-page{overflow:auto}.br-login-left{display:none}.br-login-right{width:100%;min-width:0;border-radius:0;box-shadow:none;padding:26px 22px 24px}.br-login-body{padding:24px 0}.br-login-form-wrap{max-width:460px;margin:0 auto}.br-login-form-wide{max-width:520px}}@media(max-width:640px){.br-login-top{align-items:flex-start}.br-login-logo{height:44px}.br-login-signup{font-size:12px}.br-login-title{font-size:34px;margin-bottom:24px}.br-login-onboarding-hero{flex-direction:column;align-items:flex-start}.br-login-input,.br-login-field input{padding:15px 16px}.br-login-subtitle{margin-top:-12px;margin-bottom:18px}.br-login-input-has-icon{padding-left:40px}.br-login-submit{padding:15px}.br-login-footer{flex-direction:column;align-items:flex-start;gap:10px}}.auth-error-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef44441f;color:#b42323}.glass-panel{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.dashboard-container-sm{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4)}.profile-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.profile-bg-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--color-primary-alpha) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}.profile-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);position:relative;z-index:1}.profile-avatar{width:80px;height:80px;background:var(--color-gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px var(--color-primary-alpha)}.profile-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--space-8);position:relative;z-index:1}.section-header-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.profile-divider{border-left:1px solid var(--color-border);padding-left:var(--space-12)}@media(max-width:768px){.profile-grid{grid-template-columns:1fr;gap:var(--space-8)}.profile-divider{border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:var(--space-8)}.profile-header{flex-direction:column;text-align:center}}.track-page{padding:var(--space-10);height:100vh;overflow-y:auto}.track-page .page-header{margin-bottom:var(--space-8)}.track-page .page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.track-page .page-header p{color:var(--color-text-muted);margin:0;font-size:var(--font-size-sm)}.track-page .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.track-page .card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.track-page .card h3{margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.track-page .caption{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-3) 0;line-height:var(--line-height-relaxed)}.track-page .code-block{background:#0f172a;color:#e2e8f0;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono);white-space:pre-wrap;word-break:break-word;border:1px solid rgba(255,255,255,.05)}.track-page .btn-copy{margin-top:var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:8px var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.track-page .btn-copy:hover:not(:disabled){background:var(--color-primary-hover)}.track-page .btn-copy:disabled{opacity:.5;cursor:not-allowed}.track-page .toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.track-page .toggle{width:44px;height:24px;border-radius:var(--radius-full);border:none;background:var(--color-border);cursor:pointer;position:relative;transition:background var(--transition-fast)}.track-page .toggle.on{background:var(--color-success)}.track-page .toggle .dot{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast)}.track-page .toggle.on .dot{transform:translate(20px)}.track-page .domain-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.track-page .domain-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.track-page .domain-text{flex:1;font-family:var(--font-family-mono);color:var(--color-text-primary)}.track-page .domain-remove{background:transparent;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-lg);line-height:1;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-sm)}.track-page .domain-remove:hover{background:var(--color-error-bg)}.track-page .code-config-form{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.track-page .field-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.track-page .code-config-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.track-page .code-config-input:focus{border-color:var(--color-primary);outline:none}.track-page .domain-empty{color:var(--color-error);font-size:var(--font-size-xs);margin:0}.track-page .domain-input{display:flex;gap:var(--space-2)}.track-page .domain-input input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.track-page .domain-input button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.track-page .domain-input button:disabled{opacity:.5;cursor:not-allowed}.track-page .domain-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-2)}.speedtest-page{display:flex;flex-direction:column;gap:var(--space-5)}.speedtest-hero{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:radial-gradient(circle at 10% -10%,rgba(59,130,246,.18),transparent 45%),radial-gradient(circle at 100% 0%,rgba(16,185,129,.12),transparent 38%),linear-gradient(140deg,#f8fafc,#eef2ff 55%,#ecfeff)}.speedtest-kicker{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(37,99,235,.25);background:#2563eb14;color:#1e40af;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold)}.speedtest-hero h1{margin:var(--space-3) 0 var(--space-2);font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;color:#0f172a}.speedtest-hero p{margin:0;max-width:760px;color:#334155;font-size:var(--font-size-base)}.speedtest-shell{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4)}.speedtest-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-sm);padding:var(--space-5)}.speedtest-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.speedtest-panel h2{margin:0;font-size:1.05rem}.speedtest-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:#0f172a0f;color:#334155;font-size:12px;font-weight:var(--font-weight-semibold)}.speedtest-form{display:grid;gap:var(--space-3)}.speedtest-label{margin-top:var(--space-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.speedtest-control{height:42px;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);padding:0 var(--space-3);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-bg-surface)}.speedtest-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.speedtest-actions{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2)}.speedtest-alert{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid rgba(239,68,68,.25);background:#fee2e2cc;color:#b91c1c;font-size:var(--font-size-sm)}.speedtest-status{border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid transparent}.speedtest-status p{margin:0}.speedtest-status-idle{background:#f8fafc;border-color:#e2e8f0;color:#475569}.speedtest-status-pending{background:#fffbeb;border-color:#fde68a;color:#92400e}.speedtest-status-ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.speedtest-meta{margin-top:var(--space-2)!important;display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);opacity:.9}.speedtest-link{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#1d4ed8}.speedtest-stamp{margin-top:var(--space-3);display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);color:#475569}.speedtest-stamp span:first-child{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.speedtest-panel-results{padding-bottom:var(--space-4)}.speedtest-results{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:var(--space-4)}.speedtest-score{border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);background:#f8fafc}.speedtest-score-high{background:linear-gradient(160deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.speedtest-score-medium{background:linear-gradient(160deg,#fffbeb,#fef3c7);border-color:#fcd34d}.speedtest-score-low{background:linear-gradient(160deg,#fef2f2,#fee2e2);border-color:#fca5a5}.speedtest-score-label{margin:0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:#475569}.speedtest-score-value{margin:var(--space-2) 0 0;font-size:3rem;font-weight:700;line-height:1;color:#0f172a}.speedtest-score-time{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:#475569}.speedtest-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.speedtest-metric{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:var(--space-3)}.speedtest-metric-label{margin:0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:#64748b}.speedtest-metric-value{margin:var(--space-1) 0 0;font-size:1.2rem;color:#0f172a;font-weight:600}.speedtest-empty{border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);background:#f8fafc;padding:var(--space-4);color:#475569;font-size:var(--font-size-sm)}.speedtest-empty p{margin:0}.speedtest-empty p+p{margin-top:var(--space-1)}.speedtest-panel-history{display:flex;flex-direction:column;gap:var(--space-3)}.speedtest-history-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-full);background:#0f172a14;color:#0f172a;font-size:var(--font-size-xs);font-weight:600}.speedtest-history-loading{padding:var(--space-3);border-radius:var(--radius-lg);background:#f8fafc;border:1px solid var(--color-border);color:#475569;font-size:var(--font-size-sm)}.speedtest-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.speedtest-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff}.speedtest-history-main{display:flex;flex-direction:column;gap:4px;min-width:0}.speedtest-history-url{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speedtest-history-meta{font-size:var(--font-size-xs);color:#64748b}.speedtest-history-score{font-size:1.35rem;font-weight:700;color:#0f172a;min-width:48px;text-align:right}.speedtest-history-link{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(37,99,235,.25);display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8;background:#2563eb14}.speedtest-history-link.disabled{color:#94a3b8;border-color:#94a3b866;background:#94a3b81f}.spinner{animation:speedtest-spin 1s linear infinite}@keyframes speedtest-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1100px){.speedtest-shell{grid-template-columns:1fr}}@media(max-width:800px){.speedtest-hero{padding:var(--space-5)}.speedtest-results{grid-template-columns:1fr}.speedtest-history-row{grid-template-columns:1fr;align-items:flex-start}.speedtest-history-score{text-align:left}}.monitor-page{display:flex;flex-direction:column;gap:var(--space-5)}.monitor-hero{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:radial-gradient(circle at 20% -20%,rgba(14,116,144,.18),transparent 45%),radial-gradient(circle at 100% 0%,rgba(34,197,94,.15),transparent 40%),linear-gradient(150deg,#f8fafc,#e0f2fe 55%,#ecfccb)}.monitor-kicker{display:inline-flex;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(14,116,144,.3);background:#0e74901a;color:#0e7490;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold)}.monitor-hero h1{margin:var(--space-3) 0 var(--space-2);font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;color:#0f172a}.monitor-hero p{margin:0;max-width:720px;color:#334155;font-size:var(--font-size-base)}.monitor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.monitor-summary-card{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.monitor-summary-icon{width:38px;height:38px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:#0f172a1a;color:#0f172a}.monitor-summary-icon-up{background:#10b98126;color:#047857}.monitor-summary-icon-down{background:#ef444426;color:#b91c1c}.monitor-summary-icon-paused{background:#94a3b833;color:#475569}.monitor-summary-label{margin:0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.monitor-summary-value{margin:var(--space-1) 0 0;font-size:1.6rem;font-weight:700;color:#0f172a}.monitor-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:var(--space-4)}.monitor-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);padding:var(--space-5);box-shadow:var(--shadow-sm)}.monitor-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.monitor-panel h2{margin:0;font-size:1.05rem}.monitor-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);background:#0f172a0f;color:#334155;font-size:12px;font-weight:var(--font-weight-semibold)}.monitor-form{display:grid;gap:var(--space-3)}.monitor-label{margin-top:var(--space-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.monitor-control{height:42px;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);padding:0 var(--space-3);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-bg-surface)}.monitor-control:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.monitor-submit{margin-top:var(--space-2);display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center}.monitor-alert{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid rgba(239,68,68,.25);background:#fee2e2cc;color:#b91c1c;font-size:var(--font-size-sm)}.monitor-refresh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-bg-surface);padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#0f172a}.monitor-loading{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#f8fafc;color:#475569}.monitor-list{display:flex;flex-direction:column;gap:var(--space-3)}.monitor-row{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,220px) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff}.monitor-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.monitor-status-up{background:#10b98126;color:#047857}.monitor-status-down{background:#ef444426;color:#b91c1c}.monitor-status-degraded{background:#f59e0b33;color:#92400e}.monitor-status-paused{background:#94a3b833;color:#475569}.monitor-status-pending{background:#3b82f61f;color:#1d4ed8}.monitor-status-idle{background:#94a3b833;color:#475569}.monitor-info{min-width:0}.monitor-info h3{margin:0;font-size:1rem;color:#0f172a}.monitor-info p{margin:4px 0 0;color:#64748b;font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-metrics{display:grid;gap:6px;font-size:var(--font-size-xs);color:#64748b}.monitor-metrics span{text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:10px}.monitor-metrics strong{display:block;margin-top:2px;color:#0f172a;font-size:var(--font-size-sm)}.monitor-actions{display:flex;justify-content:flex-end}.monitor-empty{border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);background:#f8fafc;padding:var(--space-4);color:#475569;font-size:var(--font-size-sm)}.monitor-empty p{margin:0}.monitor-empty p+p{margin-top:var(--space-1)}@media(max-width:1200px){.monitor-grid{grid-template-columns:1fr}.monitor-row{grid-template-columns:1fr;align-items:flex-start}.monitor-actions{justify-content:flex-start}}@media(max-width:900px){.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.monitor-summary{grid-template-columns:1fr}.monitor-hero{padding:var(--space-5)}}.analytics-page{padding:var(--space-10)}.analytics-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}@media(max-width:768px){.analytics-page .page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.analytics-page .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1024px){.analytics-page .grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-page .grid-4{grid-template-columns:1fr}}.analytics-page .metric-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.analytics-page .metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.analytics-page .metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.analytics-page .metric-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center}.analytics-page .trend-up{color:var(--color-success);background:var(--color-success-bg)}.analytics-page .trend-down{color:var(--color-error);background:var(--color-error-bg)}.insights-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.insight-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-page);flex:1 1 240px;transition:var(--transition-base)}.insight-card:hover{border-color:var(--color-primary-alpha);background:var(--color-bg-hover)}.insight-text{color:var(--color-text-primary);font-size:var(--font-size-sm)}.insight-icon{font-size:18px}.heatmap{display:grid;gap:var(--space-3)}.heatmap-header{display:grid;grid-template-columns:60px repeat(7,minmax(0,1fr));gap:6px;align-items:center}.heatmap-corner{width:100%;height:12px}.heatmap-day{text-align:center;font-size:var(--font-size-2xs);color:var(--color-text-muted);font-weight:var(--font-weight-bold);text-transform:uppercase}.heatmap-body{display:grid;grid-template-columns:60px 1fr;gap:6px}.heatmap-hours{display:grid;grid-template-rows:repeat(24,12px);gap:4px;align-items:center;font-size:var(--font-size-2xs);color:var(--color-text-muted)}.heatmap-hour{display:flex;align-items:center;height:12px}.heatmap-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(24,12px);gap:4px}.heatmap-cell{border-radius:2px;transition:var(--transition-fast)}.heatmap-cell.level-0{background:var(--color-bg-page)}.heatmap-cell.level-1{background:var(--color-primary);opacity:.25}.heatmap-cell.level-2{background:var(--color-primary);opacity:.5}.heatmap-cell.level-3{background:var(--color-primary);opacity:.75}.heatmap-cell.level-4{background:var(--color-primary)}.funnel-list{display:grid;gap:var(--space-4)}.funnel-row{display:grid;grid-template-columns:160px 1fr 60px;gap:var(--space-5);align-items:center}@media(max-width:768px){.funnel-row{grid-template-columns:100px 1fr 40px;gap:var(--space-3)}}.funnel-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-bar-track{height:8px;background:var(--color-bg-page);border-radius:var(--radius-full);overflow:hidden}.funnel-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.funnel-value{color:var(--color-text-primary);text-align:right;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.funnel-dropoff{font-size:var(--font-size-2xs);color:var(--color-text-muted);text-align:center;margin:var(--space-1) 0 var(--space-2) 0;display:flex;align-items:center;justify-content:center;gap:4px}.funnel-dropoff-high{color:var(--color-error);font-weight:var(--font-weight-bold)}.channels-table{display:grid;gap:var(--space-2)}.channels-header,.channels-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center}.channels-header{color:var(--color-text-muted);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.channels-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.channels-row:last-child{border-bottom:none}.channel-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.source-filter{min-width:180px}.overview-dashboard{display:flex;flex-direction:column;gap:22px}.overview-header{display:flex;align-items:center;justify-content:space-between}.overview-title{margin:0;font-size:48px;line-height:1;font-weight:800;letter-spacing:-.7px;color:#111827}.overview-subtitle{margin:10px 0 0;font-size:14px;color:#6b7280}.overview-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.overview-kpi-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #0f172a08;display:flex;flex-direction:column;gap:14px}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-label{font-size:14px;font-weight:500;color:#6b7280}.kpi-icon{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.kpi-icon.purple{background:#e9e5ff;color:#6d28d9}.kpi-icon.green{background:#dbf7e8;color:#15803d}.kpi-icon.yellow{background:#fff3d7;color:#ca8a04}.kpi-icon.orange{background:#ffe8db;color:#ea580c}.kpi-value{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.7px;color:#1f2937}.kpi-trend{font-size:12px;line-height:1.35}.kpi-trend .up{color:#059669;font-weight:700}.kpi-trend .down{color:#dc2626;font-weight:700}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0f172a08}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.card-top h2{margin:0;font-size:32px;line-height:1.05;font-weight:700;letter-spacing:-.5px;color:#111827}.card-select{border:1px solid #d1d5db;background:#fff;color:#6b7280;font-size:13px;font-weight:500;padding:8px 10px;border-radius:8px;outline:none}.chart-empty,.overview-error{margin:0;color:#6b7280;font-size:13px}.health-inline{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.health-inline span{background:#f8fafc;border:1px solid #e5e7eb;padding:4px 8px;border-radius:999px}.overview-table-wrap{overflow-x:auto}.overview-table{width:100%;border-collapse:separate;border-spacing:0}.overview-table thead th{background:#eef2f7;color:#4b5563;font-size:12px;font-weight:700;text-align:left;padding:12px 14px}.overview-table thead th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.overview-table thead th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.overview-table tbody td{padding:14px;border-bottom:1px solid #edf0f5;font-size:14px;color:#1f2937}.overview-table tbody tr:last-child td{border-bottom:none}.contact-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:#0ea5a4;color:#fff;font-size:12px;font-weight:700;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-badge.muted{background:#f3f4f6;color:#6b7280}.empty-row{color:#6b7280;text-align:center}@media(max-width:1280px){.overview-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-top h2{font-size:28px}}@media(max-width:760px){.overview-title{font-size:36px}.overview-header{align-items:flex-start}.overview-kpi-grid{grid-template-columns:1fr}.card-top{flex-direction:column;align-items:flex-start}.card-top h2{font-size:24px}}.leads-content{padding:var(--space-10)}.leads-page{padding:var(--space-10);color:var(--color-text-muted)}.leads-content .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.filter-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);background:var(--color-bg-surface);padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:fit-content}.score-badge{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;gap:4px}.score-badge.hot{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.score-badge.warm{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.score-badge.cold{background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.score-badge.none{background:transparent;color:var(--color-text-muted);border:1px dotted var(--color-border)}.drawer-overlay{position:fixed;inset:0;background:#0006;z-index:var(--z-modal);display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--transition-base)}.drawer-panel{width:100%;max-width:450px;background:var(--color-bg-surface);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slide-in-right var(--transition-base)}.drawer-panel header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.drawer-content{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer-content section{margin-bottom:var(--space-8)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.badge.source-google{background:#4285f4;color:#fff}.badge.source-facebook{background:#1877f2;color:#fff}.badge.source-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.badge.source-tiktok{background:#000;color:#fff}.badge.source-direct{background:var(--color-text-secondary);color:var(--color-text-inverse)}.badge.source-other{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge.lead-source{font-size:9px;padding:1px 6px}.badge.lead-source.widget{background:var(--color-primary-alpha);color:var(--color-primary)}.badge.lead-source.track{background:var(--color-success-bg);color:var(--color-success)}@media(max-width:900px){.leads-content .header-actions{display:none}}.settings-page,.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.tabs-container{display:inline-flex;gap:4px;padding:4px;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:fit-content}.tabs-container button{border:none;background:transparent;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.tabs-container button.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;gap:var(--space-3)}.header-content{display:flex;flex-direction:column;gap:var(--space-1)}.team-settings{display:flex;flex-direction:column;gap:var(--space-6)}.member-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-page);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);border:1px solid transparent}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:#10b98133}.alert-error{background:var(--color-error-bg);color:var(--color-error);border-color:#ef444433}.billing-page{display:flex;flex-direction:column;gap:var(--space-5)}.billing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.billing-hero{padding:var(--space-5);border-radius:20px;background:radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 44%),linear-gradient(130deg,#fff,#f0f9ff 42%,#f8fafc);border:1px solid #dbeafe;box-shadow:var(--shadow-sm)}.billing-hero-content{max-width:720px}.billing-eyebrow{margin:0 0 8px;font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:#0369a1}.billing-title{margin:0;font-size:clamp(1.9rem,2.8vw,2.6rem);line-height:1.05;letter-spacing:-.02em;color:#111827}.billing-hero-meta{margin-top:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.billing-chip{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:var(--font-weight-medium);color:#0f172a;background:#e0f2fe;border:1px solid #bae6fd}.billing-chip.subtle{background:#fff;border-color:#dbeafe}.billing-muted{margin:6px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.billing-alert{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent}.billing-alert.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.billing-alert.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.billing-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.billing-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}.billing-kpi-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.billing-kpi-icon.blue{background:#dbeafe;color:#1d4ed8}.billing-kpi-icon.yellow{background:#fef3c7;color:#b45309}.billing-kpi-icon.red{background:#fee2e2;color:#b91c1c}.billing-kpi-icon.green{background:#dcfce7;color:#047857}.billing-kpi p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.billing-kpi strong{display:block;margin-top:4px;font-size:var(--font-size-md);color:var(--color-text-primary)}.billing-main-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-5)}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:var(--space-5);box-shadow:var(--shadow-sm)}.billing-loading{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.billing-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.billing-card-head h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.billing-card-head select{min-width:140px;max-width:160px}.billing-invoice-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:520px;overflow:auto}.billing-invoice-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer;text-align:left}.billing-invoice-row.active{border-color:#c7d2fe;background:#eef2ff}.billing-invoice-main{min-width:0}.billing-invoice-row strong{font-size:var(--font-size-sm);color:var(--color-text-primary)}.billing-invoice-row p{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.billing-invoice-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.billing-provider-mini{font-size:11px;line-height:1.2;color:#475569;max-width:180px;text-align:right}.billing-badge{padding:4px 10px;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.billing-badge.open{background:#e0f2fe;color:#075985;border-color:#bae6fd}.billing-badge.overdue{background:#fee2e2;color:#991b1b;border-color:#fecaca}.billing-badge.paid{background:#dcfce7;color:#166534;border-color:#bbf7d0}.billing-badge.canceled{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.billing-loading-inline{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.billing-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.billing-timeline-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7}.billing-timeline-item strong{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary)}.billing-timeline-item p{margin:3px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.billing-payment-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.billing-status-note{margin-top:8px}.billing-expired-row{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.billing-qr-wrap{margin-top:12px}.billing-qr-wrap strong{font-size:12px}.billing-qr-wrap>div{margin-top:8px}.billing-qr-image{width:160px;height:160px;border-radius:8px;border:1px solid var(--color-border);background:#fff}.billing-owner-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #eef2f7;display:flex;flex-direction:column;gap:var(--space-3)}.billing-owner-actions h3{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.billing-owner-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.billing-reminder-form{display:flex;flex-direction:column;gap:var(--space-2)}.billing-reminder-form textarea{min-height:100px}@media(max-width:1024px){.billing-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-main-grid{grid-template-columns:1fr}}@media(max-width:768px){.billing-header{flex-direction:column}.billing-hero{padding:var(--space-4)}.billing-kpi-grid{grid-template-columns:1fr}.billing-invoice-side{align-items:flex-start}.billing-provider-mini{max-width:none;text-align:left}}.owner-page{display:flex;flex-direction:column;gap:var(--space-5)}.owner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.owner-header-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.owner-title{margin:0;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.08;color:#111827;letter-spacing:-.02em}.owner-muted{margin:6px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.owner-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:var(--space-5);box-shadow:var(--shadow-sm)}.owner-loading{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.owner-alert{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent}.owner-alert.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.owner-alert.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.owner-tabs{margin-bottom:24px;display:flex;gap:8px;border-bottom:1px solid var(--color-border);overflow-x:auto}.owner-tab{padding:12px 18px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap}.owner-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}.modal-content{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 20px 48px #0f172a33}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #edf2f7}.modal-header h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.modal-body{padding:16px 20px 20px}.modal-footer{display:flex;gap:8px;align-items:center;justify-content:flex-end}.owner-modal-md{width:min(640px,100%)}.owner-modal-header{background:radial-gradient(circle at top right,rgba(56,189,248,.13),transparent 52%),#fff}.owner-modal-subtitle{margin:6px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.owner-modal-body{display:flex;flex-direction:column;gap:14px}.owner-modal-section{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#f8fafc}.owner-modal-section h3{margin:0 0 12px;font-size:var(--font-size-sm);color:#0f172a}.owner-form-grid{display:grid;gap:12px}.owner-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-input-hint{margin:2px 0 0;font-size:12px;color:#64748b}.owner-modal-summary{border:1px solid #dbeafe;border-radius:12px;padding:14px;background:#f0f9ff}.owner-modal-summary h4{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#075985}.owner-modal-summary p{margin:0;font-size:var(--font-size-sm);color:#1e293b}.owner-modal-summary p+p{margin-top:6px}.owner-modal-footer{padding-top:4px}.owner-modal-footer-end{justify-content:flex-end}.owner-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.owner-kpi-grid.owner-kpi-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr))}.owner-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}.owner-kpi-card p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.owner-kpi-card strong{display:block;margin-top:4px;font-size:var(--font-size-md);color:var(--color-text-primary)}.owner-kpi-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.owner-kpi-icon.blue{background:#dbeafe;color:#1d4ed8}.owner-kpi-icon.green{background:#dcfce7;color:#047857}.owner-kpi-icon.yellow{background:#fef3c7;color:#b45309}.owner-kpi-icon.red{background:#fee2e2;color:#b91c1c}.owner-kpi-icon.purple{background:#ede9fe;color:#6d28d9}.owner-kpi-icon.gray{background:#f3f4f6;color:#4b5563}.owner-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.owner-card-head h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.owner-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.owner-search{display:inline-flex;align-items:center;gap:var(--space-2);min-width:min(500px,100%);border:1px solid #d7deeb;border-radius:var(--radius-lg);background:#f8fafc;padding:8px 10px;color:var(--color-text-secondary)}.owner-search:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #4f46e51f}.owner-search input{border:none;box-shadow:none;padding:0;background:transparent}.owner-search input:focus{border:none;box-shadow:none}.owner-table-wrap{overflow-x:auto}.owner-table{width:100%;border-collapse:separate;border-spacing:0}.owner-table thead th{text-align:left;font-size:var(--font-size-xs);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary);padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.owner-table tbody td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:middle;font-size:var(--font-size-sm);color:var(--color-text-primary)}.owner-table tbody td p{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.owner-table tbody tr:last-child td{border-bottom:none}.owner-empty-row{text-align:center;color:var(--color-text-secondary)}.owner-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);border:1px solid transparent}.owner-status.up-to-date,.owner-status.paid{background:#dcfce7;color:#166534;border-color:#bbf7d0}.owner-status.due-today,.owner-status.open{background:#fef3c7;color:#92400e;border-color:#fde68a}.owner-status.overdue{background:#fee2e2;color:#991b1b;border-color:#fecaca}.owner-status.canceled{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.owner-row-actions{display:flex;flex-wrap:wrap;gap:6px}.owner-row-actions button{border:1px solid #dbe3ef;background:#f8fafc;color:#1f2937;border-radius:8px;font-size:11px;font-weight:var(--font-weight-semibold);padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.owner-row-actions button:disabled{cursor:not-allowed;opacity:.55}.owner-row-actions button:not(:disabled):hover{background:#eef2f7}@media(max-width:1280px){.owner-kpi-grid.owner-kpi-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.owner-kpi-grid,.owner-kpi-grid.owner-kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-table-toolbar{flex-direction:column;align-items:stretch}}@media(max-width:760px){.owner-header{flex-direction:column;align-items:stretch}.owner-tab{padding:10px 14px}.owner-kpi-grid,.owner-kpi-grid.owner-kpi-grid-compact{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal-header,.modal-body{padding-left:14px;padding-right:14px}.owner-form-grid-2{grid-template-columns:1fr}}.owner-theme{--color-bg-owner: #0f172a;--color-bg-owner-hover: #1e293b;--color-text-owner: #f8fafc;--color-text-owner-muted: #94a3b8}.owner-sidebar{background-color:var(--color-bg-owner);border-right:1px solid #1e293b}.owner-sidebar .sidebar-logo{color:var(--color-text-owner);border-bottom-color:#1e293b}.owner-logo-badge{color:#a1a1aa}.owner-sidebar .nav-item{color:var(--color-text-owner-muted)}.owner-sidebar .nav-item:hover,.owner-sidebar .nav-item.hover-white:hover{background-color:var(--color-bg-owner-hover);color:var(--color-text-owner)}.owner-sidebar .nav-item.active{background-color:var(--color-bg-owner-hover);color:var(--color-text-owner);font-weight:var(--font-weight-medium)}.owner-sidebar .sidebar-footer{border-top-color:#1e293b}.owner-sidebar .user-profile-info:hover{background-color:var(--color-bg-owner-hover)}.avatar-circle.dark{background-color:#334155;color:#fff;border-color:#475569}.workspace-page{display:flex;flex-direction:column;gap:var(--space-5);padding:clamp(14px,2.1vw,26px);max-width:1440px;margin:0 auto}.workspace-loading-card,.workspace-empty-card{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3)}.workspace-empty-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef2ff}.workspace-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--space-5);padding:clamp(18px,2.8vw,30px);border:1px solid #dbe4f3;border-radius:20px;background:radial-gradient(600px 180px at 10% -20%,rgba(79,70,229,.14),transparent 60%),linear-gradient(180deg,#fff,#f8fbff)}.workspace-eyebrow{margin:0;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.workspace-title{margin:var(--space-2) 0 0;font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.05;letter-spacing:-.03em;color:#111827}.workspace-title span{color:#1d4ed8}.workspace-subtitle{margin:var(--space-3) 0 0;max-width:640px;color:var(--color-text-secondary)}.workspace-hero-kpis{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.workspace-hero-kpi{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid #dde5f2;border-radius:var(--radius-xl);background:#ffffffe6}.workspace-hero-kpi p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workspace-hero-kpi strong{display:block;margin-top:2px;font-size:var(--font-size-lg);color:var(--color-text-primary)}.icon-box{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.icon-box.blue{background:#dbeafe;color:#1d4ed8}.icon-box.green{background:#dcfce7;color:#047857}.icon-box.orange{background:#ffedd5;color:#c2410c}.workspace-quick{display:flex;flex-direction:column;gap:var(--space-3)}.workspace-quick-head{display:flex;align-items:center;justify-content:space-between}.workspace-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.workspace-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid #d9e1ef;border-radius:10px;background:#f8fafc;color:#1f2937;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer}.workspace-quick-btn:hover{background:#eef2f7}.workspace-finance{display:flex;flex-direction:column;gap:var(--space-4)}.workspace-finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.workspace-finance-head-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.workspace-finance-title{display:inline-flex;align-items:center;gap:8px}.workspace-finance-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-4)}.workspace-finance-table-panel,.workspace-finance-form-panel{min-width:0}.workspace-finance-placeholder{padding:var(--space-4);border:1px dashed #d6deed;border-radius:var(--radius-xl);background:#f8fafc}.workspace-finance-placeholder h4{margin:0;font-size:var(--font-size-md);color:var(--color-text-primary)}.workspace-finance-placeholder p{margin:8px 0 0}.workspace-billing-error,.workspace-billing-success{margin:0;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.workspace-billing-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.workspace-billing-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.workspace-billing-table-wrap{overflow-x:auto}.workspace-billing-table{width:100%;border-collapse:separate;border-spacing:0}.workspace-billing-table thead th{text-align:left;font-size:var(--font-size-xs);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary);padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.workspace-billing-table tbody td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:middle;font-size:var(--font-size-sm);color:var(--color-text-primary)}.workspace-billing-table tbody tr:last-child td{border-bottom:none}.workspace-billing-table tbody td p{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.workspace-billing-empty{text-align:center;color:var(--color-text-secondary)}.workspace-fin-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);border:1px solid transparent}.workspace-fin-status.up_to_date{background:#dcfce7;color:#166534;border-color:#bbf7d0}.workspace-fin-status.due_today{background:#fef3c7;color:#92400e;border-color:#fde68a}.workspace-fin-status.overdue{background:#fee2e2;color:#991b1b;border-color:#fecaca}.workspace-fin-actions{display:flex;flex-wrap:wrap;gap:6px}.workspace-fin-actions button{border:1px solid #dbe3ef;background:#f8fafc;color:#1f2937;border-radius:8px;font-size:11px;font-weight:var(--font-weight-semibold);padding:6px 8px;cursor:pointer}.workspace-fin-actions button:hover{background:#eef2f7}.workspace-billing-form-card{border:1px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--space-4);background:#f9fafb;display:flex;flex-direction:column;gap:var(--space-3)}.workspace-billing-form-card h4{margin:0;font-size:var(--font-size-md);color:var(--color-text-primary)}.workspace-billing-form-grid{display:flex;flex-direction:column;gap:var(--space-2)}.workspace-checkbox-inline{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workspace-access{display:flex;flex-direction:column;gap:var(--space-4)}.workspace-access-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.workspace-access-title-wrap{display:inline-flex;align-items:center;gap:var(--space-2)}.workspace-access-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#1d4ed8;background:#e8efff}.workspace-search{display:inline-flex;align-items:center;gap:var(--space-2);min-width:min(420px,100%);padding:9px 12px;border:1px solid #d7deeb;border-radius:var(--radius-lg);background:#f8fafc;color:var(--color-text-secondary)}.workspace-search:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #4f46e51f}.workspace-search input{border:none;background:transparent;box-shadow:none;padding:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.workspace-search input:focus{box-shadow:none;border:none}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.workspace-card{border:1px solid #dfe6f3;border-radius:16px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 8px 20px #0f172a0d;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.workspace-card:hover{transform:translateY(-2px);border-color:#c6d5f5;box-shadow:0 14px 26px #0f172a17}.workspace-card:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e52e;border-color:var(--color-primary)}.workspace-card.is-last-accessed{border-color:#93c5fd;background:radial-gradient(420px 130px at 80% -20%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,#fff,#f8fbff)}.workspace-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.workspace-card-header{display:flex;align-items:center;gap:var(--space-3);min-width:0}.workspace-card-avatar{width:36px;height:36px;border-radius:11px;background:#ebf2ff;border:1px solid #d7e3fb;display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8;flex-shrink:0}.workspace-card-title-wrap{min-width:0}.workspace-card-title-wrap .card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px}.workspace-card-created{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.workspace-role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid transparent}.workspace-role-badge.role-global-owner,.workspace-role-badge.role-owner{background:#fff7ed;color:#b45309;border-color:#fed7aa}.workspace-role-badge.role-admin{background:#e0f2fe;color:#0c4a6e;border-color:#bae6fd}.workspace-role-badge.role-editor{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}.workspace-role-badge.role-viewer{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.workspace-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.workspace-card-meta code{font-size:11px;font-family:var(--font-family-mono);color:var(--color-text-secondary)}.workspace-activity-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff}.workspace-activity-chip.active{background:#dcfce7;color:#047857;border-color:#bbf7d0}.workspace-card-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:10px;border:1px solid #e6ecf4;border-radius:10px;background:#f8fafc}.workspace-card-finance p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.workspace-card-finance strong{display:block;margin-top:2px;font-size:var(--font-size-sm);color:var(--color-text-primary)}.workspace-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.workspace-action-btn{height:34px;border:1px solid #d9e1ef;border-radius:9px;background:#f8fafc;color:#1f2937;font-size:11px;font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.workspace-action-btn:hover{background:#f1f5f9;border-color:#b9c8e1}.workspace-action-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.workspace-action-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.workspace-filter-empty,.workspace-create-first{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px dashed #d4deed;border-radius:var(--radius-xl);background:#fbfdff}@media(max-width:1280px){.workspace-hero{grid-template-columns:1fr}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-finance-layout{grid-template-columns:1fr}.workspace-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.workspace-page{padding:12px}.workspace-access-head{flex-direction:column;align-items:stretch}.workspace-search{min-width:0;width:100%}.workspace-grid{grid-template-columns:1fr}.workspace-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-quick-grid{grid-template-columns:1fr}.workspace-finance-head{flex-direction:column;align-items:stretch}}@media(max-width:640px){.workspace-hero{padding:16px}.workspace-title{font-size:1.9rem}.workspace-card-finance{grid-template-columns:1fr}}.widgets-page{display:flex;flex-direction:column;gap:var(--space-6)}.widgets-toolbar{display:flex;flex-direction:column;gap:var(--space-4)}.widgets-toolbar-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:end}.widgets-toolbar-group{min-width:0}.widgets-card-badges{display:inline-flex;align-items:center;gap:6px}@media(max-width:900px){.widgets-toolbar-row{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;gap:var(--space-4)}.empty-state-icon{width:64px;height:64px;border-radius:50%;background:var(--color-bg-page);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:360px;line-height:var(--line-height-relaxed);margin:0}.toast-error{background:#7f1d1d}.toast-close{background:none;border:none;color:#fff9;cursor:pointer;padding:0;display:flex;align-items:center;transition:color var(--transition-fast)}.toast-close:hover{color:#fff}