.habit-row[data-v-c5598755]{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.habit-row[data-v-c5598755]:last-child{border-bottom:none}.habit-info[data-v-c5598755]{min-width:140px}.habit-name[data-v-c5598755]{font-weight:600;font-size:13.5px}.habit-meta[data-v-c5598755]{display:flex;align-items:center;gap:8px;margin-top:3px}.habit-days[data-v-c5598755]{display:flex;gap:5px;flex:1}.habit-day[data-v-c5598755]{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-muted);background:var(--bg)}.habit-day[data-v-c5598755]:hover{border-color:var(--accent)}.habit-day.checked[data-v-c5598755]{background:var(--ok);color:#fff;border-color:var(--ok)}.habit-day.checked svg[data-v-c5598755]{stroke:#fff}.habit-day.missed[data-v-c5598755]{background:var(--error-light);color:var(--error);border-color:var(--error-border)}.habit-day.missed svg[data-v-c5598755]{stroke:var(--error)}.habit-day.today[data-v-c5598755]{box-shadow:inset 0 0 0 1.5px var(--accent)}.habit-actions[data-v-c5598755]{display:flex;gap:2px;margin-left:auto}.badges-grid[data-v-c5598755]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.badge-card[data-v-c5598755]{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);transition:all .15s}.badge-card[data-v-c5598755]:not(.locked){background:var(--warn-light);border-color:var(--warn)}.badge-card.locked[data-v-c5598755]{opacity:.5}.badge-icon[data-v-c5598755]{font-size:22px;line-height:1;flex-shrink:0}.badge-name[data-v-c5598755]{font-weight:600;font-size:13.5px}.badge-desc[data-v-c5598755]{font-size:12px;color:var(--text-secondary);margin-top:2px}.badge-date[data-v-c5598755]{font-size:10.5px;color:var(--text-muted);font-family:var(--mono);margin-top:4px}@media (max-width: 768px){.habit-row[data-v-c5598755]{flex-wrap:wrap}.habit-info[data-v-c5598755]{min-width:100%;margin-bottom:4px}.habit-days[data-v-c5598755]{flex:unset}}.cal-header[data-v-b9df1e2f]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cal-header-cell[data-v-b9df1e2f]{text-align:center;font-size:10.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:4px 0}.cal-grid[data-v-b9df1e2f]{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-cell[data-v-b9df1e2f]{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg);border:1px solid transparent;transition:all .15s}.cal-cell.empty[data-v-b9df1e2f]{background:transparent}.cal-cell.done[data-v-b9df1e2f]{background:var(--ok);color:#fff}.cal-cell.missed[data-v-b9df1e2f]{background:var(--error-light);color:var(--error);border-color:var(--error-border)}.cal-cell.joker[data-v-b9df1e2f]{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.cal-cell.today[data-v-b9df1e2f]{box-shadow:inset 0 0 0 2px var(--accent)}.cal-cell.future[data-v-b9df1e2f]{opacity:.3}.cal-cell.before[data-v-b9df1e2f]{opacity:.2}.cal-cell.clickable[data-v-b9df1e2f]{cursor:pointer}.cal-cell.clickable[data-v-b9df1e2f]:hover{border-color:var(--accent);background:var(--accent-faint)}.cal-legend-dot[data-v-b9df1e2f]{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}@media (max-width: 768px){.stats-grid[data-v-b9df1e2f]{grid-template-columns:repeat(2,1fr)!important}}.contacts-toolbar[data-v-c5c1ad04]{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.contacts-search[data-v-c5c1ad04]{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;min-width:220px;flex:1;transition:all .2s}.contacts-search[data-v-c5c1ad04]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--bg-card)}.contacts-search svg[data-v-c5c1ad04]{flex-shrink:0;color:var(--text-muted)}.contacts-search input[data-v-c5c1ad04]{border:none;background:none;outline:none;font-family:var(--sans);font-size:13px;color:var(--text-primary);width:100%}.contacts-search input[data-v-c5c1ad04]::placeholder{color:var(--text-muted)}.contacts-filters[data-v-c5c1ad04]{display:flex;align-items:center;gap:8px}.contacts-filter-select[data-v-c5c1ad04]{width:auto;min-width:140px;padding:6px 10px;font-size:12.5px}.contacts-view-toggle[data-v-c5c1ad04]{display:flex;gap:2px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.contacts-view-toggle .btn-icon[data-v-c5c1ad04]{border:none;border-radius:4px}.contacts-view-toggle .btn-icon.active[data-v-c5c1ad04]{background:var(--accent-light);color:var(--accent)}.contacts-layout[data-v-c5c1ad04]{display:flex;gap:12px}.contacts-alpha[data-v-c5c1ad04]{display:flex;flex-direction:column;gap:1px;position:sticky;top:70px;align-self:flex-start}.alpha-btn[data-v-c5c1ad04]{background:none;border:none;cursor:pointer;font-size:10px;font-weight:600;color:var(--text-muted);width:22px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .1s;font-family:var(--mono)}.alpha-btn[data-v-c5c1ad04]:hover:not(.disabled){background:var(--accent-light);color:var(--accent)}.alpha-btn.active[data-v-c5c1ad04]{color:var(--accent);font-weight:700}.alpha-btn.disabled[data-v-c5c1ad04]{color:var(--border);cursor:default}.contacts-list-area[data-v-c5c1ad04]{flex:1;min-width:0}.contacts-letter-row td[data-v-c5c1ad04]{padding:0}.contacts-letter-cell[data-v-c5c1ad04]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 16px 4px!important;background:var(--bg);border-bottom:1px solid var(--border)}.contact-row[data-v-c5c1ad04]{cursor:pointer}.contact-row[data-v-c5c1ad04]:hover{background:var(--bg-hover)}.cell-contact[data-v-c5c1ad04]{display:flex;align-items:center;gap:12px}.contact-avatar[data-v-c5c1ad04]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.contact-avatar-md[data-v-c5c1ad04]{width:44px;height:44px;font-size:15px}.contact-name[data-v-c5c1ad04]{font-weight:600;font-size:13.5px}.contact-fav-star[data-v-c5c1ad04]{margin-left:4px;flex-shrink:0}.contact-circles-cell[data-v-c5c1ad04]{display:flex;flex-wrap:wrap;gap:4px}.contacts-letter-header[data-v-c5c1ad04]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 0 6px}.contacts-card-grid[data-v-c5c1ad04]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:8px}.contact-card[data-v-c5c1ad04]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;transition:all .15s;cursor:pointer;position:relative}.contact-card[data-v-c5c1ad04]:hover{box-shadow:var(--shadow-md)}.contact-card-actions[data-v-c5c1ad04]{position:absolute;top:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.contact-card:hover .contact-card-actions[data-v-c5c1ad04]{opacity:1}.contact-card-name[data-v-c5c1ad04]{font-weight:600;font-size:14px;margin-top:10px}.contact-card-phone[data-v-c5c1ad04]{font-size:12px;color:var(--text-muted);font-family:var(--mono);margin-top:2px}.form-section-title[data-v-c5c1ad04]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.form-section-title[data-v-c5c1ad04]:first-child{margin-top:0}.dynamic-row[data-v-c5c1ad04]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dynamic-row .form-input[data-v-c5c1ad04]{flex:1}.dynamic-block[data-v-c5c1ad04]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;margin-bottom:8px}.dynamic-block-header[data-v-c5c1ad04]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tag-input-wrap[data-v-c5c1ad04]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--bg-code);min-height:36px;transition:all .15s;position:relative}.tag-input-wrap[data-v-c5c1ad04]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.tag-chip[data-v-c5c1ad04]{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.tag-chip button[data-v-c5c1ad04]{background:none;border:none;cursor:pointer;color:var(--accent);display:flex;padding:0}.tag-input[data-v-c5c1ad04]{border:none;background:none;outline:none;font-family:var(--sans);font-size:13px;color:var(--text-primary);flex:1;min-width:100px}.tag-dropdown[data-v-c5c1ad04]{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:150px;overflow-y:auto}.tag-dropdown-item[data-v-c5c1ad04]{padding:8px 12px;font-size:13px;cursor:pointer;transition:background .1s}.tag-dropdown-item[data-v-c5c1ad04]:hover{background:var(--bg-hover)}.tag-dropdown-create[data-v-c5c1ad04]{color:var(--accent);font-weight:600}.toggle-label[data-v-c5c1ad04]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.toggle-label input[type=checkbox][data-v-c5c1ad04]{width:16px;height:16px;accent-color:var(--accent)}@media (max-width: 768px){.contacts-toolbar[data-v-c5c1ad04]{flex-direction:column;align-items:stretch}.contacts-filters[data-v-c5c1ad04]{flex-wrap:wrap}.contacts-alpha[data-v-c5c1ad04]{display:none}.contacts-card-grid[data-v-c5c1ad04]{grid-template-columns:1fr}}.detail-avatar[data-v-5d1575e0]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.detail-grid[data-v-5d1575e0]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-item[data-v-5d1575e0]{display:flex;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.detail-item[data-v-5d1575e0]:last-child{border-bottom:none}.detail-item-label[data-v-5d1575e0]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);min-width:70px}.detail-item-value[data-v-5d1575e0]{font-size:13.5px;color:var(--text-primary)}.detail-link[data-v-5d1575e0]{color:var(--accent);text-decoration:none;transition:color .1s}.detail-link[data-v-5d1575e0]:hover{color:var(--accent-hover);text-decoration:underline}.detail-empty[data-v-5d1575e0]{font-size:13px;color:var(--text-muted);padding:8px 0}.detail-address[data-v-5d1575e0]{padding:10px 0;border-bottom:1px solid var(--border)}.detail-address[data-v-5d1575e0]:last-child{border-bottom:none}.detail-address-text[data-v-5d1575e0]{font-size:13px;color:var(--text-secondary);line-height:1.6}.detail-entourage-item[data-v-5d1575e0]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-entourage-item[data-v-5d1575e0]:last-child{border-bottom:none}.form-section-title[data-v-5d1575e0]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.form-section-title[data-v-5d1575e0]:first-child{margin-top:0}.dynamic-row[data-v-5d1575e0]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dynamic-row .form-input[data-v-5d1575e0]{flex:1}.dynamic-block[data-v-5d1575e0]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;margin-bottom:8px}.dynamic-block-header[data-v-5d1575e0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tag-input-wrap[data-v-5d1575e0]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--bg-code);min-height:36px;transition:all .15s;position:relative}.tag-input-wrap[data-v-5d1575e0]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.tag-chip[data-v-5d1575e0]{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.tag-chip button[data-v-5d1575e0]{background:none;border:none;cursor:pointer;color:var(--accent);display:flex;padding:0}.tag-input[data-v-5d1575e0]{border:none;background:none;outline:none;font-family:var(--sans);font-size:13px;color:var(--text-primary);flex:1;min-width:100px}.tag-dropdown[data-v-5d1575e0]{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:150px;overflow-y:auto}.tag-dropdown-item[data-v-5d1575e0]{padding:8px 12px;font-size:13px;cursor:pointer;transition:background .1s}.tag-dropdown-item[data-v-5d1575e0]:hover{background:var(--bg-hover)}.tag-dropdown-create[data-v-5d1575e0]{color:var(--accent);font-weight:600}.toggle-label[data-v-5d1575e0]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.toggle-label input[type=checkbox][data-v-5d1575e0]{width:16px;height:16px;accent-color:var(--accent)}@media (max-width: 768px){.detail-grid[data-v-5d1575e0]{grid-template-columns:1fr}}:root{--bg: #F8F7F4;--bg-card: #FFFFFF;--bg-code: #FAFAF8;--bg-hover: #F2F1ED;--border: #E8E6E1;--border-focus: #C4C1B9;--text-primary: #1A1918;--text-secondary: #6B6862;--text-muted: #9E9B95;--accent: #0040D2;--accent-light: #E8EEFB;--accent-hover: #0035B0;--accent-faint: #F0F4FD;--warn: #B8860B;--warn-light: #FFF8E7;--error: #A63D40;--error-light: #FEF0F0;--error-border: #E8A0A2;--ok: #1A8A3E;--ok-light: #EAFBF0;--shadow-sm: 0 1px 2px rgba(26,25,24,.04);--shadow-md: 0 2px 8px rgba(26,25,24,.06);--shadow-lg: 0 4px 16px rgba(26,25,24,.08);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--mono: "JetBrains Mono", monospace;--sans: "DM Sans", sans-serif;--sidebar-w: 250px;--header-h: 56px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 32px;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.3px}.logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-sub{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:2px}.header-right{display:flex;align-items:center;gap:8px}.header-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;min-width:200px;transition:all .2s}.header-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--bg-card)}.header-search svg{flex-shrink:0;color:var(--text-muted)}.header-search input{border:none;background:none;outline:none;font-family:var(--sans);font-size:13px;color:var(--text-primary);width:100%}.header-search input::placeholder{color:var(--text-muted)}.icon-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--text-secondary);position:relative}.icon-btn:hover{border-color:var(--border-focus);background:var(--bg-hover)}.icon-btn .notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--accent);border-radius:50%;border:1.5px solid var(--bg-card)}.header-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#4D7AE8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;cursor:pointer;margin-left:4px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:4px;align-items:center;justify-content:center}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:calc(100vh - var(--header-h))}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:20px 14px;overflow-y:auto;display:flex;flex-direction:column;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));transition:transform .3s ease}.sidebar-title{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:0 10px;margin-bottom:8px}.sidebar-section{margin-top:24px}.sidebar-section:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:1px;transition:all .12s;font-size:13.5px;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:16px;height:16px}.nav-badge{margin-left:auto;font-family:var(--mono);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:4px;background:var(--bg);color:var(--text-muted)}.nav-item.active .nav-badge{background:#0040d21f;color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#4D7AE8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#fff;flex-shrink:0}.sidebar-user-info .name{font-size:13px;font-weight:600;color:var(--text-primary)}.sidebar-user-info .role{font-size:11px;color:var(--text-muted)}.main-content{padding:28px 36px 48px;max-width:960px}.page-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:700;letter-spacing:-.4px}.page-subtitle{font-size:13.5px;color:var(--text-secondary);margin-bottom:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.card-header-left{display:flex;align-items:center;gap:8px}.card-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center}.card-icon svg{width:13px;height:13px}.card-title{font-size:13px;font-weight:600;letter-spacing:-.1px}.card-body{padding:16px}.card-body-flush{padding:0}.btn{padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:var(--sans);transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.btn-danger{background:var(--error-light);color:var(--error);border:1px solid var(--error-border)}.btn-danger:hover{background:#fbe3e3}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{width:28px;height:28px;padding:0;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon-wrap{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-icon-wrap svg{width:16px;height:16px}.stat-change{font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;font-family:var(--mono)}.stat-change.up{background:var(--ok-light);color:var(--ok)}.stat-value{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:2px}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);padding:3px;border-radius:var(--radius-sm);width:fit-content}.tab{padding:6px 14px;font-size:12.5px;font-weight:500;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .15s;font-family:var(--sans)}.tab.active{background:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:var(--text-muted);padding:10px 16px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg)}tbody td{padding:12px 16px;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr{transition:background .1s}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.cell-book{display:flex;align-items:center;gap:12px}.book-avatar{width:32px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.book-title{font-weight:600;font-size:13.5px;margin-bottom:1px}.book-author{font-size:11.5px;color:var(--text-muted)}.badge{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;letter-spacing:.2px}.badge-reading{background:var(--accent-light);color:var(--accent)}.badge-finished{background:var(--ok-light);color:var(--ok)}.badge-wishlist{background:var(--warn-light);color:var(--warn)}.badge-paused{background:var(--bg-hover);color:var(--text-muted)}.rating{display:flex;gap:1px}.star-icon{color:var(--border);cursor:pointer;transition:color .1s;line-height:1;display:flex;align-items:center}.star-icon svg{width:16px;height:16px}.star-icon.filled{color:var(--warn)}.star-icon.filled svg{fill:var(--warn);stroke:var(--warn)}.progress-track{width:100%;height:5px;background:var(--bg);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-label{font-family:var(--mono);font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191840;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg-card);border-radius:var(--radius-lg);width:94%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.96) translateY(8px);transition:transform .25s cubic-bezier(.22,1,.36,1)}.modal-overlay.open .modal{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h2{font-size:17px;font-weight:700;letter-spacing:-.2px}.modal-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .12s}.modal-close:hover{background:var(--bg-hover)}.modal-close svg{width:14px;height:14px}.modal-body{padding:20px 24px 24px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:13.5px;color:var(--text-primary);background:var(--bg-code);transition:all .15s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--bg-card)}.form-textarea{resize:vertical;min-height:72px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-page{display:none}.app-page.active{display:block;animation:fadeUp .25s ease}.fade-up{animation:fadeUp .25s ease}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);border:1px dashed var(--border);cursor:pointer;transition:all .15s;background:transparent;font-family:var(--sans);text-align:left;text-decoration:none}.qa-item:hover{border-color:var(--accent);background:var(--accent-faint);border-style:solid}.qa-icon{width:34px;height:34px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.qa-icon svg{width:16px;height:16px}.qa-item:hover .qa-icon{color:var(--accent)}.qa-text{font-size:13px;font-weight:600;color:var(--text-primary)}.qa-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.activity-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:7px;height:7px;border-radius:50%;margin-top:7px;flex-shrink:0}.activity-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px;font-family:var(--mono)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-icon{width:48px;height:48px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.empty-icon svg{width:22px;height:22px;color:var(--text-muted)}.empty-state h3{font-size:15px;font-weight:700;color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:13px;margin-bottom:16px}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.wishlist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all .15s;position:relative}.wishlist-card:hover{box-shadow:var(--shadow-md)}.wc-title{font-weight:600;font-size:13.5px;margin-bottom:2px}.wc-author{font-size:12px;color:var(--text-muted);margin-bottom:10px}.wc-genre{font-size:10.5px;background:var(--bg);color:var(--text-secondary);padding:2px 8px;border-radius:4px;display:inline-block;font-weight:500}.wc-actions{position:absolute;top:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.wishlist-card:hover .wc-actions{opacity:1}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:all .15s;cursor:pointer;position:relative}.note-card:hover{box-shadow:var(--shadow-md)}.note-color-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.note-title{font-weight:600;font-size:14px;margin-bottom:6px;margin-top:2px}.note-preview{font-size:12.5px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.note-cat{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.habit-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.habit-row:last-child{border-bottom:none}.habit-name{font-weight:600;font-size:13.5px;min-width:130px}.habit-days{display:flex;gap:5px;flex:1}.habit-day{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-muted);background:var(--bg)}.habit-day:hover{border-color:var(--accent)}.habit-day.checked{background:var(--accent);color:#fff;border-color:var(--accent)}.habit-day.today{box-shadow:inset 0 0 0 1.5px var(--accent)}.habit-day.checked svg{stroke:#fff}.habit-score{font-family:var(--mono);font-size:12px;color:var(--text-muted);min-width:44px;text-align:right}.habit-score strong{color:var(--accent)}.finance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191833;z-index:140;display:none}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-md)}.login-card h1{text-align:center;font-size:20px;font-weight:700;margin-bottom:4px;letter-spacing:-.4px}.login-card .login-sub{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:28px}.login-error{background:var(--error-light);color:var(--error);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;border:1px solid var(--error-border)}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.finance-stats{grid-template-columns:1fr}}@media (max-width: 768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;z-index:150;transform:translate(-100%);width:260px}.sidebar.open{transform:translate(0)}.main-content{padding:20px 16px}header{padding:0 16px}.menu-toggle{display:flex}.header-search{display:none}.stats-grid,.form-row,.qa-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}