:root{color-scheme:dark;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg: #0a0a0b;--bg-elevated: #111113;--surface: #161618;--surface-hover: #1c1c1f;--surface-muted: #1a1a1d;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--accent-muted: rgba(59, 130, 246, .12);--accent-text: #93c5fd;--success: #22c55e;--success-muted: rgba(34, 197, 94, .12);--success-text: #86efac;--warning: #eab308;--warning-muted: rgba(234, 179, 8, .12);--warning-text: #fde047;--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .12);--danger-text: #fca5a5;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--topbar-h: 56px;--sidebar-w: 220px;--content-max: 1280px;--crm-tab-panel-h: 28rem;--crm-tab-panel-h-detail: 22rem;--form-label-color: var(--accent-text);--form-label-weight: 700;--form-input-color: #e4e4e7;--transition: .15s ease}[data-theme=light]{color-scheme:light;--bg: #fafafa;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f4f4f5;--surface-muted: #f4f4f5;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--text: #09090b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--accent-muted: rgba(59, 130, 246, .1);--accent-text: #1d4ed8;--success-muted: rgba(34, 197, 94, .1);--success-text: #15803d;--warning-muted: rgba(234, 179, 8, .12);--warning-text: #a16207;--danger-muted: rgba(239, 68, 68, .1);--danger-text: #b91c1c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--form-input-color: #3f3f46}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 0% -20%,rgba(59,130,246,.12),transparent 50%),radial-gradient(ellipse 100% 60% at 100% 0%,rgba(99,102,241,.08),transparent 45%),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 22rem);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary,button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost,button.ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled),button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.btn--secondary,button.secondary{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.btn--secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}button.primary,button.ghost,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label,label.field-label,.form-grid label:not(.form-check){font-size:.8125rem;font-weight:var(--form-label-weight);color:var(--form-label-color);text-transform:uppercase;letter-spacing:.06em;line-height:1.4}.form-grid label.form-check,label.form-check{font-weight:500;color:var(--text-secondary)}.field label input,.field label select,.field label textarea,.form-grid label:not(.form-check) input,.form-grid label:not(.form-check) select,.form-grid label:not(.form-check) textarea{font-weight:400;font-size:.875rem;color:var(--form-input-color);text-transform:none;letter-spacing:normal}input,select,textarea{width:100%;padding:.5625rem .75rem;font-size:.875rem;font-weight:400;color:var(--form-input-color);line-height:1.5;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}textarea{min-height:7rem;resize:vertical}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;padding-right:2.25rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.page-header__title{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.page-header__desc{margin-top:var(--space-2);font-size:.875rem;color:var(--text-secondary);max-width:36rem;line-height:1.6}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{position:relative;padding:var(--space-5);background:linear-gradient(165deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(99,102,241,.6));opacity:.85}[data-theme=light] .stat-card{background:linear-gradient(165deg,#ffffff 0%,var(--surface-muted) 100%);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6}[data-theme=light] .stat-card:before{opacity:1}.stat-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.stat-card__value{margin-top:var(--space-2);font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.2}.stat-card__hint{margin-top:var(--space-2);font-size:.8125rem;color:var(--text-secondary)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-6)}.toolbar .field{flex:1;min-width:min(280px,100%);max-width:360px}.selector-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-6)}.selector-row .field{flex:1;min-width:min(320px,100%);max-width:420px}.table-shell{overflow-x:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px #ffffff08}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:.75rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}thead th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--surface-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-hover)}td.actions{text-align:right;white-space:nowrap}.cell-muted{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:999px;background:var(--accent-muted);color:var(--accent-text)}.status-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:500;border-radius:999px;text-transform:capitalize}.status-chip.active{background:var(--success-muted);color:var(--success-text)}.status-chip.suspended{background:var(--warning-muted);color:var(--warning-text)}.status-chip.revoked{background:var(--danger-muted);color:var(--danger-text)}.empty-state{padding:var(--space-10) var(--space-6);text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#06080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .modal-backdrop{background:#0f172a73}.modal{width:min(100%,32rem);max-height:calc(100vh - var(--space-12));overflow-y:auto;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08 inset}.modal--lg{width:min(100%,52rem)}.modal__header{padding:var(--space-6) var(--space-6) 0}.modal__header h3{font-size:1.125rem;font-weight:600}.modal__body{padding:var(--space-5) var(--space-6)}.modal__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border)}.modal-card{width:min(100%,32rem);max-height:calc(100vh - var(--space-12));overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.modal-card.large{width:min(100%,52rem)}.modal-card h3{margin:0 0 var(--space-5);font-size:1.125rem;font-weight:600}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.form-grid .full-width{grid-column:1 / -1}.form-grid label{display:flex;flex-direction:column;gap:var(--space-2)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,130,246,.2),transparent 55%),var(--bg)}.auth-card{width:min(100%,420px);padding:var(--space-10);background:linear-gradient(165deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08 inset}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-card__logo{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);display:grid;place-items:center;font-weight:700;font-size:.875rem;color:#fff}.auth-card h1{font-size:1.375rem;font-weight:600}.auth-card__subtitle{margin-top:var(--space-2);font-size:.875rem;color:var(--text-secondary);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.auth-form .btn--primary{width:100%;padding:.625rem 1rem;margin-top:var(--space-2)}.error,.form-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);font-size:.875rem;color:var(--danger-text);background:var(--danger-muted);border-radius:var(--radius-md);border:1px solid transparent}.alert-banner{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-size:.875rem;color:var(--danger-text);background:var(--danger-muted);border-radius:var(--radius-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header__actions,.page-header__actions .btn,.page-header__actions button{width:100%}.auth-card{padding:var(--space-6)}}.modal--xl{width:min(100%,56rem)}.modal--crm-form{width:min(100%,58rem);max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden}.modal__header--title{flex-shrink:0;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(59,130,246,.1) 0%,transparent 100%)}.modal__subtitle{margin:var(--space-1) 0 0;font-size:.8125rem;color:var(--text-tertiary)}.form-modal-layout{display:grid;grid-template-columns:11.5rem minmax(0,1fr);flex:0 0 var(--crm-tab-panel-h);height:var(--crm-tab-panel-h);gap:0;overflow:hidden}.form-modal-layout__content{display:flex;flex-direction:column;height:100%;min-height:0;padding:var(--space-5) var(--space-6);overflow:hidden;border-left:1px solid var(--border);background:var(--surface)}.form-modal-layout__content>.form-error{flex-shrink:0;margin-bottom:var(--space-3)}.form-tab-panels{position:relative;flex:1;height:100%;min-height:0;overflow:hidden}.form-tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-1)}.form-tab-panel--history{display:flex;flex-direction:column}.form-tab-panel--history .plan-history{flex:1;min-height:0;overflow-y:auto}.tabs-nav--vertical{flex-direction:column;margin:0;padding:var(--space-3);border:none;border-radius:0;background:var(--surface-muted);height:100%;min-height:0;overflow-y:auto}.tabs-nav--vertical.tabs-nav--equal .tabs-nav__item{flex:0 0 auto;width:100%;min-height:2.75rem;justify-content:flex-start;text-align:left;padding-left:var(--space-4);padding-right:var(--space-4)}.tabs-nav--vertical .tabs-nav__label{display:block;width:100%}.tabs-nav--vertical .tabs-nav__item--active{background:var(--accent-muted);box-shadow:none;color:var(--accent-text);border:1px solid rgba(59,130,246,.25)}.crm-tab-panels{position:relative;height:var(--crm-tab-panel-h-detail);overflow:hidden}.crm-tab-panels>.crm-tab{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.page-canvas{padding:var(--space-6);background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a}.page-canvas .page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.page-canvas .stats-grid{margin-bottom:var(--space-6)}.modal__body--scroll{max-height:min(70vh,640px);overflow-y:auto}.modal__header--crm{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(59,130,246,.06) 0%,transparent 100%)}.modal__header--crm .tabs-nav{margin-top:var(--space-4)}.modal__footer--split{justify-content:space-between;align-items:center}.modal__footer-start,.modal__footer-end{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.form-check{flex-direction:row!important;align-items:center;gap:var(--space-3)}.form-check input{width:auto}.toolbar--filters{align-items:flex-end;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.toolbar--filters .field{min-width:140px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text)}.table-row-link{cursor:pointer}.cell-stack{display:flex;flex-direction:column;gap:.15rem}.link{color:var(--accent-text);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}a.btn{text-decoration:none}.badge--muted{background:var(--surface-muted);color:var(--text-secondary);margin-right:var(--space-2)}.status-badge{display:inline-flex;padding:.2rem .55rem;font-size:.75rem;font-weight:500;border-radius:999px}.status-badge--customer.active,.status-badge--license.active{background:var(--success-muted);color:var(--success-text)}.status-badge--customer.prospect,.status-badge--license.pending{background:var(--accent-muted);color:var(--accent-text)}.status-badge--customer.suspended,.status-badge--license.suspended{background:var(--warning-muted);color:var(--warning-text)}.status-badge--customer.churned,.status-badge--license.cancelled,.status-badge--license.expired,.status-badge--license.revoked{background:var(--danger-muted);color:var(--danger-text)}.loading-block{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-secondary)}.loading-block__spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state__title{font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.section-card{position:relative;background:linear-gradient(145deg,var(--surface) 0%,rgba(22,22,24,.98) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.section-card:after{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);width:3px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(99,102,241,.5));opacity:.9}[data-theme=light] .section-card{background:linear-gradient(145deg,#ffffff 0%,var(--surface-muted) 100%)}.section-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);padding-left:var(--space-2)}.section-card__header h3{font-size:.9375rem;font-weight:600;letter-spacing:-.02em}.section-card__subtitle{margin-top:var(--space-1);font-size:.8125rem;color:var(--text-tertiary)}.tabs-nav{display:flex;gap:0;margin-bottom:var(--space-6);padding:var(--space-1);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tabs-nav--equal .tabs-nav__item{flex:1 1 0;min-width:0;justify-content:center;text-align:center}.tabs-nav__item{display:flex;align-items:center;justify-content:center;padding:.55rem .65rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--transition),color var(--transition),box-shadow var(--transition)}.tabs-nav__item:hover{color:var(--text);background:#ffffff0a}[data-theme=light] .tabs-nav__item:hover{background:#0000000a}.tabs-nav__item--active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.crm-detail__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;padding:var(--space-6);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-muted) 55%,var(--surface) 100%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a}.crm-detail__hero--license{border-left:3px solid var(--accent)}.back-link{display:inline-block;margin-bottom:var(--space-3);font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.back-link:hover{color:var(--accent-text)}.crm-detail__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.crm-detail__title-row h2{font-size:1.5rem;margin:0;letter-spacing:-.03em}.crm-detail__meta{margin-top:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.crm-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.detail-dl{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:.875rem}.detail-dl dt{color:var(--text-tertiary);font-weight:500}.detail-dl dd{margin:0;color:var(--text)}.address-block{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0}.address-block--muted{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.stat-card__value--sm{font-size:1.125rem}.stat-card__value--mono{font-size:.8125rem;font-weight:500;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;letter-spacing:.02em;word-break:break-all}.table-shell--nested{box-shadow:none;border:none}.plan-history{padding:var(--space-2) 0}.plan-history__list{list-style:none;margin:0;padding:0}.plan-history__list--page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.plan-history__item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1)}.plan-history__item:last-child{border-bottom:none}.plan-history__arrow{font-weight:600;font-size:.875rem;color:var(--text)}.plan-history__item time{font-size:.75rem;color:var(--text-tertiary)}.plan-history__reason{font-size:.8125rem;color:var(--text-secondary)}.activity-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);align-items:flex-start;padding:var(--space-4);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg)}.activity-form textarea{flex:1}.activity-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.activity-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-item__type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.activity-item p{margin:var(--space-2) 0;font-size:.875rem}.activity-item time{font-size:.75rem;color:var(--text-tertiary)}.crm-tab__full{margin-top:var(--space-4)}.crm-tab__footer-link{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}@media (max-width: 768px){:root{--crm-tab-panel-h: 24rem;--crm-tab-panel-h-detail: 18rem}.form-modal-layout{grid-template-columns:1fr;height:auto;flex:1 1 auto;min-height:var(--crm-tab-panel-h);max-height:min(var(--crm-tab-panel-h),55vh)}.tabs-nav--vertical{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;height:auto;min-height:0;padding:var(--space-2)}.tabs-nav--vertical.tabs-nav--equal .tabs-nav__item{flex:1 1 0;min-width:5.5rem;min-height:2.5rem;justify-content:center;text-align:center;padding-left:var(--space-2);padding-right:var(--space-2)}.crm-detail__actions{width:100%}.activity-form{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--topbar-h);padding:0 var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.topbar__start,.topbar__end{display:flex;align-items:center;gap:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:.9375rem;color:var(--text);text-decoration:none}.brand:hover{color:var(--text)}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:.75rem;font-weight:700}.brand__text{letter-spacing:-.02em}.user-chip{padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border);border-radius:999px}.app-body{display:flex;flex:1;min-height:0}.sidebar{flex-shrink:0;width:var(--sidebar-w);padding:var(--space-4);border-right:1px solid var(--border);background:var(--bg-elevated)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition),color var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-hover)}.nav-link.active{color:var(--accent-text);background:var(--accent-muted);box-shadow:inset 3px 0 0 var(--accent)}.main{flex:1;min-width:0;padding:var(--space-8);max-width:var(--content-max);width:100%;margin:0 auto}@media (max-width: 900px){.app-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4)}.sidebar__nav{flex-direction:row;overflow-x:auto;gap:var(--space-2)}.nav-link{white-space:nowrap}.main{padding:var(--space-5)}.topbar{padding:0 var(--space-4)}.brand__text{display:none}}