:root{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--bg-color: #f8fafc;--surface-color: #ffffff;--surface-raised: #ffffff;--text-heading: #0f172a;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-disabled: #cbd5e1;--accent-color: #6366f1;--accent-hover: #4f46e5;--accent-active: #4338ca;--accent-subtle: #eef2ff;--accent-light: #e0e7ff;--primary-color: var(--accent-color);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--color-success: #10b981;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-info: #6366f1;--color-info-bg: #eef2ff;--status-quotation: #f59e0b;--status-approval: #6366f1;--status-invoicing: #8b5cf6;--status-delivery: #06b6d4;--status-completed: #10b981;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-strong: #cbd5e1;--input-border: #d1d5db;--divider-color: #f1f5f9;--font-xs: .6875rem;--font-sm: .8125rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.375rem;--font-xxl: 1.75rem;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--hover-bg: rgba(0, 0, 0, .035);--active-bg: rgba(0, 0, 0, .06);color:var(--text-primary);font-size:15px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:flex-start;justify-content:center;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--bg-color)}#root{width:100%;margin:0 auto;padding:0}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:box-shadow var(--transition-base)}.glass-panel:hover{box-shadow:var(--shadow-md)}.glass-input{background:var(--surface-color);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:.45rem .7rem;color:var(--text-heading);width:100%;font-size:var(--font-sm);font-family:inherit;font-weight:400;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;box-shadow:none;box-sizing:border-box}.glass-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11f}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input:disabled{background:var(--bg-color);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border-color)}select.glass-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' 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 var(--space-sm) center;background-size:.9em;padding-right:var(--space-xl);cursor:pointer}select.glass-input option{background-color:var(--surface-color);color:var(--text-heading)}.glass-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);padding:0 var(--space-md);color:#fff;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:inline-flex;align-items:center;gap:var(--space-xs);justify-content:center;height:34px;box-shadow:0 1px 3px #6366f159,0 1px 2px #6366f133;white-space:nowrap;letter-spacing:.01em}.glass-btn:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f159,0 2px 4px #6366f133}.glass-btn:active{transform:translateY(0);box-shadow:0 1px 2px #6366f14d}.glass-btn:disabled{background:var(--border-strong);color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.glass-btn.small{height:28px;padding:0 .65rem;font-size:var(--font-xs);border-radius:var(--radius-sm)}.glass-btn.large{height:42px;padding:0 var(--space-lg);font-size:var(--font-md)}.glass-btn.secondary{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-xs)}.glass-btn.secondary:hover{background:var(--bg-color);border-color:var(--border-strong);color:var(--text-heading);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.glass-btn.danger{background:var(--surface-color);border:1px solid var(--color-danger-border);color:var(--color-danger);box-shadow:none}.glass-btn.danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:#dc2626;transform:none;box-shadow:none}.glass-btn.ghost{background:transparent;border:none;color:var(--text-secondary);box-shadow:none}.glass-btn.ghost:hover{background:var(--hover-bg);color:var(--text-heading);transform:none;box-shadow:none}.primary-btn,.mycases-new-btn,.add-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);padding:0 var(--space-md);color:#fff;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:inline-flex;align-items:center;gap:var(--space-xs);justify-content:center;height:34px;box-shadow:0 1px 3px #6366f159}.primary-btn:hover,.mycases-new-btn:hover,.add-btn:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f159}.primary-btn:disabled{background:var(--border-strong);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.secondary-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:0 var(--space-md);height:34px;font-size:var(--font-sm);font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.secondary-btn:hover{background:var(--bg-color);border-color:var(--border-strong);color:var(--text-heading);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.close-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast);font-family:inherit}.close-btn:hover{background:var(--hover-bg);color:var(--text-heading);border-color:var(--border-strong)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;letter-spacing:.02em}.status-badge.quotation{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.status-badge.approval{background:var(--accent-subtle);color:#3730a3;border:1px solid var(--accent-light)}.status-badge.invoicing{background:#f5f3ff;color:#5b21b6;border:1px solid #ede9fe}.status-badge.delivery{background:#ecfeff;color:#155e75;border:1px solid #cffafe}.status-badge.completed{background:var(--color-success-bg);color:#065f46;border:1px solid #a7f3d0}.page-title{font-size:var(--font-xxl);font-weight:700;color:var(--text-heading);letter-spacing:-.025em;margin:0 0 var(--space-xs)}.section-header{font-size:var(--font-xl);font-weight:700;color:var(--text-heading);letter-spacing:-.02em;margin-bottom:var(--space-sm)}.subsection-header{font-size:var(--font-lg);font-weight:600;color:var(--text-heading);margin-bottom:var(--space-xs)}.step-title{font-size:var(--font-xl);font-weight:700;color:var(--text-heading);letter-spacing:-.02em;margin:0}.step-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-heading{color:var(--text-heading)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-color)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:SF Mono,Roboto Mono,Fira Code,Menlo,monospace}.text-money{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column;gap:var(--space-md)}.mt-4{margin-top:var(--space-md)}.mb-4{margin-bottom:var(--space-md)}.section-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm)}.section-label:after{content:"";flex:1;height:1px;background:var(--border-light)}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--border-color);border-top:2.5px solid var(--accent-color);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-sm)}.avatar-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid var(--surface-color);box-shadow:var(--shadow-xs);overflow:hidden;flex-shrink:0}.avatar-circle.avatar-sm{width:24px;height:24px;font-size:.6rem}.avatar-circle.avatar-md{width:32px;height:32px;font-size:.7rem}.avatar-circle.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);padding:var(--space-xl);gap:var(--space-sm);text-align:center}.empty-state .empty-icon{font-size:2.5rem;opacity:.4}.empty-state p{font-size:var(--font-sm);margin:0}.heading{font-size:var(--font-xxl);font-weight:700;margin-bottom:var(--space-xs);color:var(--text-heading);letter-spacing:-.025em}.subtitle{color:var(--text-secondary);font-size:var(--font-base);margin-top:0;margin-bottom:var(--space-lg);font-weight:400}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){#root{padding:0}.glass-input,.glass-btn,select.glass-input{min-height:36px;padding-top:.4rem;padding-bottom:.4rem;font-size:var(--font-sm)}}@media(max-width:480px){.heading,.page-title{font-size:var(--font-xl)}.section-header{font-size:var(--font-lg)}}.product-row{display:grid;grid-template-columns:2.5fr 1fr 1fr .8fr 1fr auto;align-items:center;gap:var(--space-md);padding:.5rem var(--space-sm);background:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.product-row:hover{border-color:var(--border-color);box-shadow:var(--shadow-xs)}.field-group{display:flex;flex-direction:column;gap:3px}.field-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:600}.select-wrapper{display:flex;align-items:center;gap:var(--space-sm);width:100%}.mini-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0}.custom-select{flex:1;font-weight:500;color:var(--text-heading);min-width:0}.currency-symbol{position:absolute;left:.65rem;color:var(--text-secondary);font-size:var(--font-sm);pointer-events:none}.symbol-input input{padding-left:1.8rem}.center-text{text-align:center}.glass-input[type=number]{width:100%;font-variant-numeric:tabular-nums}.row-total{font-size:var(--font-md);font-weight:700;color:var(--text-heading);text-align:right;padding-right:var(--space-xxs);font-family:SF Mono,monospace;font-variant-numeric:tabular-nums}.total-group{align-items:flex-end}.remove-btn{background:transparent;border:none;color:var(--text-disabled);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:var(--color-danger-bg);color:var(--color-danger);transform:rotate(90deg)}@media(max-width:768px){.product-row{grid-template-columns:1fr 1fr;gap:var(--space-xs);padding:var(--space-sm)}.product-select-group{grid-column:1 / -1}.remove-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);margin-top:0}.total-group{align-items:flex-start}.row-total{text-align:left;padding-left:var(--space-xxs)}.glass-input,.custom-select{min-height:36px;font-size:var(--font-sm)}.mini-thumb{width:40px;height:40px}}.searchable-select-container{position:relative;width:100%;font-family:inherit}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.4rem .65rem;background:var(--surface-color);border:1px solid var(--input-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select-trigger.active{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11f}.trigger-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--space-xs)}.selected-text{color:var(--text-heading);font-weight:500;font-size:var(--font-sm)}.placeholder-text{color:var(--text-tertiary);font-size:var(--font-sm)}.trigger-actions{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary)}.clear-icon{transition:color var(--transition-fast)}.clear-icon:hover{color:var(--color-danger)}.chevron-icon{font-size:.75rem;transition:transform var(--transition-fast)}.chevron-icon.rotate{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:selectFadeIn .15s ease-out}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-box{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--bg-color)}.search-icon{color:var(--text-tertiary);margin-right:var(--space-xs);font-size:var(--font-xs)}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-sm);color:var(--text-heading);font-family:inherit}.search-box input::placeholder{color:var(--text-tertiary)}.options-list{max-height:240px;overflow-y:auto}.option-item{padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.option-item:hover{background:var(--bg-color)}.option-item.selected{background:var(--accent-subtle);color:var(--accent-hover);font-weight:600}.option-content{display:flex;align-items:center;gap:var(--space-sm)}.option-thumb{width:30px;height:30px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-color);flex-shrink:0;border:1px solid var(--border-color)}.option-info{display:flex;flex-direction:column;min-width:0}.option-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-desc{font-size:var(--font-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-options{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.disabled{opacity:.6;cursor:not-allowed}.full-page-container{background:var(--bg-color);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);max-width:1000px}.full-page-header{display:flex;justify-content:space-between;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card)}.header-title-group{display:flex;align-items:baseline;gap:var(--space-sm)}.full-page-title{font-size:var(--font-lg);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.01em}.full-page-case-id{font-size:var(--font-xs);color:var(--accent-color);font-weight:600;background:var(--accent-subtle);padding:2px 8px;border-radius:var(--radius-xs);font-family:SF Mono,monospace}.detail-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card);margin-bottom:0}.detail-section-title{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:0 0 var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.detail-section-title.collapsible{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.detail-section-title.collapsible:hover{color:var(--accent-color)}.collapse-icon{font-size:.75rem;margin-left:var(--space-xs);color:var(--text-disabled);transition:transform var(--transition-fast)}.detail-section-title:hover .collapse-icon{color:var(--accent-color)}.form-input{padding:.4rem .65rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--surface-color);outline:none;font-family:inherit;box-sizing:border-box}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{background:var(--bg-color);cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.products-container{background:transparent;padding:0;border:none}.product-header{display:grid;grid-template-columns:2.5fr 1fr 1fr .8fr 1fr auto;gap:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-sm)}.header-label{font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.product-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.add-product-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--surface-color);border:1px dashed var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:fit-content;font-family:inherit}.add-product-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-subtle)}.full-page-footer{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-card)}.total-display{display:flex;flex-direction:column;gap:2px}.total-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.total-value{font-size:var(--font-xxl);font-weight:700;color:var(--text-heading);font-family:SF Mono,Roboto Mono,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.multi-pdf-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center}.case-journey-modal-overlay{position:fixed;inset:0;background-color:#0f172a66;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.case-journey-modal{background:var(--surface-color);border-radius:var(--radius-xl);width:90%;max-width:580px;max-height:82vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:journeyModalIn .25s ease-out}@keyframes journeyModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.case-journey-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.case-journey-header h2{margin:0;font-size:var(--font-lg);font-weight:700;color:var(--text-heading);letter-spacing:-.01em}.case-journey-header .close-btn{font-size:1rem}.case-journey-content{padding:var(--space-lg) var(--space-xl);overflow-y:auto}.journey-timeline{position:relative;padding-left:var(--space-xl)}.journey-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border-color);border-radius:var(--radius-full)}.journey-step{position:relative;padding-bottom:var(--space-lg)}.journey-step:last-child{padding-bottom:0}.step-marker{position:absolute;left:-2.5rem;top:4px;width:14px;height:14px;border-radius:50%;background:var(--surface-color);border:2px solid var(--border-color);z-index:1;transition:border-color var(--transition-fast),background var(--transition-fast)}.journey-step.completed .step-marker{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-subtle)}.step-content{background:var(--bg-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xxs)}.step-action{font-weight:600;color:var(--text-heading);font-size:var(--font-sm)}.step-date{font-size:var(--font-xs);color:var(--text-tertiary)}.step-description{color:var(--text-primary);font-size:var(--font-sm);line-height:1.5}.step-user{margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-secondary)}.step-user-avatar{width:18px;height:18px;border-radius:50%;background:var(--accent-subtle);display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:600;color:var(--accent-color)}.product-list-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-color)}.product-list-container{display:flex;height:100%}.client-selection-sidebar{width:30%;min-width:300px;background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-md);overflow:hidden}.sidebar-header{flex-shrink:0}.sidebar-title{font-size:var(--font-lg);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.01em}.sidebar-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin-top:3px}.client-search-box{position:relative;flex-shrink:0}.client-search-input{width:100%;padding:.45rem .7rem .45rem 2.2rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;box-sizing:border-box;font-family:inherit}.client-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-color)}.client-search-input::placeholder{color:var(--text-tertiary)}.search-icon-sidebar{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-xs);pointer-events:none}.sidebar-table-header{display:flex;align-items:center;padding:.35rem var(--space-sm);background:var(--bg-color);border-radius:var(--radius-sm);gap:var(--space-md);flex-shrink:0}.sidebar-header-col{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.col-init{width:36px;text-align:center}.col-info{flex:1}.client-list-scroll{flex:1;overflow-y:auto}.client-cards-list{display:flex;flex-direction:column}.client-row-item{display:flex;align-items:center;padding:.6rem var(--space-sm);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-light);gap:var(--space-sm)}.client-row-item:hover{background:var(--bg-color)}.client-row-item.active{background:var(--accent-subtle);border-bottom-color:var(--accent-light)}.sidebar-row-col{display:flex;align-items:center;overflow:hidden}.sidebar-initial-badge{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--accent-color);background:var(--accent-subtle);font-weight:700;flex-shrink:0}.sidebar-info-stack{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-client-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-business-name{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.manual-entry-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--surface-color);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:auto;flex-shrink:0;font-family:inherit}.manual-entry-btn:hover{background:var(--accent-subtle);border-color:var(--accent-light);color:var(--accent-color)}.full-page-wrapper{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl);background:var(--bg-color)}.step-indicator{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:inherit}.back-btn:hover{color:var(--text-heading);background:var(--hover-bg)}.loading-text{color:var(--text-secondary);font-weight:500;font-size:var(--font-sm)}.client-selection-sidebar.read-only{opacity:.7;position:relative;pointer-events:none}.client-selection-sidebar.read-only:after{content:"";position:absolute;inset:0;cursor:not-allowed;z-index:10}.client-selection-sidebar.read-only .client-search-input{background:var(--bg-color)}.client-selection-sidebar.read-only .manual-entry-btn{opacity:.5;cursor:not-allowed}.left-sidebar{position:fixed;top:0;left:0;width:60px;height:100vh;background-color:#1e293b;display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) 0;z-index:1002;box-shadow:1px 0 #00000026,4px 0 16px #00000014;gap:0}.sidebar-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--space-xxs) 0;gap:2px}.sidebar-nav{flex:1}.sidebar-divider{width:28px;height:1px;background:#ffffff14;margin:var(--space-xs) auto;flex-shrink:0}.sidebar-icon-btn{width:38px;height:38px;border-radius:var(--radius-md);background:transparent;border:none;color:#94a3b8;font-size:1rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative}.sidebar-icon-btn:hover{background:#ffffff1a;color:#e2e8f0}.sidebar-icon-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 0 0 1px #6366f180,0 4px 10px #6366f166}.sidebar-logout-btn{color:#f87171;background:#f8717114}.sidebar-logout-btn:hover{background:#ef444433;color:#fca5a5}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-sm);flex-shrink:0}.sidebar-user-avatar{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:.75rem;cursor:default;overflow:hidden;border:2px solid rgba(255,255,255,.12);transition:all var(--transition-fast);background:linear-gradient(135deg,#6366f1,#818cf8);flex-shrink:0}.sidebar-user-avatar:hover{transform:scale(1.06);border-color:#ffffff4d}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:480px){.left-sidebar{top:auto;bottom:0;left:0;width:100%;height:56px;flex-direction:row;justify-content:space-around;align-items:center;padding:0 var(--space-xs);box-shadow:0 -1px 0 var(--border-color),0 -4px 12px #0000001a}.sidebar-section,.sidebar-nav{flex-direction:row;flex:unset;padding:0}.sidebar-divider{display:none}.sidebar-footer{flex-direction:row;margin-top:0;padding-bottom:0;gap:2px}.sidebar-icon-btn{width:40px;height:40px;margin-bottom:0}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background-color:var(--bg-color);background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(129,140,248,.04) 0%,transparent 50%)}.login-card{background:var(--surface-color);max-width:400px;width:100%;border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center;animation:loginFadeIn .4s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:72px;height:auto;margin-bottom:var(--space-lg)}.login-title{font-size:var(--font-xxl);font-weight:700;color:var(--text-heading);margin:0 0 var(--space-xxs);letter-spacing:-.025em}.login-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--space-xl);font-weight:400}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{text-align:left}.form-group label{display:block;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-weight:700;margin-bottom:var(--space-xs)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:var(--text-tertiary);z-index:10;font-size:.9rem}.glass-input.with-icon{padding-left:2.5rem}.login-form .glass-input{padding-top:.7rem;padding-bottom:.7rem;font-size:var(--font-sm)}.login-btn{margin-top:var(--space-xs);width:100%;padding:.75rem;background:var(--primary-gradient);color:#fff;font-weight:600;font-size:var(--font-base);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em;box-shadow:0 1px 3px #6366f159;font-family:inherit}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #6366f14d}.login-btn:disabled{opacity:.65;cursor:wait;transform:none}.error-message{padding:var(--space-sm) var(--space-md);background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-left:3px solid var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-sm);text-align:left;margin-top:var(--space-xs)}.login-google-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.login-google-wrapper>div{width:100%!important}.login-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0}.login-divider-line{flex:1;height:1px;background-color:var(--border-color)}.login-divider-text{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.login-footer{margin-top:var(--space-xl);font-size:var(--font-xs);color:var(--text-tertiary)}.case-list-page{padding:var(--space-lg) var(--space-lg) 0;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);overflow:hidden;box-sizing:border-box}.kanban-header{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xxs)}.board-breadcrumb{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500;letter-spacing:.02em}.page-title{font-size:var(--font-xl);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.02em}.kanban-controls-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.kanban-controls-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.kanban-search-wrapper{width:280px}.kanban-search{position:relative}.kanban-search .search-input{width:100%;padding:.4rem .75rem .4rem 2.1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-heading);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;font-family:inherit}.kanban-search .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11f}.kanban-search .search-input::placeholder{color:var(--text-tertiary)}.kanban-search .search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-xs);pointer-events:none}.user-avatar-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:9px;background:var(--primary-gradient);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.user-avatar-circle.image{object-fit:cover}.kanban-users-monitor{display:flex;align-items:center}.monitor-avatar{margin-left:-7px;transition:transform var(--transition-fast)}.monitor-avatar:first-child{margin-left:0}.monitor-avatar .user-avatar-circle{width:28px;height:28px;border:2px solid var(--surface-color);box-shadow:var(--shadow-xs)}.monitor-avatar:hover{transform:translateY(-3px);z-index:10}.board-filters{display:flex;align-items:center;gap:var(--space-sm)}.filter-dropdown{display:flex;align-items:center;gap:var(--space-xs);padding:.35rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--text-secondary);font-size:var(--font-sm);border:none;background:transparent;font-family:inherit}.filter-dropdown:hover{background:var(--hover-bg);color:var(--text-heading)}.filter-group-by{display:flex;align-items:center;gap:var(--space-sm)}.filter-group-by .label{font-size:var(--font-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.filter-group-by .selector{display:flex;align-items:center;gap:var(--space-xs);padding:.35rem .65rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.insights-btn{display:flex;align-items:center;gap:var(--space-xs);padding:.35rem .65rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.insights-btn:hover{background:var(--bg-color);border-color:var(--border-strong);color:var(--text-heading)}.board-main-container{display:flex;flex:1;min-height:0;gap:var(--space-md);overflow:hidden}.board-view-panel{flex:1;min-width:0;display:flex;flex-direction:column}.kanban-columns-container{display:flex;gap:var(--space-sm);flex:1;overflow-x:auto;align-items:flex-start;padding:0 2px var(--space-lg)}.kanban-column{min-width:265px;max-width:265px;background:var(--surface-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:100%;border:1px solid var(--border-color);box-shadow:var(--shadow-card);overflow:hidden}.column-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem var(--space-sm);gap:var(--space-xs);border-bottom:1px solid var(--border-light);background:var(--surface-color);border-left:3px solid var(--column-accent, var(--text-tertiary));border-top-left-radius:var(--radius-lg)}.kanban-column:nth-child(1) .column-header{--column-accent: var(--status-quotation)}.kanban-column:nth-child(2) .column-header{--column-accent: var(--status-approval)}.kanban-column:nth-child(3) .column-header{--column-accent: var(--status-invoicing)}.kanban-column:nth-child(4) .column-header{--column-accent: var(--status-delivery)}.kanban-column:nth-child(5) .column-header{--column-accent: var(--status-completed)}.kanban-column:nth-child(n+6) .column-header{--column-accent: var(--text-tertiary)}.column-title{font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--border-light);color:var(--text-secondary);font-size:10px;font-weight:700;border-radius:var(--radius-full);flex-shrink:0}.column-droppable{padding:var(--space-xs);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:0}.kanban-card{background:var(--surface-color);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-xs);box-shadow:var(--shadow-xs);border:1px solid var(--border-color);cursor:grab;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-card.overlay{box-shadow:var(--shadow-lg);border-color:var(--accent-color);opacity:.95}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.card-title-group{flex:1;min-width:0}.card-po-top{display:inline-block;font-size:10px;font-weight:700;color:var(--accent-color);background:var(--accent-subtle);padding:2px 6px;border-radius:var(--radius-xs);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.card-title{font-size:var(--font-sm);color:var(--text-heading);margin:0 0 2px;line-height:1.35;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:var(--font-xs);color:var(--text-secondary);font-weight:400}.card-stats{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.stat-item{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-secondary);background:var(--bg-color);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--border-light)}.stat-item svg{font-size:9px;color:var(--text-tertiary)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:var(--space-xs)}.card-id-group{display:flex;align-items:center;gap:var(--space-xxs)}.id-icon{font-size:11px;color:var(--color-success)}.card-id{font-size:var(--font-xs);color:var(--text-secondary);font-weight:600;font-family:SF Mono,monospace}.card-avatar .user-avatar-circle{width:22px;height:22px;box-shadow:var(--shadow-xs)}.column-footer-add-btn{padding:var(--space-xs) var(--space-sm);margin:2px var(--space-xs) var(--space-sm);color:var(--text-tertiary);font-size:var(--font-sm);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px dashed var(--border-color);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:calc(100% - var(--space-md));justify-content:center}.column-footer-add-btn:hover{background:var(--accent-subtle);border-color:var(--accent-light);color:var(--accent-color)}.trash-drop-zone{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:56px;height:56px;background:var(--surface-color);border:2px dashed var(--border-strong);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);box-shadow:var(--shadow-md);z-index:1000;transition:all var(--transition-fast)}.trash-drop-zone.over{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg);transform:scale(1.12)}.trash-drop-zone.complete-zone.over{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-bg);transform:scale(1.12)}.mycases-wrapper{display:flex;height:100vh;gap:0;box-sizing:border-box;background:var(--bg-color)}.mycases-list-panel{width:42%;min-width:380px;display:flex;flex-direction:column;background:var(--surface-color);border-right:1px solid var(--border-color);overflow:hidden}.mycases-list-header{padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--border-light)}.mycases-list-header h2{font-size:var(--font-lg);font-weight:700;color:var(--text-heading);margin:0 0 var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);letter-spacing:-.01em}.mycases-list-header h2 svg{color:var(--accent-color)}.mycases-controls{display:flex;gap:var(--space-xs);align-items:center}.mycases-search{flex:1;position:relative}.mycases-search input{width:100%;padding:.4rem .6rem .4rem 2rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-color);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;font-family:inherit}.mycases-search input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-color)}.mycases-search input::placeholder{color:var(--text-tertiary)}.mycases-search .search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-xs);pointer-events:none}.mycases-filter select{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-color);outline:none;cursor:pointer;transition:border-color var(--transition-fast);font-family:inherit}.mycases-filter select:focus{border-color:var(--accent-color)}.mycases-table-header{display:flex;align-items:center;padding:.35rem var(--space-md);background:var(--bg-color);border-bottom:1px solid var(--border-light);gap:var(--space-md)}.mycases-header-col{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.mycases-card-list{flex:1;overflow-y:auto}.mycases-card{display:flex;align-items:center;padding:.6rem var(--space-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-light);gap:var(--space-md)}.mycases-card:hover{background:var(--bg-color)}.mycases-card.active{background:var(--accent-subtle);border-bottom-color:var(--accent-light)}.mycases-row-col{display:flex;align-items:center;overflow:hidden}.col-id{width:56px}.col-client{flex:2;overflow:hidden}.col-amount{width:90px;text-align:right;justify-content:flex-end}.col-status{width:36px;justify-content:center}.col-date{width:90px}.col-lead{width:110px}.col-meta{width:72px}.col-user{width:36px;justify-content:flex-end}.mycases-card-id{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-color);padding:2px 5px;border-radius:var(--radius-xs);border:1px solid var(--border-light);font-family:SF Mono,monospace;white-space:nowrap}.mycases-card-client{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mycases-card-items{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mycases-card-amount{font-family:SF Mono,monospace;font-size:var(--font-xs);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.status-badge-compact{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-color)}.status-badge-compact .dot{width:6px;height:6px;border-radius:50%;background:var(--text-disabled)}.status-badge-compact.status-quotation .dot{background:var(--status-quotation)}.status-badge-compact.status-approved .dot{background:var(--status-approval)}.status-badge-compact.status-invoicing .dot{background:var(--status-invoicing)}.status-badge-compact.status-delivery .dot{background:var(--status-delivery)}.status-badge-compact.status-completed .dot{background:var(--status-completed)}.row-user-avatar .avatar-circle{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.55rem;color:#fff;background:var(--text-tertiary);font-weight:700}.mycases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-md);color:var(--text-tertiary);text-align:center;gap:var(--space-sm)}.mycases-empty svg{font-size:2rem;opacity:.4}.mycases-empty p{margin:0;font-size:var(--font-sm)}.mycases-list-count{padding:var(--space-xs) var(--space-md);font-size:var(--font-xs);color:var(--text-tertiary);border-top:1px solid var(--border-light);text-align:center;font-weight:500;background:var(--bg-color)}.mycases-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);gap:var(--space-sm);font-size:var(--font-sm)}.mycases-loading .spinner{width:22px;height:22px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:mycases-spin .75s linear infinite}@keyframes mycases-spin{to{transform:rotate(360deg)}}.mycases-detail-panel{flex:1;background:var(--surface-color);overflow-y:auto;display:flex;flex-direction:column}.mycases-detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:var(--space-xl);gap:var(--space-sm)}.mycases-detail-placeholder svg{font-size:2.5rem;opacity:.25}.mycases-detail-placeholder p{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.mycases-detail-content{padding:var(--space-lg)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.detail-header-left h3{margin:0 0 var(--space-xxs);font-size:var(--font-lg);font-weight:700;color:var(--text-heading);letter-spacing:-.01em}.detail-header-left .detail-case-id{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:var(--font-xs);color:var(--accent-color);font-weight:600;background:var(--accent-subtle);padding:2px 7px;border-radius:var(--radius-xs);display:inline-block}.detail-header-right{display:flex;align-items:center;gap:var(--space-sm)}.detail-info-value a{color:var(--accent-color);text-decoration:none}.detail-info-value a:hover{text-decoration:underline}.detail-info-value.muted{color:var(--text-disabled);font-style:italic;font-weight:400}.detail-products-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.detail-products-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.detail-products-table th{text-align:left;padding:.45rem .75rem;background:var(--bg-color);color:var(--text-secondary);font-weight:700;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color)}.detail-products-table th:last-child,.detail-products-table td:last-child{text-align:right}.detail-products-table td{padding:.45rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.detail-products-table tr:last-child td{border-bottom:none}.detail-products-table .product-name{font-weight:500;color:var(--text-heading)}.detail-products-table .product-qty{text-align:center;color:var(--text-secondary)}.monetary-value{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-feature-settings:"tnum";letter-spacing:-.01em}.detail-products-table .product-price{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-feature-settings:"tnum";color:var(--text-primary)}.detail-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.detail-summary-item{display:flex;flex-direction:column;gap:2px}.detail-summary-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.detail-summary-value{font-size:var(--font-base);font-weight:600;color:var(--text-heading)}.detail-summary-value.grand-total{font-size:var(--font-lg);color:var(--color-success);font-family:SF Mono,Roboto Mono,Menlo,monospace;font-feature-settings:"tnum"}.detail-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-light);margin-top:var(--space-xs)}.detail-actions .btn-edit-case{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px #6366f159;height:34px;font-family:inherit}.detail-actions .btn-edit-case:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f159}.status-message.deleted{display:flex;align-items:center;padding:.6rem var(--space-md);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;border:1px solid var(--color-danger-border);width:100%;box-sizing:border-box}@media(max-width:900px){.mycases-wrapper{flex-direction:column;height:auto;min-height:100vh}.mycases-list-panel{width:100%;min-width:unset;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color)}.mycases-detail-panel{min-height:50vh}.detail-client-grid{grid-template-columns:1fr}}@media(max-width:480px){.mycases-controls{flex-direction:column}.detail-summary-grid{grid-template-columns:1fr}}.ai-chat-widget{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;font-family:inherit}.chat-toggle-btn{width:50px;height:50px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;box-shadow:0 4px 14px #6366f166;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-toggle-btn:hover{background:var(--accent-hover);transform:scale(1.06);box-shadow:0 6px 18px #6366f180}.chat-toggle-btn svg{width:24px;height:24px;fill:currentColor}.ai-chat-window{position:absolute;bottom:60px;right:0;width:340px;height:480px;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);animation:chatSlideUp .25s ease-out}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{background:var(--primary-gradient);color:#fff;padding:var(--space-md);display:flex;justify-content:space-between;align-items:center}.ai-chat-title{font-weight:700;font-size:var(--font-base)}.ai-chat-header .close-btn{color:#ffffffd9;border:none;background:#ffffff1f;border-radius:var(--radius-sm);padding:.2rem .5rem}.ai-chat-header .close-btn:hover{background:#ffffff38;color:#fff}.ai-chat-messages{flex:1;padding:var(--space-md);overflow-y:auto;background:var(--bg-color);display:flex;flex-direction:column;gap:var(--space-xs)}.message-bubble{max-width:80%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm);word-wrap:break-word;line-height:1.45}.message-bubble.sent{background:var(--accent-color);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-xs)}.message-bubble.received{background:var(--surface-color);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-xs);border:1px solid var(--border-color)}.message-sender{font-size:var(--font-xs);margin-bottom:2px;opacity:.75;font-weight:600}.message-time{font-size:10px;margin-top:3px;opacity:.65;text-align:right}.ai-chat-input-area{padding:var(--space-sm) var(--space-md);background:var(--surface-color);border-top:1px solid var(--border-light);display:flex;gap:var(--space-xs);align-items:center}.ai-chat-input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;font-size:var(--font-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--bg-color)}.ai-chat-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-color)}.send-btn{background:var(--accent-color);color:#fff;border:none;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.send-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-page{display:flex;height:100vh;background:var(--bg-color);overflow:hidden}.cal-sidebar{width:290px;flex-shrink:0;background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-md) var(--space-sm);gap:var(--space-sm);overflow-y:auto}.cal-search-row{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.4rem var(--space-sm)}.cal-search-icon{font-size:var(--font-xs);color:var(--text-tertiary)}.cal-search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-sm);color:var(--text-primary);font-family:inherit}.cal-search-input::placeholder{color:var(--text-tertiary)}.cal-picker-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.custom-calendar-page{width:100%!important;border:none!important;font-family:inherit!important;font-size:var(--font-xs)!important;background:var(--surface-color)!important}.custom-calendar-page .react-calendar__tile--active{background:var(--accent-color)!important;border-radius:var(--radius-sm)!important}.custom-calendar-page .react-calendar__tile--now{background:var(--accent-subtle)!important;border-radius:var(--radius-sm)!important}.cal-tile-content{display:flex;justify-content:center;margin-top:2px}.cal-dot{width:4px;height:4px;border-radius:50%;background:var(--status-quotation)}.cal-stats-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.cal-stat-chip{background:var(--bg-color);color:var(--text-secondary);font-size:var(--font-xs);padding:3px var(--space-xs);border-radius:var(--radius-full);font-weight:600;border:1px solid var(--border-color)}.cal-section{display:flex;flex-direction:column;gap:var(--space-xs)}.cal-section-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.cal-add-btn,.cal-more-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--font-sm);line-height:1;padding:0 2px;transition:color var(--transition-fast)}.cal-add-btn:hover,.cal-more-btn:hover{color:var(--accent-color)}.cal-tags{display:flex;flex-wrap:wrap;gap:var(--space-xxs)}.cal-tag{background:var(--accent-subtle);color:var(--accent-color);font-size:var(--font-xs);padding:2px var(--space-xs);border-radius:var(--radius-full);font-weight:600;border:1px solid var(--accent-light)}.cal-content{flex:1;display:flex;flex-direction:column;padding:var(--space-lg) var(--space-xl);overflow-y:auto}.cal-day-heading{font-size:var(--font-xl);font-weight:700;color:var(--text-heading);margin:0 0 var(--space-xs);letter-spacing:-.02em}.cal-divider{height:1px;background:var(--border-color);margin-bottom:var(--space-lg)}.cal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xxl) 0;color:var(--text-tertiary)}.cal-empty-icon{font-size:2.5rem;opacity:.4}.cal-empty p{font-size:var(--font-sm);margin:0}.cal-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.cal-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.cal-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.cal-card-title{font-size:var(--font-base);font-weight:600;color:var(--text-heading)}.cal-card-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin-top:1px}.cal-card-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.cal-stat-item{display:flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-xs);color:var(--text-secondary)}.cal-stat-item svg{color:var(--text-tertiary)}.cal-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs);border-top:1px solid var(--border-light)}.cal-card-id{display:flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-family:SF Mono,monospace}.cal-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);flex-shrink:0}.cal-avatar.image{object-fit:cover;padding:0}.history-widget{position:fixed;bottom:var(--space-xl);right:80px;z-index:1000;font-family:inherit}.history-window{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--surface-color);box-shadow:var(--shadow-xl);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1001;animation:historySlideIn .28s ease-out}@keyframes historySlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.history-header{background:var(--primary-gradient);color:#fff;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.history-title{font-size:var(--font-lg);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.history-header .close-btn{color:#ffffffd9;border:none;background:#ffffff1f;border-radius:var(--radius-sm)}.history-header .close-btn:hover{background:#ffffff38;color:#fff}.history-body{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--bg-color)}.history-timeline{position:relative;border-left:2px solid var(--border-color);margin-left:10px;padding-left:var(--space-lg)}.history-item{margin-bottom:var(--space-lg);position:relative}.history-dot{position:absolute;left:-27px;top:5px;width:10px;height:10px;background:var(--accent-color);border-radius:50%;border:2px solid var(--surface-color);box-shadow:0 0 0 2px var(--border-color)}.history-content{background:var(--surface-color);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.history-action{font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xxs)}.history-description{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.5}.history-time{font-size:var(--font-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-xxs)}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.history-user-circle{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff;flex-shrink:0;margin-left:var(--space-xs)}.history-user-circle.initials{background:linear-gradient(135deg,#6366f1,#818cf8)}.history-user-circle.unknown{background:var(--text-tertiary)}.history-user{font-size:var(--font-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-xxs);margin-top:3px}.sales-dashboard-wrapper{display:flex;flex-direction:column;width:100%;gap:var(--space-md);padding:var(--space-lg);box-sizing:border-box}.dashboard-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%}@media(max-width:1200px){.dashboard-layout{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-layout{grid-template-columns:1fr}.sales-dashboard-wrapper{padding:var(--space-md)}}.dashboard-widget{background:var(--surface-color);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0}.products-widget{display:flex;flex-direction:column}.dashboard-header{margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:var(--font-sm);font-weight:700;color:var(--text-heading);display:flex;align-items:center;gap:var(--space-xs);margin:0;letter-spacing:-.01em}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-xs);margin-bottom:var(--space-sm)}.metric-card{display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast);gap:var(--space-xs)}.metric-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.metric-icon{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.metric-card.sales .metric-icon{background:var(--accent-subtle);color:var(--accent-color)}.metric-card.orders .metric-icon{background:var(--color-success-bg);color:var(--color-success)}.metric-content{display:flex;flex-direction:column;min-width:0}.metric-label{font-size:var(--font-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px;white-space:nowrap}.metric-value{font-size:var(--font-base);font-weight:700;color:var(--text-heading);line-height:1.2;font-feature-settings:"tnum";white-space:nowrap}.dashboard-chart{height:200px;width:100%}.detail-section{margin-bottom:var(--space-lg)}.detail-section-title{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:0 0 var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.detail-section-title:after{content:"";flex:1;height:1px;background:var(--border-light)}.detail-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg)}.detail-info-item{display:flex;flex-direction:column;gap:3px}.detail-info-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.detail-info-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500}@media(max-width:768px){.detail-client-grid{grid-template-columns:1fr;gap:var(--space-sm)}}@media(max-width:480px){.detail-actions{flex-direction:column;gap:var(--space-xs)}.detail-actions .btn-edit-case{width:100%}}.settings-panel{background:var(--surface-color);height:100%;display:flex;flex-direction:column}.settings-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.settings-tabs-list{display:flex;flex-direction:column;padding:var(--space-xs);gap:2px;background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.settings-tab-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:inherit}.settings-tab-item:hover{background:var(--surface-color)}.settings-tab-item.active{background:var(--surface-color);border-color:var(--border-color);box-shadow:var(--shadow-xs)}.tab-label-group{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.settings-tab-item.active .tab-label-group{color:var(--accent-color)}.tab-icon{width:1rem;opacity:.6}.settings-tab-item.active .tab-icon{opacity:1}.tab-arrow{font-size:var(--font-xs);color:var(--text-disabled);transition:transform var(--transition-fast),color var(--transition-fast)}.settings-tab-item.active .tab-arrow{color:var(--accent-color);transform:translate(3px)}.settings-active-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.settings-tab-pane{animation:settingsFadeIn .2s ease-in-out}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-footer-note{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-xs);line-height:1.5}.settings-footer-note svg{margin-top:2px;opacity:.55}.settings-footer-note p{margin:0}.settings-tab-pane .detail-client-grid{grid-template-columns:1fr;max-width:100%}.settings-tab-pane .glass-input{background:var(--bg-color);font-size:var(--font-sm)}.settings-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--space-md)}.settings-license-status{font-weight:600}.settings-license-status.is-active{color:var(--color-success)}.settings-license-status.is-inactive{color:var(--color-danger)}.settings-placeholder-icon{opacity:.1;font-size:4rem}.settings-placeholder-hint{font-size:var(--font-sm);margin-top:var(--space-xs);color:var(--text-tertiary)}@media(max-width:900px){.settings-panel{max-height:none!important}}.notification-container{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:9999;min-width:300px;max-width:480px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);animation:notifSlideDown .25s ease-out;color:#fff;border:1px solid rgba(255,255,255,.15)}.notification-container.info{background-color:var(--accent-color)}.notification-container.error{background-color:var(--color-danger)}.notification-container.success{background-color:var(--color-success)}.notification-message{flex:1;font-size:var(--font-sm);font-weight:500;line-height:1.4}.notification-close-btn{background:none;border:none;color:#ffffffbf;font-size:1.1rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color var(--transition-fast)}.notification-close-btn:hover{color:#fff}@keyframes notifSlideDown{0%{transform:translate(-50%,-110%);opacity:0}to{transform:translate(-50%);opacity:1}}.fab-container{position:fixed;right:var(--space-xl);bottom:var(--space-xl);width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #6366f173,0 2px 6px #0000001f;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.fab-container.dragging{width:auto;min-width:56px;padding:0 var(--space-lg);border-radius:var(--radius-full);transform:scale(1.08)}.fab-container.deleting{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef444480}.fab-container.completing{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b98180}.fab-container.over{transform:scale(1.22)!important;filter:brightness(1.15)}.fab-content{display:flex;align-items:center;gap:var(--space-sm)}.fab-icon{font-size:1.4rem;transition:transform var(--transition-slow)}.fab-label{font-weight:700;font-size:var(--font-base);white-space:nowrap;animation:fabLabelIn .2s ease-out}@keyframes fabLabelIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.fab-container:hover:not(.dragging){transform:scale(1.08) translateY(-4px);box-shadow:0 8px 20px #6366f180,0 4px 8px #0000001f;filter:brightness(1.07)}.fab-container:hover .fab-icon{transform:rotate(90deg)}.fab-container:active{transform:scale(.93) translateY(0);box-shadow:0 2px 8px #6366f166}@media(max-width:768px){.fab-container{right:var(--space-lg);bottom:var(--space-lg);width:50px;height:50px}.fab-icon{font-size:1.2rem}}.firetwit-page{padding:var(--space-lg);max-width:800px;margin:0 auto;background-color:var(--bg-color)}.firetwit-header{margin-bottom:var(--space-lg)}.firetwit-header h1{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xxl);color:var(--text-heading);margin:0;letter-spacing:-.025em;font-weight:700}.firetwit-composer{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card);position:relative}.post-input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-sm);resize:vertical;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--bg-color);color:var(--text-primary);box-sizing:border-box}.post-input:focus{border-color:var(--accent-color);background:var(--surface-color);box-shadow:0 0 0 3px #6366f11a}.post-input::placeholder{color:var(--text-tertiary)}.composer-footer{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.post-input-wrapper{position:relative;margin-bottom:var(--space-xs)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;z-index:1000}.autocomplete-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-light)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-color)}.autocomplete-case-id{font-family:monospace;font-size:var(--font-sm);font-weight:700;color:var(--text-heading);min-width:75px}.autocomplete-client-name{flex:1;font-size:var(--font-sm);color:var(--text-primary)}.autocomplete-status .status-badge{font-size:var(--font-xs);padding:2px 7px;border-radius:var(--radius-full)}.post-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;gap:var(--space-md);box-shadow:var(--shadow-card)}.post-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.post-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-xs);flex-shrink:0;border:2px solid var(--surface-color);box-shadow:var(--shadow-xs)}.post-body{flex:1;min-width:0}.post-meta{display:flex;flex-direction:column;margin-bottom:var(--space-xxs)}.post-author{font-weight:700;color:var(--text-heading);font-size:var(--font-sm)}.post-time{color:var(--text-tertiary);font-size:var(--font-xs)}.post-content{font-size:var(--font-sm);line-height:1.5;color:var(--text-primary);margin-bottom:var(--space-sm);white-space:pre-wrap}.case-tag{color:var(--accent-color);font-weight:600;cursor:pointer;padding:0 3px;border-radius:var(--radius-xs);background:var(--accent-subtle);transition:background var(--transition-fast)}.case-tag:hover{background:var(--accent-light);text-decoration:underline}.post-actions{display:flex;gap:var(--space-md);border-top:1px solid var(--border-light);padding-top:var(--space-xs)}.action-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-sm);padding:4px var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative;font-family:inherit}.action-btn:hover{color:var(--accent-color);background:var(--accent-subtle)}.action-btn.active{color:var(--accent-color)}.comment-count{position:absolute;top:-5px;right:-5px;background:var(--accent-color);color:#fff;font-size:10px;padding:1px 4px;border-radius:var(--radius-full);font-weight:700;min-width:15px;text-align:center}.comment-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.loading-comments{text-align:center;color:var(--text-secondary);font-size:var(--font-sm);padding:var(--space-md)}.comments-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.comment-item{display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--bg-color);border:1px solid var(--border-light)}.comment-item .post-avatar{width:26px;height:26px;font-size:.6rem}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;gap:var(--space-xs);margin-bottom:2px;align-items:center}.comment-author{font-weight:600;color:var(--text-heading);font-size:var(--font-sm)}.comment-time{color:var(--text-tertiary);font-size:var(--font-xs)}.comment-text{font-size:var(--font-sm);color:var(--text-primary);line-height:1.4}.comment-input-form{display:flex;gap:var(--space-xs);align-items:center}.comment-input{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-family:inherit;font-size:var(--font-sm);outline:none;background:var(--bg-color);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.comment-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-color)}.comment-submit-btn{background:var(--primary-gradient);color:#fff;border:none;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.comment-submit-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 3px 8px #6366f159}.comment-submit-btn:disabled{background:var(--border-strong);cursor:not-allowed}.firetwit-widget{position:fixed;top:0;right:0;width:380px;height:100vh;z-index:999;display:flex;flex-direction:column;background:var(--surface-color);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);overflow:hidden;animation:ftSlideInRight .25s ease-out}@keyframes ftSlideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.ft-widget-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--surface-color);flex-shrink:0}.ft-widget-title{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:var(--space-xs)}.fire-icon{color:#f97316}.ft-widget-composer{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-light);background:var(--surface-color);flex-shrink:0;position:relative}.ft-composer-pill{display:flex;align-items:flex-end;gap:var(--space-xs);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-xxs) var(--space-xs) var(--space-xxs) var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ft-composer-pill:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-color)}.ft-composer-avatar{display:flex;align-items:center;flex-shrink:0;padding-bottom:2px}.ft-widget-input-wrapper{flex:1;position:relative}.ft-widget-input{width:100%;border:none;background:transparent;padding:var(--space-xxs) 0;font-size:var(--font-sm);font-family:inherit;resize:none;outline:none;color:var(--text-primary);line-height:1.4;max-height:72px;overflow-y:auto}.ft-widget-input::placeholder{color:var(--text-tertiary)}.ft-widget-send-btn{background:var(--primary-gradient);color:#fff;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all var(--transition-fast);flex-shrink:0}.ft-widget-send-btn:hover:not(:disabled){transform:scale(1.1)}.ft-widget-send-btn:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed}.ft-widget-autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.ft-autocomplete-item{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:var(--font-xs);border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.ft-autocomplete-item:last-child{border-bottom:none}.ft-autocomplete-item:hover{background:var(--bg-color)}.ft-ac-id{font-weight:700;color:var(--accent-color)}.ft-ac-name{color:var(--text-secondary)}.ft-widget-feed{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.ft-widget-loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:var(--font-sm)}.ft-widget-post{display:flex;flex-direction:column;gap:var(--space-xxs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.ft-widget-post:last-child{border-bottom:none}.ft-widget-post-main{display:flex;gap:var(--space-xs)}.ft-widget-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;background:var(--primary-gradient)}.ft-widget-avatar.size-sm{width:26px;height:26px;font-size:.6rem}.ft-widget-post-body{flex:1;min-width:0}.ft-widget-post-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1px}.ft-author-name{font-weight:700;font-size:var(--font-xs);color:var(--text-heading)}.ft-post-time{font-size:10px;color:var(--text-tertiary)}.ft-widget-post-content{font-size:var(--font-xs);color:var(--text-primary);line-height:1.4;word-wrap:break-word}.ft-widget-tag{color:var(--accent-color);font-weight:600;cursor:pointer;background:var(--accent-subtle);padding:0 2px;border-radius:var(--radius-xs);transition:background var(--transition-fast)}.ft-widget-tag:hover{background:var(--accent-light);text-decoration:underline}.ft-widget-post-actions{display:flex;gap:var(--space-md);margin-top:3px}.ft-action-icon{background:none;border:none;padding:0;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:3px;transition:color var(--transition-fast);font-family:inherit}.ft-action-icon:hover{color:var(--accent-color)}.ft-comment-count{font-size:10px;font-weight:700}.ft-widget-comments-list{margin-top:var(--space-xxs);margin-left:calc(26px + var(--space-xs));display:flex;flex-direction:column;gap:3px}.ft-widget-comment-item{font-size:var(--font-xs);background:var(--bg-color);padding:3px var(--space-xs);border-radius:var(--radius-sm);line-height:1.35;border:1px solid var(--border-light)}.ft-comment-author{font-weight:700;margin-right:3px;color:var(--text-heading)}.ft-comment-text{color:var(--text-primary)}.ft-widget-comment-form{margin-top:3px;margin-left:calc(26px + var(--space-xs))}.ft-widget-comment-input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px var(--space-xs);font-size:var(--font-xs);outline:none;background:var(--bg-color);font-family:inherit;color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-fast)}.ft-widget-comment-input:focus{border-color:var(--accent-color);background:var(--surface-color)}#root{width:100%;margin:0;padding:0;text-align:left}.App{min-height:100vh;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-size:var(--font-base);background-color:var(--bg-color)}.main-layout{margin-left:60px;width:calc(100% - 60px);min-height:100vh;transition:margin-left var(--transition-slow),width var(--transition-slow)}.main-content{width:100%}@media(max-width:768px){.main-layout{margin-left:60px;width:calc(100% - 60px)}}@media(max-width:480px){.main-layout{margin-left:0;width:100%;padding-bottom:64px}}