@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..900;1,9..40,300..900&display=swap";:root{color-scheme:light;--bg: #f6f7fb;--surface: #ffffff;--surface-secondary: #f3f5fb;--text-primary: #12131a;--text-secondary: #52566a;--text-tertiary: rgba(82, 86, 106, .68);--stroke: rgba(62, 76, 118, .12);--stroke-strong: rgba(62, 76, 118, .2);--blue: #5f6fff;--green: #34c759;--red: #ff3b30;--orange: #ff9f0a;--purple: #863bff;--accent-start: #7c3aed;--accent-end: #863bff;--accent-soft: linear-gradient(135deg, rgba(134, 59, 255, .12), rgba(124, 58, 237, .1));--shadow-glow: 0 10px 24px rgba(134, 59, 255, .32);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--shadow-sm: 0 6px 20px rgba(44, 56, 94, .08);--shadow-md: 0 14px 32px rgba(44, 56, 94, .12);--shadow-glow: 0 10px 24px rgba(95, 111, 255, .28);--focus-ring: 0 0 0 2px color-mix(in srgb, var(--blue) 46%, transparent);--layout-page-x: 16px;--layout-page-y: 18px;--layout-page-bottom: 24px;--layout-gap: 14px;--layout-gap-sm: 8px;--layout-shell-inset: 14px;--layout-radius-shell: var(--radius-lg);--font-ui: "DM Sans", "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, monospace}[data-theme=dark]{color-scheme:dark;--bg: #0d0a12;--surface: #1a1625;--surface-secondary: #231d35;--text-primary: #f0eaff;--text-secondary: rgba(224, 210, 255, .75);--text-tertiary: rgba(224, 210, 255, .45);--stroke: rgba(168, 85, 247, .14);--stroke-strong: rgba(168, 85, 247, .26);--blue: #a78bfa;--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--purple: #c084fc;--accent-start: #863bff;--accent-end: #a855f7;--accent-soft: linear-gradient(135deg, rgba(134, 59, 255, .22), rgba(168, 85, 247, .18));--shadow-sm: 0 6px 24px rgba(0, 0, 0, .42);--shadow-md: 0 16px 40px rgba(0, 0, 0, .54);--shadow-glow: 0 10px 28px rgba(134, 59, 255, .4);--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent-start) 60%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%;max-width:100%;overflow:hidden;font-family:var(--font-ui);background:var(--bg);color:var(--text-primary)}body{font-size:15px;line-height:1.35}.app-shell{width:100%;max-width:100%;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-end) 15%,transparent),transparent 45%),radial-gradient(circle at top left,color-mix(in srgb,var(--accent-start) 12%,transparent),transparent 40%),var(--bg);color:var(--text-primary)}.app-shell.popup{width:400px;max-width:100%;min-height:min(640px,100vh);min-height:min(640px,100dvh);max-height:min(720px,100vh);max-height:min(720px,100dvh)}.app-shell.sidepanel{width:100%;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}body:has(.app-shell.web){display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;background:var(--bg)}body:has(.app-shell.web) #root{width:100%;max-width:480px;overflow:visible}.app-shell.web{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;box-shadow:0 0 60px #863bff14}@media(min-width:500px){body:has(.app-shell.web){padding:0 16px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-end) 8%,transparent),transparent 50%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--accent-start) 6%,transparent),transparent 50%),var(--bg)}}.app-body-scroll{flex:1 1 auto;min-height:0;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch}.surface{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow-sm)}.topbar{z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px var(--layout-page-x) 14px;flex-shrink:0;min-width:0;isolation:isolate;border-bottom:1px solid color-mix(in srgb,var(--stroke) 62%,transparent);box-shadow:0 1px color-mix(in srgb,var(--stroke) 28%,transparent);backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-start) 18%,transparent),color-mix(in srgb,var(--accent-end) 14%,transparent)),color-mix(in srgb,var(--bg) 58%,transparent)}[data-theme=dark] .topbar{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-start) 22%,transparent),color-mix(in srgb,var(--accent-end) 16%,transparent)),color-mix(in srgb,var(--bg) 52%,transparent);border-bottom-color:color-mix(in srgb,var(--stroke) 70%,transparent);box-shadow:0 1px color-mix(in srgb,var(--stroke) 22%,transparent)}.topbar>div:first-child{min-width:0;flex:1}.topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar h1{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0;text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 55%,transparent)}.topbar small{color:color-mix(in srgb,var(--text-secondary) 92%,white 8%);font-size:12px;text-shadow:0 1px 2px color-mix(in srgb,var(--bg) 55%,transparent)}.content-area{padding:var(--layout-page-y) var(--layout-page-x) var(--layout-page-bottom);display:grid;gap:var(--layout-gap);align-content:start;min-width:0;max-width:100%;overflow-x:hidden}.content-area--overlay-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.content-area--overlay-scrollbar::-webkit-scrollbar{width:5px}.content-area--overlay-scrollbar::-webkit-scrollbar-track{background:transparent}.content-area--overlay-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.content-area--overlay-scrollbar.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-tertiary) 58%,transparent)}.content-area--overlay-scrollbar.is-scrolling{scrollbar-color:color-mix(in srgb,var(--text-tertiary) 58%,transparent) transparent}.main-with-nav{min-width:0;max-width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.segmented{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;background:color-mix(in srgb,var(--surface-secondary) 84%,transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--stroke) 84%,transparent);box-shadow:inset 0 1px #fff3;width:100%;max-width:100%;box-sizing:border-box}.segmented button{border:none;background:transparent;border-radius:10px;padding:8px 12px;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .18s ease,color .18s ease,transform .16s ease;flex:1 1 calc(33.333% - 4px);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented button.active{background:color-mix(in srgb,var(--surface) 92%,white 8%);color:var(--text-primary);box-shadow:0 4px 14px #38446c29}[data-theme=dark] .segmented button.active{background:#ffffff1a;box-shadow:0 2px 10px #0006,inset 0 1px #ffffff14}.segmented button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{border:1px solid transparent;border-radius:14px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .18s ease,color .18s ease,border .18s ease,box-shadow .18s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;box-shadow:var(--shadow-glow)}.btn.primary:hover{filter:brightness(1.04)}.btn.secondary{background:color-mix(in srgb,var(--surface-secondary) 84%,white 16%);color:var(--text-primary);border-color:var(--stroke)}.btn.ghost{background:transparent;color:var(--text-secondary);border-color:color-mix(in srgb,var(--stroke) 65%,transparent)}.btn.ghost:hover{background:color-mix(in srgb,var(--surface-secondary) 80%,transparent);color:var(--text-primary)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card{padding:16px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid color-mix(in srgb,var(--stroke) 86%,transparent);box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,transform .18s ease;min-width:0;max-width:100%}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .card{background:#1a16258c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(168,85,247,.13)}[data-theme=dark] .card:hover{border-color:#a855f73d;box-shadow:0 16px 40px #00000080,0 0 0 1px #863bff1a}.dashboard-block-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 86%,var(--accent-end))}.dashboard-block{padding:var(--layout-shell-inset);gap:12px;border-radius:var(--layout-radius-shell);border:1px solid color-mix(in srgb,var(--stroke) 82%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,white 6%),color-mix(in srgb,var(--surface-secondary) 82%,transparent));box-shadow:var(--shadow-sm)}.dashboard-block .card{background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,white 4%),color-mix(in srgb,var(--surface-secondary) 84%,transparent))}.dashboard-block--billing .kpi-card:first-child{border-color:color-mix(in srgb,var(--blue) 30%,var(--stroke));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-start) 20%,var(--surface)),color-mix(in srgb,var(--accent-end) 18%,var(--surface)))}.dashboard-block--billing .kpi-card:first-child .kpi-label,.dashboard-block--billing .kpi-card:first-child .kpi-trend{color:color-mix(in srgb,var(--text-primary) 78%,white 22%)}.dashboard-block--billing .kpi-card:first-child .kpi-value{color:var(--text-primary)}[data-theme=dark] .dashboard-block--billing .kpi-card:first-child .kpi-value{color:#fff}.kpi-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.kpi-card{min-width:0}.kpi-card--clickable{cursor:pointer;transition:box-shadow .16s ease,transform .12s ease}.kpi-card--clickable:hover{box-shadow:var(--shadow-md)}.kpi-card--clickable:active{transform:scale(.99)}.kpi-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:2px}.kpi-card-head .kpi-label{flex:1;min-width:0}.kpi-card-head-actions{flex-shrink:0;margin-top:-3px}.kpi-label{color:color-mix(in srgb,var(--text-secondary) 90%,var(--accent-end));font-size:12px;font-weight:600}.kpi-value-wrap{margin-top:6px;min-width:0;max-width:100%}.kpi-value{font-size:clamp(1.1rem,1.12rem + .6vmin,1.45rem);font-weight:600;letter-spacing:-.01em;line-height:1.15;font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.kpi-trend{margin-top:6px;font-size:12px;color:var(--text-tertiary);line-height:1.35;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.kpi-trend.positive{color:var(--green)}.kpi-trend.negative{color:var(--red)}.field{display:grid;gap:6px;min-width:0;flex:1}.form-row{display:flex;flex-wrap:wrap;gap:10px}.form-row .field{flex:1 1 140px;min-width:0}.field label{font-size:12px;color:var(--text-secondary)}.input,.select{width:100%;min-width:0;max-width:100%;border:1px solid var(--stroke);background:var(--surface-secondary);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:16px;min-height:38px}textarea.input.input-multiline{min-height:72px;resize:vertical;font-family:inherit;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.input:focus,.select:focus{outline:2px solid color-mix(in srgb,var(--blue) 40%,transparent);border-color:color-mix(in srgb,var(--blue) 60%,var(--stroke))}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-secondary);border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:16px;color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease;min-height:38px}.custom-select-trigger:hover{border-color:var(--stroke-strong)}.custom-select-trigger.is-open,.custom-select-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 40%,transparent);border-color:color-mix(in srgb,var(--blue) 60%,var(--stroke))}.custom-select-placeholder{color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .18s ease}.custom-select-chevron.is-open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;box-shadow:var(--shadow-md);z-index:200;overflow:hidden;list-style:none;margin:0;padding:4px;max-height:220px;overflow-y:auto}.custom-select-option{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:14px;color:var(--text-primary);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease}.custom-select-option.is-focused,.custom-select-option:hover{background:var(--surface-secondary)}.custom-select-option.is-selected{color:var(--blue);font-weight:600;background:color-mix(in srgb,var(--blue) 8%,transparent)}.custom-select-option.is-selected.is-focused{background:color-mix(in srgb,var(--blue) 14%,transparent)}.datepicker{position:relative;width:100%}.datepicker-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;width:260px;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow-md);z-index:200;padding:12px}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.datepicker-month-label{font-size:13px;font-weight:600;color:var(--text-primary)}.datepicker-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:background .14s ease,color .14s ease}.datepicker-nav:hover{background:var(--surface-secondary);color:var(--text-primary)}.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker-weekday{display:flex;align-items:center;justify-content:center;height:26px;font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.02em}.datepicker-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:12px;border:none;background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:background .1s ease;font-family:inherit}.datepicker-day:hover:not(.is-selected){background:var(--surface-secondary)}.datepicker-day.is-other-month{color:var(--text-tertiary)}.datepicker-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--blue);font-weight:600}.datepicker-day.is-selected{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-weight:600;box-shadow:0 3px 10px #5f6fff4d}.datepicker-footer{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--stroke)}.datepicker-shortcut{font-size:12px;font-weight:500;color:var(--blue);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;transition:background .14s ease}.datepicker-shortcut:hover{background:color-mix(in srgb,var(--blue) 10%,transparent)}.section-title{font-size:17px;margin:0;font-weight:700;letter-spacing:-.01em}.section-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.feature-shell{padding:var(--layout-shell-inset);border-radius:var(--layout-radius-shell);border:1px solid color-mix(in srgb,var(--stroke) 82%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 84%,transparent));box-shadow:var(--shadow-sm)}.feature-shell .section-header-row{padding-bottom:10px}.feature-shell .section-subtitle{color:color-mix(in srgb,var(--text-secondary) 88%,var(--accent-end))}.feature-shell .status-state{border-radius:16px}.feature-shell--expenses .expenses-list .list-item{border-radius:16px;border-color:color-mix(in srgb,var(--stroke) 74%,var(--accent-start));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 88%,transparent))}.feature-shell--expenses .expenses-list .list-item .caption{color:color-mix(in srgb,var(--text-secondary) 90%,transparent)}.list-item--archived{opacity:.6}.history-divider{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:4px 0}.history-divider:before,.history-divider:after{content:"";flex:1;height:1px;background:var(--stroke);opacity:.6}.expense-item-top{align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.expense-item-tag{flex-shrink:0}.expense-item-controls{margin-left:auto;align-items:center;gap:6px;flex-wrap:nowrap}.expense-item-title-row{flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:8px;min-width:0}.expense-item-name{margin-top:0;flex:1 1 0;min-width:0;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.expense-item-value{margin-top:0;flex-shrink:0;text-align:right;max-width:48%}.expense-item-amount{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.expense-item-amount-unit{margin-left:0;white-space:nowrap}.expense-item-category{margin-top:8px;line-height:1.25;color:color-mix(in srgb,var(--text-secondary) 92%,transparent)}.expense-item-summary{margin-top:8px;margin-bottom:0}.expense-item-delete,.revenue-item-delete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .16s ease,background .16s ease,transform .12s ease}.expense-item-delete:hover,.revenue-item-delete:hover{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.expense-item-delete:focus-visible,.revenue-item-delete:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.expense-item-delete:active,.revenue-item-delete:active{transform:scale(.96)}@media(max-width:380px){.expense-item-name{min-width:0}.expense-item-top{align-items:center}}.feature-shell--settings .settings-card-shell+.settings-card-shell{margin-top:2px}.feature-shell--settings .settings-card-shell .card{border-radius:18px;border-color:color-mix(in srgb,var(--stroke) 74%,var(--accent-end));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 88%,transparent))}.settings-item{display:flex;flex-direction:column;gap:14px}.settings-item-head{display:flex;align-items:flex-start;gap:12px}.settings-item-icon{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--blue) 12%,var(--surface-secondary));color:var(--blue);display:flex;align-items:center;justify-content:center}.settings-item-icon--danger{background:color-mix(in srgb,var(--red) 12%,var(--surface-secondary));color:var(--red)}.settings-item-text{flex:1;min-width:0;padding-top:2px}.settings-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-item-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-item-actions .btn{flex:1 1 auto;justify-content:center;min-width:120px}.settings-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--text-tertiary) 60%,transparent)}.settings-status-dot--active{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}.settings-danger-zone{display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--red) 28%,var(--stroke));border-radius:16px;padding:14px;background:color-mix(in srgb,var(--red) 4%,transparent)}.settings-danger-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:color-mix(in srgb,var(--red) 75%,var(--text-secondary));margin:0}.settings-danger-label:before{content:"";display:inline-block;width:16px;height:1px;background:currentColor;opacity:.5}.settings-danger-label:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--red) 20%,var(--stroke))}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.section-header-row{align-items:flex-start;flex-wrap:wrap;min-width:0;max-width:100%}.section-header-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.section-header-badge-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.section-header-badge-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.section-header-text{min-width:0;flex:1}.section-header-right{flex-shrink:0;max-width:100%}.section-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.section-header-add-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;border:1px solid color-mix(in srgb,var(--blue) 38%,var(--stroke));background:var(--accent-soft);color:var(--blue);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .12s ease}.section-header-add-btn:hover{background:color-mix(in srgb,var(--accent-end) 24%,var(--surface-secondary));border-color:color-mix(in srgb,var(--blue) 55%,var(--stroke))}.section-header-add-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.section-header-add-btn:active{transform:scale(.96)}.list-item .row{flex-wrap:wrap;align-items:flex-start}.list-item .row>strong,.list-item .row>span{min-width:0;max-width:100%}.list-item .row>.badge{flex:0 0 auto;align-self:flex-start;max-width:none}.list-item .row.dash-urgent-head{flex-wrap:nowrap;align-items:center}.dash-urgent-title{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.dash-urgent-status{flex-shrink:0}.list-item .row.dash-urgent-head>.badge{align-self:center}.dash-urgent-sub{display:flex;flex-direction:column;gap:6px;margin-top:6px;min-width:0}.dash-urgent-tags-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}.dash-urgent-tags-actions .task-card-tags-inline{flex:1 1 0;min-width:0}.dash-urgent-tags-actions .btn{flex-shrink:0}.dash-urgent-row{display:flex;align-items:flex-start;gap:6px;min-width:0}.dash-urgent-row-body{flex:1 1 0;min-width:0}.dash-urgent-drag-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin:-4px 0 -4px -4px;padding:6px 4px;cursor:grab;color:var(--text-tertiary);border:none;border-radius:8px;background:transparent;touch-action:none}.dash-urgent-drag-handle:active{cursor:grabbing}.dash-urgent-drag-handle:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.list-item.dash-urgent-draggable.is-dragging{opacity:.35;transform:scale(.98);box-shadow:none;border-style:dashed}.dash-drag-touch-ghost{position:fixed;z-index:9999;pointer-events:none;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:10px 14px;min-width:180px;max-width:260px;box-shadow:0 20px 48px #00000073,0 4px 16px #00000040;transform:rotate(3deg) scale(1.05);transform-origin:center 30%;will-change:top,left}.dash-drag-touch-ghost-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-drag-touch-ghost-client{font-size:12px;opacity:.6;margin-top:2px}.list-item.dash-urgent-draggable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.tasks-demands-sections .tasks-subsection-title{font-size:13px;font-weight:600;margin:16px 0 0;color:var(--text-secondary);letter-spacing:.02em}.feature-shell--tasks .tasks-subsection-title{color:color-mix(in srgb,var(--text-secondary) 78%,var(--accent-end))}.tasks-subsection-stack{padding:10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--stroke) 78%,transparent);background:color-mix(in srgb,var(--surface-secondary) 56%,transparent)}.tasks-demands-sections .tasks-subsection-title:first-child{margin-top:0}.task-card-compact-completed{border-color:color-mix(in srgb,var(--blue) 28%,var(--stroke))}.task-card-compact-closed{opacity:.92}.stack{display:grid;gap:var(--layout-gap-sm);min-width:0;max-width:100%}.list-item{padding:12px;border-radius:var(--radius-md);border:1px solid var(--stroke);background:color-mix(in srgb,var(--surface) 90%,var(--surface-secondary));transition:background .18s ease;min-width:0;max-width:100%;box-sizing:border-box}.list-item:hover{background:var(--surface-secondary)}.list-item--clickable{cursor:pointer}.list-item--clickable:hover{background:color-mix(in srgb,var(--surface-secondary) 90%,var(--blue) 10%);border-color:color-mix(in srgb,var(--stroke) 60%,var(--blue) 40%)}.list-item--clickable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dashboard-block .list-item{border-radius:14px}.dashboard-block .list-item .caption{color:color-mix(in srgb,var(--text-secondary) 92%,transparent)}.dashboard-inline-title{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dashboard-inline-action{flex-shrink:0}.feature-shell--revenue .revenue-list .list-item{border-radius:16px;border-color:color-mix(in srgb,var(--stroke) 76%,var(--accent-end));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 88%,transparent))}.feature-shell--revenue .revenue-list .list-item .badge{border-color:color-mix(in srgb,var(--stroke) 65%,var(--accent-end))}.revenue-item-top{align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.revenue-item-top-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.revenue-item-tag{flex-shrink:0}.feature-shell--revenue .revenue-item-late-badge{border-color:color-mix(in srgb,var(--red) 42%,var(--stroke));color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface))}.revenue-item-controls{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.revenue-item-check-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,var(--stroke) 54%,var(--accent-end));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 16%,var(--surface));color:var(--text-primary);cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .12s ease}.revenue-item-check-btn:hover{background:color-mix(in srgb,var(--green) 18%,var(--surface));border-color:color-mix(in srgb,var(--green) 35%,var(--stroke));color:var(--green)}.revenue-item-check-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.revenue-item-check-btn:active{transform:scale(.96)}.revenue-item-check-done{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--green)}.revenue-item-title-row{flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:8px;min-width:0}.revenue-item-title{margin-top:0;flex:1 1 0;min-width:0;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.revenue-item-title-row .revenue-item-amount{flex:0 0 auto;margin-left:0;margin-top:0;max-width:48%;text-align:right;display:inline-flex;align-items:baseline;gap:6px;justify-content:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums}.revenue-item-amount-unit{margin-left:0}.revenue-item-category{margin-top:8px;line-height:1.25;color:color-mix(in srgb,var(--text-secondary) 92%,transparent)}.revenue-item-footer-line{margin-top:8px;margin-bottom:0;overflow-wrap:anywhere;word-break:break-word}@media(max-width:380px){.revenue-item-top{flex-wrap:wrap}.revenue-item-controls{flex-wrap:wrap;justify-content:flex-end;max-width:100%}}.list-item .row>strong{flex:1 1 0;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.list-item-desc{margin:6px 0 0;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.45;white-space:pre-wrap}.list-item-meta{width:100%;flex-wrap:wrap;align-items:flex-start;gap:8px}.list-item-meta>span{min-width:0;flex:1 1 auto;overflow-wrap:anywhere;word-break:break-word}.list-item-meta .row{flex-shrink:0;min-width:0;flex-wrap:wrap}.upcoming-due-head{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.upcoming-due-client{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.upcoming-due-status{display:flex;align-items:center;gap:4px;flex-shrink:0;flex-wrap:nowrap}.upcoming-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.upcoming-status-dot--late{background:var(--red)}.upcoming-status-dot--open{background:var(--purple)}.caption{color:var(--text-secondary);font-size:12px}.value-negative{color:var(--red)}.value-positive{color:var(--green)}.badge{padding:3px 8px;border-radius:999px;font-size:11px;border:1px solid var(--stroke);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-secondary) 82%,transparent)}.status-state{text-align:center;padding:22px;display:grid;gap:6px;min-width:0;max-width:100%;justify-items:center}.status-state h3{margin:0;font-size:15px}.status-state p{margin:0;color:var(--text-secondary);font-size:13px}.auth-screen{height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 20px;background:var(--bg);background-image:radial-gradient(ellipse 90% 45% at 50% -5%,color-mix(in srgb,var(--accent-start) 20%,transparent),transparent 70%);overflow-y:auto}.auth-card{width:100%;max-width:360px;background:var(--surface);border:1px solid color-mix(in srgb,var(--stroke) 70%,var(--accent-start) 30%);border-radius:20px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-start) 8%,transparent),0 8px 32px color-mix(in srgb,var(--accent-start) 10%,black 20%),0 2px 8px #0000001f;padding:36px 28px 32px;display:grid;gap:28px}.auth-logo{width:60px;height:60px;border-radius:16px;margin:0 auto 2px;display:block;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-start) 40%,transparent)}.auth-header{text-align:center;display:grid;gap:8px}.auth-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{margin:0;font-size:14px;font-weight:500;color:var(--text-secondary)}.auth-form{gap:16px}.auth-error{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);color:var(--red);font-size:13px;line-height:1.45}.auth-info{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);color:var(--green);font-size:13px;line-height:1.45}.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-secondary)}.auth-switch-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--accent-end);font-size:13px;font-weight:600;text-decoration:none}.auth-switch-btn:hover{text-decoration:underline;text-underline-offset:2px}.auth-password-wrapper{position:relative;display:flex;align-items:center}.auth-password-wrapper .input{padding-right:44px}.auth-password-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;line-height:1;border-radius:6px;transition:color .12s ease}.auth-password-toggle:hover{color:var(--text-primary)}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle}.info-tooltip-trigger{width:18px;height:18px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent-end) 70%,transparent);background:color-mix(in srgb,var(--accent-end) 12%,transparent);color:var(--accent-end);font-size:11px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:background .12s ease}.info-tooltip-trigger:hover{background:color-mix(in srgb,var(--accent-end) 22%,transparent)}.info-tooltip-box{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-secondary);border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text-secondary);white-space:normal;width:220px;box-shadow:0 4px 16px #0000002e;z-index:100;pointer-events:none}.mini-chart{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:8px}.mini-chart span{flex:1;background:color-mix(in srgb,var(--blue) 70%,transparent);border-radius:6px 6px 3px 3px}.evolution-chart-subtitle{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;margin-bottom:0}.chart-info-popover-wrap{position:relative;display:inline-flex;align-items:center}.chart-info-backdrop{position:fixed;inset:0;z-index:90}.chart-info-popover{z-index:91;width:260px;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.18));font-size:12px;line-height:1.5;color:var(--text-secondary)}.chart-info-popover p{margin:0}.chart-info-popover p+p{margin-top:8px}.info-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;color:var(--text-tertiary);cursor:help;border-radius:6px;line-height:0;vertical-align:middle;transition:color .14s ease}.info-icon-btn:hover,.info-icon-btn:focus-visible{color:var(--blue)}.info-icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px}.mini-chart-monthly{display:flex;align-items:flex-end;justify-content:space-between;gap:3px;margin-top:10px;padding:0 2px 2px;box-sizing:border-box}.mini-chart-month-col{flex:1 1 0;min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.mini-chart-month-bar-wrap{width:100%;height:72px;display:flex;align-items:flex-end;justify-content:center}.mini-chart-month-bar{width:100%;max-width:28px;min-height:3px;border-radius:6px 6px 3px 3px;background:color-mix(in srgb,var(--blue) 72%,transparent);transition:height .2s ease}.mini-chart-month-bar.is-empty{min-height:3px;opacity:.35}.mini-chart-month-label{font-size:9px;line-height:1.2;color:var(--text-tertiary);text-align:center;width:100%;max-width:100%;white-space:normal;word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.skeleton{background:var(--stroke-strong);border-radius:8px;animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton-nav{display:flex;gap:6px;padding:4px;background:var(--surface);border-radius:12px;margin-bottom:8px;width:100%;box-sizing:border-box}.skeleton-tab{flex:1;height:32px;border-radius:8px}.skeleton-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;width:100%;box-sizing:border-box}.skeleton-kpi{height:64px;border-radius:12px}.skeleton-card-wrap{background:var(--surface);border-radius:14px;padding:16px;margin-bottom:8px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--stroke);width:100%;box-sizing:border-box}.skeleton-line{border-radius:6px}.skeleton-line--title{height:13px;width:50%}.skeleton-line--body{height:11px;width:85%}.skeleton-line--short{height:11px;width:30%}[data-theme=dark] .skeleton{background:#ffffff12}[data-theme=dark] .skeleton-card-wrap{background:#1a162599;border-color:#a855f71a}.toast{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:1200;max-width:calc(100% - 32px);text-align:center;font-size:12px;color:var(--text-primary);background:var(--surface);border:1px solid var(--stroke);border-radius:10px;padding:8px 10px;box-shadow:var(--shadow-md)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle-icon:hover{background:var(--surface-secondary);color:var(--text)}.theme-toggle-icon.is-dark{color:var(--text)}.quick-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.quick-actions .btn{min-height:42px;justify-content:center;background:var(--accent-soft);border-color:color-mix(in srgb,var(--blue) 28%,var(--stroke))}@media(min-width:360px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.expense-kind-legend{display:grid;gap:6px;margin-top:8px}.expense-kind-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;min-width:0}.expense-kind-row span:last-child{font-variant-numeric:tabular-nums;text-align:right;word-break:break-word}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0b0e1a85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px;box-sizing:border-box}.modal-backdrop--nested{z-index:1100;align-items:center;padding:12px}@media(min-height:520px){.modal-backdrop{align-items:center}}.modal-panel{width:100%;max-width:420px;min-width:0;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 86%,transparent));border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden}[data-theme=dark] .modal-panel{background:#120e1cd1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(168,85,247,.18);box-shadow:0 24px 64px #0009,0 0 0 1px #863bff14}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--stroke);flex-shrink:0}.modal-title{margin:0;font-size:17px;font-weight:600}.modal-close{padding:4px 8px;font-size:16px;line-height:1}.modal-body{padding:16px;overflow-x:hidden;overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-form{padding-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--stroke)}.modal-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--stroke)}.demand-type-field-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:40px}.demand-type-field-placeholder{flex:1;min-width:0}.demand-type-add-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px dashed var(--stroke-strong);background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.demand-type-add-btn:hover{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 45%,var(--stroke));background:color-mix(in srgb,var(--blue) 8%,var(--surface-secondary))}.demand-type-add-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.demand-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:200px;overflow-y:auto;padding:2px}.demand-type-grid--modal{max-height:min(50vh,320px)}.demand-type-chip{border:none;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:500;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,opacity .18s ease;line-height:1.25;min-width:0;overflow-wrap:anywhere}.demand-type-chip:hover{opacity:.92}.demand-type-chip.is-selected{box-shadow:0 0 0 2px var(--blue);transform:scale(1.02)}.demand-type-chip--sm{padding:3px 8px;font-size:11px;border-radius:999px;transform:none!important;box-shadow:none!important}.demand-tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demand-tag--small{padding:3px 8px;font-size:10px;max-width:140px}.demand-tag--static{flex-shrink:0}.task-card-compact{width:100%;max-width:100%;text-align:left;border:1px solid var(--stroke);border-radius:18px;padding:12px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 95%,white 5%),color-mix(in srgb,var(--surface-secondary) 88%,transparent));cursor:pointer;transition:background .18s ease,box-shadow .18s ease;min-width:0;box-sizing:border-box}.task-card-compact:hover{background:var(--surface-secondary);box-shadow:var(--shadow-sm)}.feature-shell--tasks .task-card-compact{border-color:color-mix(in srgb,var(--stroke) 75%,var(--accent-end))}.feature-shell--tasks .task-card-compact-completed{border-color:color-mix(in srgb,var(--blue) 40%,var(--stroke));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-end) 14%,var(--surface)),color-mix(in srgb,var(--surface-secondary) 90%,transparent))}.feature-shell--tasks .task-card-compact-closed{border-style:dashed}.task-card-compact:focus{outline:none}.task-card-compact:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 45%,transparent)}.task-card-delete:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent);outline-offset:2px}.task-card-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.task-card-compact-title{font-size:15px;font-weight:600;margin:0;line-height:1.3;overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0;text-align:left}.task-card-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-6px -6px -6px 0;padding:0;border:none;border-radius:10px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .16s ease,background .16s ease}.task-card-delete:hover{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.task-card-delete:active{transform:scale(.96)}.task-card-compact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.task-card-client{min-width:0;flex:1 1 100px;overflow-wrap:anywhere}.task-card-due{flex-shrink:0;font-variant-numeric:tabular-nums}.task-card-tags-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;min-width:0}.task-complete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:border-color .16s ease,background .16s ease,color .16s ease}.task-complete-btn:hover{border-color:var(--green, #34c759);color:var(--green, #34c759);background:color-mix(in srgb,var(--green, #34c759) 10%,transparent)}.task-card-tags-inline{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;flex:1 1 0;overflow:hidden}.task-card-tags-row .btn{flex-shrink:0}.task-card-closed-badge{flex-shrink:0;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 22%,transparent);border-radius:20px;padding:2px 8px;white-space:nowrap}.demand-tag--overflow{flex-shrink:0;background:color-mix(in srgb,var(--surface-secondary) 88%,var(--stroke));color:var(--text-secondary);font-weight:600;cursor:default}.toggle-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-line input{width:18px;height:18px;accent-color:var(--blue)}.comment-inline-link{color:var(--blue);text-decoration:underline;text-underline-offset:2px;font-weight:500;word-break:break-all}.comment-preview{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:color-mix(in srgb,var(--surface) 80%,var(--surface-secondary))}.comment-preview-label{font-weight:600;color:var(--text-secondary)}.comment-preview-body{font-size:13px;line-height:1.55;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.task-summary-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.35}.task-summary-rows{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.task-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.task-summary-row .caption{flex-shrink:0}@media(max-width:380px){:root{--layout-page-x: 14px;--layout-page-y: 16px;--layout-page-bottom: 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-magicui-theme-vt=active]::view-transition-new(root){clip-path:var(--magicui-theme-vt-clip-from)}html[data-magicui-theme-vt=active]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration)}