:root{--accent-2: oklch(.62 .15 var(--color-primary-hue, 278))}*{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}.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(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.auth-title{font-size:20px;margin:0}.auth-sub{margin:0 0 4px;color:var(--muted);font-size:13.5px}.error-text{color:var(--red);font-size:13.5px}.hint-text{color:var(--muted);font-size:12.5px;line-height:1.5;margin:4px 0 0}.btn-xs{padding:5px 10px;font-size:13px}.btn-block{width:100%}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.muted{color:var(--muted)}.small{font-size:13px}.dash{padding:28px 32px;max-width:900px;margin:0 auto}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.dash-title{font-size:22px;font-weight:800;letter-spacing:-.4px}.dash-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lang-select{width:auto;padding:6px 8px;font-size:13px;border-radius:8px}.offline-badge{align-self:center;white-space:nowrap}.screen{padding:24px 28px;max-width:1100px}.screen-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.screen-head h2{margin:0;font-size:21px;letter-spacing:-.3px}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid var(--border)}.table-row-link{cursor:pointer}.table-row-link:hover{background:var(--surface-3)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card-title{font-weight:700;margin-bottom:10px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-head .card-title{margin:0}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;margin:0}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;overflow-wrap:break-word}.link{color:var(--accent-2)}.note-item{padding:8px 2px;border-bottom:1px solid var(--border);border-radius:4px}.note-item:last-child{border-bottom:none}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.modal.modal-wide{max-width:720px}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.tag-active{background:color-mix(in oklch,var(--green) 15%,transparent);color:var(--green)}.tag-muted{background:color-mix(in oklch,var(--muted) 15%,transparent);color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px}.chip-del{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;padding:0 2px;line-height:1}.seller-img-preview{max-width:180px;max-height:90px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}.notif-root{position:relative;display:inline-flex}.notif-bell{position:relative;font-size:15px}.notif-badge{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;line-height:17px;font-weight:700;text-align:center}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:320px;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;padding:8px}.notif-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.notif-panel-title{font-weight:700;font-size:13.5px}.notif-empty{padding:10px 6px}.notif-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:8px 6px;border:none;border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.notif-item:hover{background:var(--surface-3)}.notif-item-unread{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:600}.notif-item-title{font-size:13.5px}.notif-item-body{font-size:12.5px;color:var(--muted);font-weight:400}.notif-item-date{font-size:11.5px;font-weight:400}.print-root{padding:20px}.print-toolbar{display:flex;gap:10px;margin-bottom:16px}.print-sheet{position:relative;width:210mm;max-width:100%;min-height:297mm;margin:0 auto;padding:15mm 12mm;background:#fff;color:#111;font-size:13px;line-height:1.4;box-shadow:0 4px 24px #0006}.print-watermark{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:90px;font-weight:800;letter-spacing:6px;color:#b41e1e29;white-space:nowrap;pointer-events:none;z-index:5}.print-head{display:flex;justify-content:space-between;gap:10mm;margin-bottom:6mm}.print-party-title{font-weight:700;margin-bottom:2mm}.print-doc{text-align:right;min-width:55mm}.print-doc-title{font-size:20px;font-weight:800;letter-spacing:2px;margin-bottom:3mm}.print-doc-row{margin-bottom:1mm}.print-buyer{margin-bottom:6mm}.print-requisites{border-collapse:collapse}.print-requisites th{text-align:left;font-weight:400;color:#555;padding:.5mm 3mm .5mm 0;white-space:nowrap;vertical-align:top}.print-requisites td{padding:.5mm 0}.print-items{width:100%;border-collapse:collapse;margin-bottom:6mm}.print-items th,.print-items td{border:1px solid #333;padding:1.5mm 2mm}.print-items th{background:#eee;font-weight:600}.print-totals{margin-left:auto;width:80mm;margin-bottom:6mm}.print-total-row{display:flex;justify-content:space-between;gap:4mm;padding:1mm 0}.print-total-grand{font-weight:800;font-size:15px;border-top:1px solid #333;margin-top:1mm;padding-top:1.5mm}.print-notes{margin-bottom:8mm}.print-sign{display:flex;justify-content:space-between;align-items:flex-end;gap:10mm}.print-sign-line{width:70mm;text-align:right}.print-line{border-bottom:1px solid #111;height:8mm}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:6px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:3px}.stat-label{font-size:12.5px;color:var(--muted)}.stat-value{font-size:18px;font-weight:700;letter-spacing:-.3px}.stat-value-red{color:var(--red)}.stat-value-green{color:var(--green)}.rep-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.rep-head .card-title{margin:0}.rep-empty{padding:4px 0}.filters-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.filters-row .input{width:auto}.margin-positive{color:var(--green)}.margin-negative{color:var(--red)}@media print{.no-print{display:none}body *{visibility:hidden}.print-root,.print-root *{visibility:visible}.print-root{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background:#fff}.print-sheet{box-shadow:none;margin:0;width:100%;max-width:none;min-height:auto}}.lic-banner{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;background:var(--color-warning-container);border:1px solid color-mix(in oklch,var(--color-warning) 40%,transparent);color:var(--text);padding:8px 12px;border-radius:10px;margin-bottom:14px;font-size:13.5px}.lic-banner-error{background:var(--color-error-container);border-color:color-mix(in oklch,var(--color-error) 40%,transparent)}.lic-activate{display:flex;gap:6px;align-items:center;margin-left:auto}.lic-activate .input{width:240px}.btn:hover,.table-row-link:hover,.notif-item:hover{background:var(--surface-3)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;justify-content:center;align-items:flex-start;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:var(--surface-3)}.palette-item-active,.palette-item:focus-visible{background:var(--color-primary-container);color:var(--color-on-primary-container)}.palette-empty{padding:12px;text-align:center}.palette-hint{padding:8px 4px 0;text-align:center}@media (max-width: 768px){.notif-panel{width:min(320px,86vw)}.screen{padding:14px 12px 32px;overflow-x:auto}.table{display:block;overflow-x:auto;min-width:560px}.form-row{flex-direction:column;gap:0}.btn{padding:10px 14px}.btn-xs{padding:8px 10px}.input{padding:9px 12px}.auth-card{width:100%;max-width:360px;padding:22px}.lic-activate{margin-left:0;width:100%}.lic-activate .input{width:auto;flex:1;min-width:0}}@media (max-width: 480px){.modal-overlay{padding:8px}.modal-overlay .modal{width:100%;max-width:none;max-height:100%;border-radius:10px;padding:16px}.screen{padding:10px 8px 28px}.screen-head h2{font-size:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:16px}.palette-overlay{padding-top:0;align-items:stretch}.palette{width:100%;max-width:none;border-radius:0}}: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)}.app{display:flex;min-height:100vh;min-height:100dvh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-normal);position:sticky;top:0;height:100vh;height:100dvh;align-self:flex-start}.sidebar-header{padding:var(--space-lg);font-size:var(--text-lg);font-weight:var(--weight-bold);border-block-end:1px solid var(--border);display:flex;align-items:center}.sidebar-logo{background:none;border:none;padding:0;font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:inherit;color:var(--text);cursor:pointer;text-align:start}.sidebar-logo:hover{color:var(--color-primary)}.sidebar-user{padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--border);font-size:var(--text-sm)}.sidebar-user-name{font-weight:var(--weight-semibold);margin-block-end:var(--space-xs)}.sidebar-user-detail{color:var(--text-secondary);font-size:var(--text-xs)}.sidebar-version{margin-inline-start:var(--space-xs);color:var(--text-secondary);font-size:var(--text-xs);font-weight:400;white-space:nowrap}.sidebar-user-email{margin-block-start:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:4px var(--space-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--transition-fast),color var(--transition-fast);border:none;background:none;width:100%;text-align:start;min-height:32px}.nav-item:hover{background:var(--bg-tertiary)}.nav-item.active{background:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:inset 3px 0 0 var(--color-primary)}.nav-icon{font-size:var(--text-md);width:24px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;opacity:.72;transition:opacity var(--transition-fast)}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--space-md)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{padding:var(--space-sm) var(--space-lg);border-block-end:1px solid var(--border);display:flex;align-items:center;gap:var(--space-md);background:var(--bg);min-height:var(--toolbar-height);position:sticky;top:0;z-index:var(--z-header)}.toolbar h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.content{flex:1;width:100%}.suite-header{display:flex;align-items:center;gap:var(--space-xs);padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0}.suite-header-app{border:none;background:none;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.suite-header-app:hover:not(:disabled){color:var(--text);background:color-mix(in oklab,var(--color-primary) 12%,transparent)}.suite-header-app-active{color:var(--color-on-primary-container);background:var(--color-primary-container);cursor:default}.suite-header-app-locked{opacity:.45;cursor:not-allowed}@media (max-width: 900px){.suite-header-app{padding:var(--space-xs) var(--space-sm)}.suite-header-app-active{font-size:0;padding:var(--space-xs) var(--space-sm)}.suite-header-app-active:before{content:"💰";font-size:var(--text-sm)}}.hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:var(--text-md);color:var(--text)}.hamburger:focus-visible{outline:var(--focus-ring);outline-offset:2px}.theme-toggle-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:var(--text-md);color:var(--text);transition:background .15s ease}.theme-toggle-btn:hover{background:var(--bg-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:0;z-index:var(--z-skip-link);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:var(--focus-ring);outline-offset:2px}@media (max-width: 768px){.hamburger{display:inline-flex}.sidebar{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:50;height:100vh;height:100dvh;transform:translate(calc(-100% - 1px));transition:transform var(--transition-normal);padding-block-start:env(safe-area-inset-top,0px)}.sidebar.open{transform:translate(0)}.main{padding-block-end:64px}}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;display:flex;justify-content:space-around;align-items:stretch;background:var(--bg-secondary);border-block-start:1px solid var(--border);padding-block:4px;padding-block-end:max(env(safe-area-inset-bottom,0px),8px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:none;background:none;color:var(--text-secondary);font-size:11px;cursor:pointer;border-radius:var(--radius-sm)}.bottom-nav-item.active{color:var(--color-primary);font-weight:var(--weight-semibold)}.bottom-nav-icon{font-size:20px;line-height:1;display:flex}.bottom-nav-label{line-height:1.1}}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0006;animation:fadeIn .15s ease-out;overscroll-behavior:contain}.bottom-sheet{position:absolute;inset-inline:0;inset-block-end:0;background:var(--bg);border-start-start-radius:16px;border-start-end-radius:16px;box-shadow:var(--shadow-xl);padding-block-end:env(safe-area-inset-bottom,0px);max-height:75vh;overflow-y:auto;animation:bottomSheetEnter .25s ease-out}@keyframes bottomSheetEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-block-end:1px solid var(--border)}.bottom-sheet-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text)}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.bottom-sheet-close:hover{color:var(--text);background:var(--bg-secondary)}.bottom-sheet-list{display:flex;flex-direction:column;padding:var(--space-sm)}.bottom-sheet-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:44px;border:none;background:none;color:var(--text);font-size:var(--text-base);text-align:start;cursor:pointer;border-radius:var(--radius-sm)}.bottom-sheet-item:hover{background:var(--bg-secondary)}.bottom-sheet-item.active{color:var(--color-primary);background:var(--bg-secondary);font-weight:var(--weight-semibold)}.bottom-sheet-icon{font-size:20px;line-height:1;display:flex;align-items:center}@media (min-width: 769px){.bottom-sheet-overlay{display:none}}html{overflow-y:auto}body{overflow-y:auto;overflow-x:hidden}