.full-page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);font-size:var(--text-body-size);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-hover)}.btn-destructive{background:var(--color-danger);color:#fff}.btn-text{background:transparent;border:none;color:var(--color-brand);min-height:auto;padding:0}.btn-text:hover:not(:disabled){text-decoration:underline}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-wordmark{font-weight:700;color:var(--color-text-primary)}.app-header-right{display:flex;align-items:center;gap:var(--space-4)}.app-client-name{color:var(--color-text-secondary);font-size:var(--text-meta-size)}.app-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:var(--space-5) var(--space-4)}@media (min-width: 768px){.app-main{padding:var(--space-6) var(--space-5)}}.banner{border-left:4px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.banner-warning{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.banner-danger{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.banner-success{border-left-color:var(--color-success);background:var(--color-success-bg)}.banner-heading{font-weight:600;font-size:var(--text-body-size)}.banner-body{font-size:var(--text-meta-size);color:var(--color-text-secondary)}.banner-action{margin-top:var(--space-2)}.form-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-field label{font-size:var(--text-body-size);font-weight:600}.form-input{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-body-size);background:var(--color-surface);color:var(--color-text-primary)}.form-input-error{border-color:var(--color-danger);border-width:1.5px}.form-helper{font-size:var(--text-meta-size);color:var(--color-text-secondary)}.form-error{font-size:var(--text-meta-size);color:var(--color-danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4)}.login-title{font-size:var(--text-display-size);font-weight:var(--text-display-weight);text-align:center}.password-field-wrapper{position:relative}.password-toggle{position:absolute;right:var(--space-3);top:34px;background:none;border:none;color:var(--color-brand);cursor:pointer;font-size:var(--text-meta-size);font-weight:600}.forgot-password-link{text-align:center;font-size:var(--text-meta-size)}.billing-required-page{min-height:100vh;display:flex;flex-direction:column}.billing-required-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.billing-required-main{max-width:480px;width:100%;margin:var(--space-6) auto;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.billing-required-footnote{font-size:var(--text-meta-size);color:var(--color-text-secondary);text-align:center}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-3);font-size:var(--text-body-size);font-weight:600;color:var(--color-text-secondary);cursor:pointer;min-height:44px}.tab-active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.skeleton-rows{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line-wide{width:60%}.skeleton-line-narrow{width:35%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-line{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4)}.empty-state-icon{font-size:40px;margin-bottom:var(--space-2)}.empty-state-headline{font-size:var(--text-heading-size);font-weight:var(--text-heading-weight)}.empty-state-body{color:var(--color-text-secondary);max-width:320px}.status-badge{display:inline-block;padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-badge-size);font-weight:var(--text-badge-weight);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge-success{color:var(--color-success);background:var(--color-success-bg)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg)}.badge-neutral{color:var(--color-text-secondary);background:var(--color-neutral-badge-bg)}.row-accent-warning{border-left:4px solid var(--color-warning)}.row-accent-danger{border-left:4px solid var(--color-danger)}.list-rows{display:flex;flex-direction:column;gap:var(--space-3)}.list-row-card{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);text-decoration:none;color:inherit}.list-row-card:hover{box-shadow:var(--shadow-hover)}.list-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.list-row-primary{font-weight:600}.list-row-secondary{color:var(--color-text-secondary);font-size:var(--text-meta-size)}.crm-table{display:none}@media (min-width: 768px){.list-rows.mobile-only{display:none}.crm-table{display:table;width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.crm-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-meta-size);color:var(--color-text-secondary)}.crm-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:relative}.crm-table tr:last-child td{border-bottom:none}.crm-table tr:hover td{background:var(--color-bg)}.row-link-cover{color:inherit;text-decoration:none;font-weight:600}.row-link-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.crm-table-chevron{color:var(--color-text-secondary);width:24px}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1666;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.dialog{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5);max-width:400px;width:100%;box-shadow:0 4px 16px #00000026}.dialog-title{font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);margin-bottom:var(--space-3)}.dialog-body{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);box-shadow:0 4px 16px #0003;z-index:200}.detail-back-link{display:inline-block;margin-bottom:var(--space-4);font-size:var(--text-meta-size)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.detail-title{font-size:var(--text-display-size);font-weight:var(--text-display-weight)}.detail-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-4)}.detail-section-heading{font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);margin-bottom:var(--space-2)}.detail-meta-label{font-size:var(--text-meta-size);color:var(--color-text-secondary);margin-top:var(--space-4)}.detail-meta-value{font-size:var(--text-meta-size);color:var(--color-text-secondary)}.detail-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}:root{--color-bg: #FAFAF9;--color-surface: #FFFFFF;--color-border: #E5E1DC;--color-text-primary: #1F1B16;--color-text-secondary: #6B6459;--color-brand: #B5502F;--color-brand-hover: #983F22;--color-success: #1E7A4C;--color-success-bg: #E9F5EE;--color-warning: #B4750B;--color-warning-bg: #FBF1DE;--color-danger: #B3261E;--color-danger-bg: #FBEAE9;--color-neutral-badge-bg: #EFEDE9;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-display-size: 28px;--text-display-weight: 600;--text-heading-size: 20px;--text-heading-weight: 600;--text-body-size: 16px;--text-body-weight: 400;--text-meta-size: 14px;--text-meta-weight: 400;--text-badge-size: 13px;--text-badge-weight: 600;--radius-card: 8px;--radius-control: 6px;--radius-pill: 999px;--shadow-hover: 0 1px 3px rgba(0, 0, 0, .06);--focus-ring: 2px solid var(--color-brand);--focus-ring-offset: 2px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--text-body-size);line-height:1.5}h1,h2,h3,p{margin:0}a{color:var(--color-brand)}button,input{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}