:root{--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--border-radius-xs: 4px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-pill: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=light]{--color-scheme: light;--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-header: rgba(255, 255, 255, .85);--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-subtle: #F1F5F9;--bg-input: #FFFFFF;--bg-dropdown: #FFFFFF;--color-primary: #0284C7;--color-secondary: #0F172A;--color-accent: #0D9488;--color-accent-blue: #2563EB;--color-accent-purple: #7C3AED;--color-text-main: #0F172A;--color-text-muted: #475569;--color-text-dim: #94A3B8;--color-border: #E2E8F0;--color-border-subtle: #F1F5F9;--color-border-focus: #0284C7;--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .1);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-danger: #DC2626;--color-danger-bg: rgba(220, 38, 38, .1);--color-info: #0284C7;--color-info-bg: rgba(2, 132, 199, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .02);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--table-row-hover: #F8FAFC;--table-header-bg: #F8FAFC}[data-theme=dark]{--color-scheme: dark;--bg-app: #080C14;--bg-surface: #0E1626;--bg-sidebar: #0B111E;--bg-header: rgba(14, 22, 38, .85);--bg-card: #111A2E;--bg-card-hover: #16223B;--bg-subtle: rgba(255, 255, 255, .04);--bg-input: #0B1220;--bg-dropdown: #111A2E;--color-primary: #38BDF8;--color-secondary: #080C14;--color-accent: #00E5CC;--color-accent-blue: #3B82F6;--color-accent-purple: #A78BFA;--color-text-main: #F8FAFC;--color-text-muted: #94A3B8;--color-text-dim: #64748B;--color-border: rgba(255, 255, 255, .09);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-focus: #00E5CC;--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .12);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .12);--color-danger: #EF4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-info: #38BDF8;--color-info-bg: rgba(56, 189, 248, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 8px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .6);--shadow-card: 0 4px 20px rgba(0, 0, 0, .35);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .7);--table-row-hover: rgba(255, 255, 255, .03);--table-header-bg: rgba(255, 255, 255, .02)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}html.dark-theme,html[data-theme=dark]{color-scheme:dark}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-app);color:var(--color-text-main);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}:root{--spring-easing: cubic-bezier(.34, 1.56, .64, 1);--liquid-easing: cubic-bezier(.16, 1, .3, 1)}.liquid-gooey{filter:url(#liquid-gooey);-webkit-filter:url(#liquid-gooey)}.liquid-gooey-subtle{filter:url(#liquid-gooey-subtle);-webkit-filter:url(#liquid-gooey-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5625rem 1.125rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:.8125rem;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--spring-easing),box-shadow .25s var(--spring-easing),background-color var(--transition-fast),filter var(--transition-fast);white-space:nowrap;line-height:1.25}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(.5px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none!important}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px #0284c740}.btn--cyan{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-xs)}.btn--cyan:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px #0d94884d}.btn--secondary{background:var(--bg-surface);color:var(--color-text-main);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--color-text-dim)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent}.btn--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--color-text-main)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(220,38,38,.25)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--sm{padding:.375rem .75rem;font-size:.75rem;border-radius:var(--border-radius-xs)}.btn--icon{padding:.5rem;border-radius:var(--border-radius-sm)}select,.filter-select,.form-control,.styled-select{background-color:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5rem 2.25rem .5rem .85rem;color:var(--color-text-main);font-family:inherit;font-size:.8125rem;font-weight:500;outline:none;cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);appearance:none;-webkit-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='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}select:hover,.filter-select:hover,.form-control:hover,.styled-select:hover{border-color:var(--color-text-dim)}select:focus,.filter-select:focus,.form-control:focus,.styled-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e926}select option,.filter-select option,.form-control option,.styled-select option{background-color:var(--bg-surface);color:var(--color-text-main);padding:.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.125rem}.form-group label{font-size:.8125rem;font-weight:600;color:var(--color-text-main)}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5625rem .875rem;color:var(--color-text-main);font-size:.875rem;outline:none;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c726}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-dim)}.form-group input option,.form-group select option,.form-group textarea option{background:var(--bg-surface);color:var(--color-text-main)}.filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.75rem 1.25rem!important;margin-bottom:1.25rem;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.filter-bar .filter-group{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap}.filter-bar .filter-group label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:1.5rem;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0f172aa6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:100000!important;padding:1.25rem!important;box-sizing:border-box!important;animation:fadeInModal .2s ease-out}.modal-card{background:var(--bg-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-lg, 16px)!important;width:100%!important;max-width:600px;max-height:90vh!important;display:flex!important;flex-direction:column!important;box-shadow:0 25px 60px -15px #00000080!important;overflow:hidden!important;animation:scaleInModal .22s cubic-bezier(.16,1,.3,1);margin:auto!important}.modal-card .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--bg-surface-sunken)}.modal-card .modal-header h3{font-size:1.125rem;font-weight:700;color:var(--color-text-main);margin:0}.modal-card .modal-header .close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-dim);cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all var(--transition-fast)}.modal-card .modal-header .close-btn:hover{color:var(--color-text-main);background:var(--bg-subtle)}.modal-card .modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 130px);display:flex;flex-direction:column;gap:1rem}.modal-card .modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--bg-surface-sunken);margin-top:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.data-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--bg-card);box-shadow:var(--shadow-card)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.8125rem}.data-table th{padding:.75rem 1rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--table-header-bg)}.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--table-row-hover);color:var(--color-text-main)}.tab-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;overflow-x:auto}.tab-nav .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-nav .tab-btn:hover{color:var(--color-text-main)}.tab-nav .tab-btn.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-nav .tab-btn .bubble{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:700;background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(220,38,38,.3)}.mono-text,.mono,.financial-num{font-family:JetBrains Mono,SF Mono,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.modal-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.modal-content{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:var(--shadow-modal)}.modal-content__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--color-border)}.modal-content__header h3{font-size:1.125rem;font-weight:700;color:var(--color-text-main)}.modal-content__header .close-btn{background:transparent;border:none;color:var(--color-text-dim);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:var(--border-radius-xs);transition:color var(--transition-fast)}.modal-content__header .close-btn:hover{color:var(--color-text-main);background:var(--bg-subtle)}.table-wrapper,.logs-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block}@media(max-width:768px){html,body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;position:relative;-webkit-text-size-adjust:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.card{padding:1rem .875rem!important;border-radius:var(--border-radius-sm)!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;margin-bottom:1rem!important}.page-header .header-actions{flex-direction:column!important;width:100%!important;gap:.5rem!important}.page-header .header-actions .btn{width:100%!important;justify-content:center!important}.page-title{font-size:1.25rem!important}.page-subtitle{font-size:.75rem!important}.search-input,.search-box{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.status-tabs,.filter-tabs,.tab-nav{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;width:100%!important;padding-bottom:4px!important}.modal-backdrop,.modal-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.modal-content,.modal-card{max-width:100%!important;width:100vw!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;padding:1.25rem 1rem!important;margin:0!important;box-sizing:border-box!important;animation:slideUpModal .25s cubic-bezier(.16,1,.3,1)}.client-drawer,.quote-drawer,.service-drawer,.drawer-container,.lead-drawer{width:100vw!important;max-width:100vw!important;border-radius:20px 20px 0 0!important}.data-table-wrapper,.table-responsive,.table-wrapper,.logs-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important}.form-grid-2,.form-grid,.grid-2{grid-template-columns:1fr!important;gap:.75rem!important}.btn{min-height:44px}.btn--sm,.btn--xs,.btn--icon{min-height:36px}}.btn-liquid,.btn--liquid{position:relative;overflow:hidden}.btn-liquid:before,.btn--liquid:before{content:"";position:absolute;top:50%;left:50%;width:140%;height:140%;background:radial-gradient(circle,#0284c759,#0d948800 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--spring-easing);pointer-events:none;border-radius:50%;filter:url(#liquid-gooey-subtle)}.btn-liquid:hover:not(:disabled):before,.btn--liquid:hover:not(:disabled):before{transform:translate(-50%,-50%) scale(1.5)}.filter-pill,.status-tab{transition:all .3s var(--spring-easing)}.filter-pill:hover,.status-tab:hover{transform:translateY(-1px) scale(1.03)}.filter-pill:active,.status-tab:active{transform:scale(.96)}.morphicon{display:inline-flex;align-items:center;justify-content:center;transition:transform .4s var(--spring-easing),color .3s ease}.morphicon:hover{transform:scale(1.15)}.morphicon--spin:hover{transform:rotate(45deg) scale(1.15)}.morphicon--bounce:hover{animation:morphBounce .6s var(--spring-easing)}@keyframes morphBounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-5px) scale(1.12)}65%{transform:translateY(2px) scale(.96)}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}