@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--bg-page: #f4f6f9;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-input: #f8fafc;--bg-hover: #f1f5f9;--bg-muted: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-brand: var(--brand-600);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-layout{min-height:100vh;display:flex;background:var(--bg-page)}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.sidebar--collapsed{width:68px}.sidebar--desktop{display:none}@media (min-width: 768px){.sidebar--desktop{display:flex}}.sidebar__logo{height:64px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);gap:12px}.sidebar__logo-icon{width:36px;height:36px;background:var(--brand-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:700;font-size:14px}.sidebar__logo-text h1{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logo-text p{margin:0;font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar__nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar__nav-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;padding:0 12px}.sidebar__nav-label--center{text-align:center;padding:0}.nav-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:none;cursor:pointer;background:none;color:var(--text-secondary);transition:all .15s ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn--active{background:var(--brand-50);color:var(--brand-700)}.nav-btn--active .nav-btn__icon{color:var(--brand-600)}.nav-btn__icon{flex-shrink:0}.sidebar__footer{padding:12px;border-top:1px solid var(--border)}.collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .15s ease}.collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.collapse-btn__icon--flipped{transform:rotate(180deg)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none}.mobile-overlay--open{display:block}@media (min-width: 768px){.mobile-overlay--open{display:none}}.mobile-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.mobile-overlay__sidebar{position:relative;width:264px;max-width:80vw;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-xl)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;background:var(--bg-topbar);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;position:sticky;top:0;z-index:30;box-shadow:var(--shadow-sm)}@media (min-width: 768px){.topbar{height:64px;padding:0 24px}}.topbar__left{display:flex;align-items:center;gap:12px}.topbar__title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}@media (min-width: 768px){.topbar__title{font-size:16px}}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__avatar{width:32px;height:32px;background:var(--bg-muted);border-radius:50%;display:flex;align-items:center;justify-content:center}.topbar__avatar svg{color:var(--text-muted)}.topbar__user-name{font-size:12px;color:var(--text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media (min-width: 640px){.topbar__user-name{display:block}}.topbar__divider{width:1px;height:24px;background:var(--border)}.page-content{flex:1;padding:12px;overflow-y:auto}@media (min-width: 640px){.page-content{padding:16px}}@media (min-width: 768px){.page-content{padding:24px}}.page-content__inner{max-width:1280px;margin:0 auto}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:32px;height:32px;border:2px solid var(--brand-100);border-top-color:var(--brand-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:14px;font-weight:500}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-page)}.login-wrapper{width:100%;max-width:400px}.login-brand{text-align:center;margin-bottom:32px}.login-brand__icon{width:56px;height:56px;background:var(--brand-600);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #2563eb26;color:#fff;font-weight:700;font-size:20px}.login-brand h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.login-brand p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.login-card{background:var(--bg-card);padding:24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-card .alert--error{margin-bottom:20px}.login-card label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.login-footer{text-align:center;font-size:11px;color:var(--text-muted);margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;text-decoration:none;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-600);color:#fff;box-shadow:0 2px 6px #2563eb33}.btn--primary:hover:not(:disabled){background:var(--brand-700);box-shadow:0 4px 12px #2563eb40}.btn--secondary{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--danger-text{background:none;border:none;color:var(--text-muted);padding:8px;font-size:12px;font-weight:500}.btn--danger-text:hover{color:#dc2626}.btn--ghost{background:none;border:none;color:var(--text-muted);padding:8px;border-radius:var(--radius-md)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--icon{padding:8px;border-radius:var(--radius-md);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn--icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--icon-danger:hover{background:#fef2f2;color:#dc2626}.btn--icon-brand:hover{background:var(--brand-50);color:var(--brand-600)}.btn--icon-success:hover{background:#f0fdf4;color:#059669}.btn--sm{padding:6px 12px;font-size:12px}.btn--xs{padding:4px 8px;font-size:11px}.btn--block{width:100%}.btn--outline{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 12px}.btn--outline:hover{background:var(--bg-hover);border-color:#cbd5e1}.sign-out-btn{font-size:12px;color:var(--text-muted);font-weight:500;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s ease}.sign-out-btn:hover{color:#dc2626}.sign-out-label{display:none}@media (min-width: 640px){.sign-out-label{display:inline}}.input,.select,.textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);font-family:inherit;transition:all .15s ease}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #3b82f61a}.input--lg{padding:12px 16px;font-size:18px}.textarea{resize:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field-label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--padded{padding:20px}.card--shadow{box-shadow:var(--shadow-md)}.alert{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px}.alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert--warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert__icon{flex-shrink:0;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%}.badge--planned{background:#f1f5f9;color:#475569}.badge--planned .badge__dot{background:#94a3b8}.badge--lead{background:#eff6ff;color:#1d4ed8}.badge--lead .badge__dot{background:#3b82f6}.badge--contacted{background:#ecfeff;color:#0e7490}.badge--contacted .badge__dot{background:#06b6d4}.badge--talked_to{background:#fffbeb;color:#b45309}.badge--talked_to .badge__dot{background:#f59e0b}.badge--trial{background:#faf5ff;color:#7c3aed}.badge--trial .badge__dot{background:#8b5cf6}.badge--subscribed{background:#f0fdf4;color:#059669}.badge--subscribed .badge__dot{background:#10b981}.badge--urgent{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge--urgent .badge__dot{background:#ef4444}.badge--high{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.badge--high .badge__dot{background:#f97316}.badge--medium{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge--medium .badge__dot{background:#3b82f6}.badge--low{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.badge--low .badge__dot{background:#94a3b8}.badge--deposit{background:#f0fdf4;color:#059669}.badge--deposit .badge__dot{background:#10b981}.badge--deduction{background:#fef2f2;color:#dc2626}.badge--deduction .badge__dot{background:#ef4444}.badge--payment{background:#eff6ff;color:#1d4ed8}.badge--payment .badge__dot{background:#3b82f6}.badge--monthly_bill{background:#fffbeb;color:#b45309}.badge--monthly_bill .badge__dot{background:#f59e0b}.badge--business_expense{background:#fff7ed;color:#c2410c}.badge--business_expense .badge__dot{background:#f97316}.badge--balance_edit{background:#fffbeb;color:#b45309}.badge--balance_edit .badge__dot{background:#f59e0b}.badge--overdue{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge--not_started{background:#f1f5f9;color:#475569}.badge--not_started .badge__dot{background:#94a3b8}.badge--in_progress{background:#fffbeb;color:#b45309}.badge--in_progress .badge__dot{background:#f59e0b}.badge--working_on{background:#eff6ff;color:#1d4ed8}.badge--working_on .badge__dot{background:#3b82f6}.badge--complete{background:#f0fdf4;color:#059669}.badge--complete .badge__dot{background:#10b981}.count-pill{padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;background:var(--bg-muted);color:var(--text-secondary)}.count-pill--active{background:var(--brand-50);color:var(--brand-700)}.filter-bar{display:flex;flex-wrap:wrap;gap:6px;background:var(--bg-card);padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border)}.filter-btn{padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;border:none;cursor:pointer;background:none;color:var(--text-secondary);display:flex;align-items:center;gap:8px;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn--active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.data-table{width:100%;text-align:left;font-size:14px;border-collapse:collapse}.data-table thead th{padding:12px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-muted);white-space:nowrap}.data-table tbody td{padding:14px 20px;border-bottom:1px solid var(--border-light)}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.modal--sm{max-width:400px}.modal--md{max-width:520px}.modal--lg{max-width:640px}.modal--xl{max-width:900px}.modal__header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;margin:0}.modal__title-icon{padding:8px;background:var(--brand-50);color:var(--brand-600);border-radius:var(--radius-md);display:flex}.modal__body{padding:24px;overflow-y:auto}.modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.side-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end}.side-panel-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.side-panel{position:relative;width:100%;max-width:420px;background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-xl)}.side-panel__header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.chat-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-row{display:flex}.chat-row--mine{justify-content:flex-end}.chat-row--theirs{justify-content:flex-start}.chat-bubble{max-width:80%;border-radius:var(--radius-lg);padding:10px 14px}.chat-bubble--mine{background:var(--brand-600);color:#fff;border-bottom-right-radius:4px}.chat-bubble--theirs{background:var(--bg-muted);color:var(--text-primary);border-bottom-left-radius:4px}.chat-bubble__author{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.chat-bubble--theirs .chat-bubble__author{color:var(--text-secondary)}.chat-bubble__text{font-size:14px;white-space:pre-wrap;word-break:break-word}.chat-bubble__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.chat-bubble__time{font-size:10px;opacity:.5}.chat-bubble__delete{font-size:10px;opacity:.5;cursor:pointer;background:none;border:none;color:inherit}.chat-bubble__delete:hover{opacity:.8}.chat-bubble--mine .chat-bubble__delete:hover{color:#fecaca}.chat-input-bar{display:flex;gap:8px;padding:0}@media (min-width: 640px){.chat-input-bar{gap:12px}}.page-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media (min-width: 768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-header__title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.page-header__subtitle{font-size:14px;color:var(--text-muted);margin:4px 0 0}.stat-grid{display:grid;gap:16px;margin-bottom:24px;grid-template-columns:1fr}@media (min-width: 640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card--brand{border-left:3px solid var(--brand-600)}.stat-card--success{border-left:3px solid #059669}.stat-card--warning{border-left:3px solid #d97706}.stat-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stat-card__icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card__icon--muted{background:var(--bg-muted)}.stat-card__icon--green{background:#f0fdf4;color:#059669}.stat-card__icon--red{background:#fef2f2;color:#dc2626}.stat-card__icon--amber{background:#fffbeb;color:#d97706}.stat-card__icon--orange{background:#fff7ed;color:#ea580c}.stat-card__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-size:24px;font-weight:600;letter-spacing:-.01em}.stat-card__value--green{color:#059669}.stat-card__value--red{color:#dc2626}.stat-card__value--amber{color:#d97706}.stat-card__value--orange{color:#ea580c}.stat-card__meta{font-size:12px;color:var(--text-muted);margin-top:8px}.stat-card__locked-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.grid-2col{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 1024px){.grid-2col{grid-template-columns:1fr 1fr}}.grid-2col-sm{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.grid-2col-sm{grid-template-columns:1fr 1fr}}.search-wrapper{position:relative}.search-wrapper__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrapper .input{padding-left:40px}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty-state__icon{width:48px;height:48px;margin:0 auto 16px;color:#cbd5e1}.empty-state__title{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 4px}.empty-state__text{font-size:14px;margin:0}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-xl);background:var(--bg-card);padding:32px;text-align:center;transition:border-color .15s ease}.upload-area:hover,.upload-area--active{border-color:var(--brand-500);background:var(--brand-50)}.upload-area__icon{width:48px;height:48px;background:var(--brand-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--brand-600)}.upload-area__label{font-size:14px;font-weight:500;color:var(--text-secondary)}.upload-area__hint{font-size:12px;color:var(--text-muted);margin-top:4px}.progress-bar{width:100%;background:var(--bg-muted);border-radius:999px;height:6px;overflow:hidden}.progress-bar--sm{height:4px}.progress-bar__fill{height:100%;border-radius:999px;transition:width .3s ease;background:var(--brand-500)}.progress-bar__fill--green{background:#10b981}.file-item{display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);padding:16px 20px;transition:background .1s ease}@media (min-width: 640px){.file-item{flex-direction:row;align-items:center}}.file-item:hover{background:var(--bg-hover)}.file-item__icon{width:40px;height:40px;background:var(--bg-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:14px;font-weight:500;color:var(--brand-600);cursor:pointer;background:none;border:none;padding:0;text-align:left;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;transition:color .1s ease}.file-item__name:hover{color:var(--brand-700);text-decoration:underline}.file-item__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.file-item__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.task-card--expanded{border-color:#cbd5e1;box-shadow:var(--shadow-md)}.task-card--urgent{border-left:3px solid #ef4444}.task-card--complete{opacity:.6}.task-card__header{padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-card__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.task-card__title--done{text-decoration:line-through;color:var(--text-muted)}.task-card__body{border-top:1px solid var(--border);padding:20px;background:var(--bg-muted)}.task-card__header--done{opacity:.5}.task-card__detail{border-top:1px solid var(--border);background:var(--bg-muted)}.task-card__detail-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px}.task-card__tab{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:none;background:none;cursor:pointer;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;display:flex;align-items:center;gap:6px}.task-card__tab--active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.task-card__detail-body{padding:20px}.subtodo{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:var(--radius-md);transition:background .1s ease}.subtodo:hover{background:#00000005}.subtodo--done{opacity:.5}.subtodo__check{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--border);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;transition:all .15s ease;color:transparent}.subtodo__check--done{background:#f0fdf4;border-color:#10b981;color:#10b981}.subtodo__text{flex:1;font-size:14px;color:var(--text-secondary);cursor:pointer}.subtodo__text--done{text-decoration:line-through;color:var(--text-muted)}.subtodo__actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.subtodo:hover .subtodo__actions{opacity:1}.preset-btn{padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:var(--bg-hover)}.preset-btn--active{background:var(--brand-50);color:var(--brand-600);border-color:var(--brand-200)}.customer-mobile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.customer-mobile-card__actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.customer-mobile-card__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--radius-md);font-size:12px;font-weight:500;border:1px solid var(--border);background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.customer-mobile-card__action-btn:hover{background:var(--bg-hover)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;opacity:0;transition:opacity .15s ease}tr:hover .row-actions{opacity:1}.row-actions__divider{width:1px;height:16px;background:var(--border);margin:0 4px}.txn-mobile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);font-size:11px;color:var(--text-secondary)}.tag--green{background:#f0fdf4;border-color:#bbf7d0;color:#059669}.tag--red{background:#fef2f2;border-color:#fecaca;color:#dc2626}.cost-banner{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:24px}.cost-banner__row{display:flex;flex-direction:column;gap:12px}@media (min-width: 640px){.cost-banner__row{flex-direction:row;align-items:center;justify-content:space-between}}.cost-banner__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cost-banner__text{font-size:14px;color:var(--text-secondary);margin-top:4px}.cost-banner__chips{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.priority-group{display:flex;gap:8px}.priority-btn,.priority-group__btn{flex:1;padding:8px 12px;border-radius:var(--radius-md);font-size:11px;font-weight:700;border:1px solid var(--border);background:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.priority-btn:hover,.priority-group__btn:hover{background:var(--bg-hover)}.priority-btn--active-urgent,.priority-group__btn--urgent.priority-group__btn--active{background:#fef2f2;color:#dc2626;border-color:#fecaca}.priority-btn--active-high,.priority-group__btn--high.priority-group__btn--active{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.priority-btn--active-medium,.priority-group__btn--medium.priority-group__btn--active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.priority-btn--active-low,.priority-group__btn--low.priority-group__btn--active{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.priority-group__btn--active{font-weight:700}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.image-preview-overlay img,.image-preview-overlay__img{max-width:100%;max-height:85vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.image-preview-overlay__close{position:absolute;top:16px;right:16px;background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;z-index:1}.image-preview-overlay__close:hover{background:#000000b3}.sub-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-right{text-align:right}.font-mono{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace}.line-through{text-decoration:line-through}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.w-full{width:100%}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-brand{color:var(--brand-600)}.text-green{color:#059669}.text-red{color:#dc2626}.text-amber{color:#d97706}.text-orange{color:#ea580c}.text-success{color:#059669}.text-danger{color:#dc2626}.hidden{display:none!important}