:root{--bg: #131316;--surface: #1c1c21;--border: rgba(255, 255, 255, .1);--text: #f4f4f5;--muted: #9ca3af;--accent: #6366f1;--accent-2: #818cf8;--green: #34d399;--red: #f87171;--amber: #fbbf24;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14.5px;line-height:1.45}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 10px;position:sticky;top:0;height:100vh}.sidebar-logo{font-weight:800;font-size:17px;padding:6px 12px 18px;letter-spacing:-.3px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{text-align:left;background:none;border:none;color:var(--muted);padding:9px 12px;border-radius:8px;font-size:14.5px}.nav-item:hover{color:var(--text);background:#ffffff0d}.nav-item-active{color:var(--text);background:#6366f126}.sidebar-bottom{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.content{flex:1;padding:20px 26px 40px;min-width:0}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.screen-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);min-width:0}.input:focus{outline:none;border-color:var(--accent)}.btn{border:none;border-radius:8px;padding:8px 14px;font-weight:600;background:#ffffff14;color:var(--text);transition:.15s}.btn:hover{background:#ffffff24}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-success{background:var(--green);color:#052e22}.btn-danger{background:#f8717126;color:var(--red)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-xs{padding:5px 10px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:default}.btn-lg{padding:12px 18px;font-size:15px}.chip{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:99px;padding:6px 13px;font-size:13.5px}.chip-active{background:#6366f12e;border-color:var(--accent);color:var(--text)}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:250px;max-width:280px;flex:1}.kanban-col.stage-won{border-top:2px solid var(--green)}.kanban-col.stage-lost{border-top:2px solid var(--red);opacity:.75}.kanban-col-head{padding:12px 14px;display:flex;justify-content:space-between;gap:8px;font-weight:700;border-bottom:1px solid var(--border);position:sticky;top:0}.kanban-col-body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:60px}.deal-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 12px;cursor:pointer;transition:border-color .15s}.deal-card:hover{border-color:var(--accent)}.deal-card-title{font-weight:600;margin-bottom:3px}.deal-card-amount{font-size:15px;font-weight:700;margin-top:4px}.deal-card-meta{display:flex;justify-content:space-between;margin-top:6px;gap:6px}.prob{display:flex;align-items:center;gap:8px;margin-top:7px}.prob-bar{flex:1;height:4px;background:#ffffff14;border-radius:99px;overflow:hidden}.prob-fill{height:100%;background:var(--accent)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-weight:600;font-size:13px;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.table tbody tr:hover td{background:#ffffff08}.td-actions{text-align:right;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}.card-title{font-weight:700;margin-bottom:12px}.card-actions{display:flex;gap:8px;margin-bottom:10px}.detail-head h2{margin:4px 0 0;font-size:24px}.detail-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}.stage-select{display:flex;flex-wrap:wrap;gap:6px}.win-lose{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline{display:flex;gap:6px;flex:1;min-width:220px}.inline .input{flex:1}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.timeline{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;gap:10px}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0;background:var(--muted)}.timeline-dot.type-call{background:var(--green)}.timeline-dot.type-meeting{background:var(--amber)}.timeline-dot.type-system{background:var(--accent)}.timeline-dot.type-email{background:var(--accent-2)}.timeline-subject{font-weight:600}.note-item{border-top:1px solid rgba(255,255,255,.05);padding:8px 0}.note-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.note-content{white-space:pre-wrap}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;width:340px;display:flex;flex-direction:column;gap:12px}.auth-logo{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.auth-title{font-size:20px;margin:0 0 4px}.error-text{color:var(--red);font-size:13.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;width:420px;max-width:100%;display:flex;flex-direction:column;gap:8px}.modal h3{margin:0 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.field{display:flex;flex-direction:column;gap:4px}.field label{color:var(--muted);font-size:13px}.badge{border-radius:99px;padding:2px 9px;font-size:12px}.badge-new{background:#6366f133;color:var(--accent-2)}.badge-contacted{background:#fbbf2426;color:var(--amber)}.badge-qualified{background:#34d39926;color:var(--green)}.badge-unqualified{background:#ffffff1a;color:var(--muted)}.badge-converted{background:#34d39933;color:var(--green)}.muted{color:var(--muted)}.small{font-size:12.5px}.center{display:flex;align-items:center;justify-content:center;height:100vh}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}.kanban-col{min-width:220px}}.tm-create{display:flex;gap:8px;margin-bottom:8px}.tm-create .input{flex:1}.tm-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.tm-item{display:flex;gap:6px;align-items:baseline}.tm-title{font-weight:600}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-value{font-size:24px;font-weight:800}.kpi-value.green{color:var(--green)}.kpi-value.red{color:var(--red)}.stage-bar-row{margin-bottom:10px}.stage-bar-head{display:flex;justify-content:space-between;font-weight:600;margin-bottom:4px}.stage-bar-track{height:8px;background:#ffffff12;border-radius:99px;overflow:hidden}.stage-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .3s}.stage-bar-fill.fill-green{background:var(--green)}.stage-bar-fill.fill-red{background:var(--red)}.manager-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.manager-name{font-weight:600}[data-theme=light]{--bg: #f7f7f8;--surface: #ffffff;--border: rgba(0,0,0,.1);--text: #18181b;--muted: #52525b}[data-theme=light] .table tbody tr:hover td{background:#00000005}[data-theme=light] .input{background:#fff}[data-theme=light] .prob-bar,[data-theme=light] .stage-bar-track{background:#00000014}.rate-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rate-name{flex:1;font-weight:600}.rate-input{width:110px}.margin-pos{color:var(--green);font-weight:700}.margin-neg{color:var(--red);font-weight:700}.notif-wrap{position:relative}.notif-badge{background:var(--red);color:#fff;border-radius:99px;padding:0 5px;margin-left:4px;font-size:11px}.notif-panel{position:absolute;bottom:34px;left:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;z-index:60;max-height:320px;overflow:auto}.notif-item{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:5px}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;justify-content:center;padding-top:12vh}.palette{width:520px;max-width:92vw;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;box-shadow:0 20px 60px #00000080}.palette-input{width:100%;box-sizing:border-box}.palette-list{margin-top:8px;max-height:40vh;overflow:auto;display:flex;flex-direction:column;gap:2px}.palette-item{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:none;color:var(--text);cursor:pointer}.palette-item:hover{background:#6366f126}.palette-empty{padding:12px;text-align:center}.palette-hint{padding:8px 4px 0;text-align:center}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:20px;width:55%;margin-bottom:8px}.skeleton-card{height:64px;margin-bottom:8px}.skeleton-block{border-radius:10px}.deal-card-dragging{opacity:.5;box-shadow:0 12px 30px #00000040}.kanban-col.drag-over{background:var(--surface-2)}.deal-card-overdue{outline:1.5px solid var(--color-warning);outline-offset:-1px}.note-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(128,128,128,.12);align-items:flex-start}.done-check{margin-top:3px}.note-body{flex:1;display:flex;flex-direction:column;gap:2px}.load-more{display:flex;justify-content:center;padding:12px 0}.chip-x{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:2px;padding:0 2px;font-size:13px}.chip-x:hover{color:var(--color-error)}.list-head{display:grid;gap:10px;padding:10px 14px;font-weight:700;font-size:13px;border-bottom:1px solid var(--border)}.list-head-4{grid-template-columns:2fr 2fr 2fr 1fr}.row-grid{display:grid;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(128,128,128,.1);align-items:center}.row-grid-4{grid-template-columns:2fr 2fr 2fr 1fr}.row-grid:hover{background:var(--surface-3)}.row-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.green{color:var(--color-success)}.red{color:var(--color-error)}.ai-panel{margin-top:10px;display:flex;flex-direction:column;gap:6px}.ai-result{white-space:pre-wrap;font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;max-height:240px;overflow:auto;font-family:inherit}.trend-bars{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:10px}.trend-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end}.trend-bar-track{width:100%;max-width:34px;height:105px;display:flex;align-items:flex-end}.trend-bar-fill{width:100%;background:var(--color-primary);border-radius:4px 4px 0 0;min-height:2px}.trend-month{margin-top:4px}.invoice-backdrop{z-index:300}.invoice-modal{max-width:640px;width:92vw}.invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.invoice h2{margin:0 0 12px}.invoice-meta{margin-bottom:12px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{border:1px solid var(--border);padding:6px 8px;text-align:left;font-size:13px}.invoice-table tfoot td{border-top:2px solid var(--text-secondary)}.invoice-note{margin-top:8px}@media print{body *{visibility:hidden!important}.invoice-modal,.invoice-modal *{visibility:visible!important}.invoice-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important}.invoice-actions{display:none!important}}.cal-nav{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cal-title{font-weight:600;min-width:150px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cal-head{background:var(--surface-2);padding:6px 4px;text-align:center;font-size:11.5px;color:var(--text-secondary)}.cal-cell{background:var(--surface);min-height:86px;padding:4px 5px;display:flex;flex-direction:column;gap:3px}.cal-cell.cal-out{background:var(--surface-2);opacity:.55}.cal-cell.cal-today .cal-day-num{background:var(--color-primary);color:#fff;border-radius:999px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.cal-day-num{font-size:11.5px;color:var(--text-secondary)}.cal-event{font-size:11px;padding:2px 5px;border-radius:5px;background:var(--surface-3);border-left:3px solid var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cal-event.done{opacity:.55;text-decoration:line-through}.cal-event.type-meeting{border-left-color:var(--color-warning, #eab308)}.cal-event.type-email{border-left-color:var(--color-success)}:root{--color-primary: oklch(.52 .19 var(--color-primary-hue, 278));--color-on-primary: oklch(1 0 0);--color-primary-hover: oklch(.46 .2 var(--color-primary-hue, 278));--color-primary-active: oklch(.42 .19 var(--color-primary-hue, 278));--color-primary-container: oklch(.9 .05 var(--color-primary-hue, 280));--color-on-primary-container: oklch(.15 .04 var(--color-primary-hue, 280));--color-accent: oklch(.72 .19 45);--color-accent-container: oklch(.94 .06 45);--color-info: oklch(.62 .15 230);--color-info-container: oklch(.93 .04 230);--color-muted: oklch(.55 .01 280);--color-error: oklch(.5 .2 25);--color-on-error: oklch(1 0 0);--color-error-container: oklch(.92 .08 25);--color-success: oklch(.5 .18 145);--color-on-success: oklch(1 0 0);--color-warning: oklch(.7 .18 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.5 .18 75);--color-warning-container: oklch(.92 .06 75);--color-on-warning-container: oklch(.32 .13 60);--color-on-info-container: oklch(.32 .18 230);--bg: oklch(.965 .005 280);--bg-secondary: oklch(.93 .008 280);--bg-tertiary: oklch(.9 .01 280);--text: oklch(.15 .02 280);--text-secondary: oklch(.4 .02 280);--text-tertiary: oklch(.45 .015 280);--border: oklch(.7 .015 280);--surface-0: oklch(.985 .003 280);--surface-1: oklch(1 0 0);--surface-2: oklch(.97 .005 280);--surface-3: oklch(.92 .008 280);--border-subtle: oklch(.78 .009 280);--border-default: oklch(.7 .012 280);--border-strong: oklch(.55 .014 280);--surface: var(--surface-1);--text-muted: var(--text-tertiary);--color-danger: var(--color-error);--priority-high: var(--color-error);--priority-medium: var(--color-primary);--priority-low: var(--color-success);--shadow-sm: 0 1px 2px oklch(0 0 0 / .06), 0 1px 1px oklch(0 0 0 / .04);--shadow-md: 0 4px 6px oklch(0 0 0 / .07), 0 2px 4px oklch(0 0 0 / .06);--shadow-lg: 0 10px 15px oklch(0 0 0 / .1), 0 4px 6px oklch(0 0 0 / .05);--shadow-xl: 0 20px 25px oklch(0 0 0 / .15), 0 8px 10px oklch(0 0 0 / .1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-ui: .875rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 240px;--toolbar-height: 56px;--content-max-width: 960px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--focus-ring: 2px solid var(--color-primary);--z-sticky: 20;--z-header: 30;--z-nav: 60;--z-fab: 70;--z-dropdown: 90;--z-panel: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-backdrop: 1000;--z-skip-link: 9999;--md-editor-height: max(360px, 42vh)}@media (max-width: 768px){:root{--md-editor-height: max(280px, 35vh)}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: oklch(.7 .15 var(--color-primary-hue, 278));--color-on-primary: oklch(.1 .02 280);--color-primary-hover: oklch(.76 .16 var(--color-primary-hue, 278));--color-primary-active: oklch(.8 .15 var(--color-primary-hue, 278));--color-primary-container: oklch(.25 .08 var(--color-primary-hue, 280));--color-on-primary-container: oklch(.9 .05 var(--color-primary-hue, 280));--color-accent: oklch(.75 .17 45);--color-accent-container: oklch(.3 .08 45);--color-info: oklch(.72 .13 230);--color-info-container: oklch(.28 .07 230);--color-muted: oklch(.6 .01 280);--color-error: oklch(.78 .16 25);--color-on-error: oklch(.15 .03 25);--color-error-container: oklch(.32 .1 25);--color-success: oklch(.65 .15 145);--color-on-success: oklch(.15 .02 145);--color-warning: oklch(.75 .15 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.75 .15 75);--color-warning-container: oklch(.28 .04 75);--color-on-warning-container: oklch(.92 .13 80);--color-on-info-container: oklch(.88 .13 230);--bg: oklch(.12 .006 280);--bg-secondary: oklch(.15 .008 280);--bg-tertiary: oklch(.19 .01 280);--text: oklch(.93 .012 280);--text-secondary: oklch(.72 .014 280);--text-tertiary: oklch(.68 .014 280);--border: oklch(.4 .024 280);--surface-0: oklch(.11 .014 280);--surface-1: oklch(.17 .013 280);--surface-2: oklch(.21 .015 280);--surface-3: oklch(.25 .016 280);--border-subtle: oklch(.38 .019 280);--border-default: oklch(.46 .021 280);--border-strong: oklch(.62 .024 280);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 1px 1px oklch(0 0 0 / .2);--shadow-md: 0 4px 6px oklch(0 0 0 / .35), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0 0 0 / .4), 0 4px 6px oklch(0 0 0 / .35);--shadow-xl: 0 20px 25px oklch(0 0 0 / .5), 0 8px 10px oklch(0 0 0 / .4);--focus-ring: 2px solid var(--color-primary)}}:root[data-theme=dark]{--color-primary: oklch(.7 .15 var(--color-primary-hue, 278));--color-on-primary: oklch(.1 .02 280);--color-primary-hover: oklch(.76 .16 var(--color-primary-hue, 278));--color-primary-active: oklch(.8 .15 var(--color-primary-hue, 278));--color-primary-container: oklch(.25 .08 var(--color-primary-hue, 280));--color-on-primary-container: oklch(.9 .05 var(--color-primary-hue, 280));--color-accent: oklch(.75 .17 45);--color-accent-container: oklch(.3 .08 45);--color-info: oklch(.72 .13 230);--color-info-container: oklch(.28 .07 230);--color-muted: oklch(.6 .01 280);--color-error: oklch(.78 .16 25);--color-on-error: oklch(.15 .03 25);--color-error-container: oklch(.32 .1 25);--color-success: oklch(.65 .15 145);--color-on-success: oklch(.15 .02 145);--color-warning: oklch(.75 .15 75);--color-on-warning: oklch(.2 .02 75);--color-warning-text: oklch(.75 .15 75);--color-warning-container: oklch(.28 .04 75);--color-on-warning-container: oklch(.92 .13 80);--color-on-info-container: oklch(.88 .13 230);--bg: oklch(.12 .006 280);--bg-secondary: oklch(.15 .008 280);--bg-tertiary: oklch(.19 .01 280);--text: oklch(.93 .012 280);--text-secondary: oklch(.72 .014 280);--text-tertiary: oklch(.68 .014 280);--border: oklch(.4 .024 280);--surface-0: oklch(.11 .014 280);--surface-1: oklch(.17 .013 280);--surface-2: oklch(.21 .015 280);--surface-3: oklch(.25 .016 280);--border-subtle: oklch(.38 .019 280);--border-default: oklch(.46 .021 280);--border-strong: oklch(.62 .024 280);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3), 0 1px 1px oklch(0 0 0 / .2);--shadow-md: 0 4px 6px oklch(0 0 0 / .35), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0 0 0 / .4), 0 4px 6px oklch(0 0 0 / .35);--shadow-xl: 0 20px 25px oklch(0 0 0 / .5), 0 8px 10px oklch(0 0 0 / .4);--focus-ring: 2px solid var(--color-primary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-ui, var(--text-base));line-height:var(--leading-normal);color:var(--text);background:var(--bg);overflow:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);font-feature-settings:"cv02","cv03","cv04","ss01";padding-block-end:env(safe-area-inset-bottom,0px)}h1,h2,h3{text-wrap:balance}p,.task-description{text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto}::selection{background:var(--color-primary);color:var(--color-on-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;line-height:1;transition:background var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-height:36px;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,oklch(.56 .19 278) 0%,var(--color-primary) 100%);color:var(--color-on-primary);box-shadow:inset 0 1px #ffffff26,0 1px 2px #24255e4d;border:1px solid oklch(.42 .17 278)}.btn-primary:hover{background:linear-gradient(180deg,#6768f0,#504bd1);box-shadow:inset 0 1px #fff3,0 2px 6px #24255e59}.btn-primary:active{background:linear-gradient(180deg,var(--color-primary-active, oklch(.42 .19 278)),oklch(.46 .2 278));box-shadow:inset 0 1px #ffffff1a,0 1px 2px #24255e40}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn-primary{background:linear-gradient(180deg,oklch(.74 .16 278) 0%,var(--color-primary) 100%);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #3e427266;border:1px solid oklch(.62 .13 278)}:root:not([data-theme=light]) .btn-primary:hover{background:linear-gradient(180deg,#a7b0ff,#9099ff);background:linear-gradient(180deg,color(xyz 0.522 0.458 1.267),color(xyz 0.411 0.36 1.008));box-shadow:inset 0 1px #ffffff38,0 2px 6px #3e427273}}:root[data-theme=dark] .btn-primary{background:linear-gradient(180deg,oklch(.74 .16 278) 0%,var(--color-primary) 100%);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #3e427266;border:1px solid oklch(.62 .13 278)}:root[data-theme=dark] .btn-primary:hover{background:linear-gradient(180deg,#a7b0ff,#9099ff);background:linear-gradient(180deg,color(xyz 0.522 0.458 1.267),color(xyz 0.411 0.36 1.008));box-shadow:inset 0 1px #ffffff38,0 2px 6px #3e427273}.btn-danger{background:var(--color-error);color:var(--color-on-error)}.btn-danger:hover{opacity:.9}.btn.btn-sm.btn-danger{background:transparent;color:var(--text-tertiary);border:1px solid transparent}.btn.btn-sm.btn-danger:hover{background:var(--color-error-container);color:color-mix(in srgb,var(--color-error) 60%,var(--text));opacity:1}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.welcome-dialog{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--space-xl);max-width:560px;width:100%}.welcome-title{margin:0 0 var(--space-xs);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text)}.welcome-subtitle{margin:0 0 var(--space-lg);font-size:var(--text-ui);color:var(--text-secondary)}.welcome-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm);margin-block-end:var(--space-lg)}.welcome-scenario{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.welcome-scenario:hover{border-color:var(--border-strong);background:var(--surface-2)}.welcome-scenario:focus-visible{outline:var(--focus-ring);outline-offset:2px}.welcome-scenario-active{border-color:var(--color-primary);background:var(--color-primary-container)}.welcome-scenario-icon{font-size:var(--text-xl)}.welcome-scenario-label{font-size:var(--text-base);font-weight:var(--weight-semibold)}.welcome-scenario-hint{font-size:var(--text-sm);color:var(--text-secondary)}.welcome-buttons{display:flex;justify-content:space-between;gap:var(--space-sm)}@media (max-width: 640px){.welcome-scenarios{grid-template-columns:1fr 1fr}.welcome-buttons{flex-direction:column-reverse}}.onboarding-popup{position:fixed;max-width:320px;pointer-events:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--space-lg)}.onboarding-popup h3{margin:0 0 var(--space-sm);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text)}.onboarding-popup p{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.onboarding-buttons{display:flex;justify-content:flex-end;gap:var(--space-sm)}.btn-ghost{background:var(--bg-tertiary);color:var(--text)}.btn-ghost:hover{background:var(--border)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-height:28px}.btn-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;font-size:var(--text-md);color:var(--text);transition:background var(--transition-fast),transform var(--transition-fast)}.btn-icon:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn-icon:active{transform:scale(.98)}.btn-icon:disabled{opacity:.55;cursor:not-allowed}.btn-icon:hover{background:var(--border)}.card:focus-visible,.task-card:focus-visible,.btn-icon:focus-visible,.nav-item:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (hover: hover) and (prefers-reduced-motion: no-preference){.card:hover,.task-card:hover{transform:translateY(-1px)}}.input,.textarea,.select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-ui);font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:var(--leading-normal)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.input:not(:focus):not(:disabled):hover,.textarea:not(:focus):not(:disabled):hover,.select:not(:focus):not(:disabled):hover{border-color:var(--border-strong)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:120px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-inline-end:32px;cursor:pointer}.form-group{margin-block-end:var(--space-lg)}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);margin-block-end:var(--space-xs);text-transform:none;letter-spacing:0}.password-wrapper{position:relative}.password-wrapper .input{padding-inline-end:44px}.password-toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);padding:4px 8px;min-height:auto;font-size:var(--text-md);line-height:1;border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-xs)}.password-toggle:hover{color:var(--text)}.password-toggle:focus-visible{outline:var(--focus-ring);outline-offset:2px}.input-error{border-color:var(--color-error)!important;box-shadow:0 0 0 2px #bb061e26!important}.field-error{display:block;font-size:var(--text-xs);color:var(--color-error);margin-block-start:var(--space-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease-out;overscroll-behavior:contain}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;margin:0;border:none;background:#0006;cursor:pointer;z-index:49;animation:fadeIn .15s ease-out;-moz-appearance:none;appearance:none;-webkit-appearance:none}.modal{background:var(--bg);border-radius:var(--radius-md);padding:var(--space-xl);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalEnter .2s ease-out;border:1px solid var(--border)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-block-end:var(--space-lg)}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-block-start:var(--space-xl)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;min-height:24px;transition:filter var(--transition-fast),transform var(--transition-fast)}.auth-screen{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--bg)}.auth-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-2xl);width:min(340px,90vw);text-align:center;box-shadow:var(--shadow-md)}.auth-box h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-block-end:var(--space-sm)}.auth-box p{color:var(--text-secondary);margin-block-end:var(--space-xl);font-size:var(--text-sm)}.auth-error{color:var(--color-error);font-size:var(--text-sm);margin-block-end:var(--space-md);padding:var(--space-sm);background:var(--color-error-container);border-radius:var(--radius-sm)}.error-boundary-box{text-align:center}.error-boundary-title{font-size:var(--text-xl);margin-block-end:var(--space-sm)}.error-boundary-text{color:var(--text-secondary);margin:12px 0;font-size:var(--text-md)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary);animation:slideUp .25s ease-out}.empty-state-icon{font-size:3rem;margin-block-end:var(--space-md);display:block;opacity:.85}:root{--accent: var(--color-primary);--amber: var(--color-accent);--green: var(--color-success);--red: var(--color-error);--muted: var(--text-secondary);--radius: 10px;--border: var(--border-default)}