:root{--blue: #1E4FD8;--blue-dark: #163FB8;--blue-soft: #E8EEFF;--blue-light: #8EA9F2;--ink: #0E1A33;--muted: #5B6478;--line: #E3E8F2;--ground: #F5F7FB;--surface: #FFFFFF;--green: #0E7A4E;--green-soft: #E3F5EC;--amber: #8A5200;--amber-soft: #FFF3DC;--red: #B42318;--red-soft: #FDECEA;--purple: #5B3FC4;--purple-soft: #EFEBFF;--gray: #475066;--gray-soft: #EEF1F6;--radius: 14px;--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--ground);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}.btn{height:54px;border-radius:var(--radius);border:0;padding:0 20px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-white{background:#fff;color:var(--blue)}.btn-outline{background:transparent;color:#fff;border:1.5px solid var(--blue-light)}.auth{min-height:100%;background:var(--surface);display:flex;justify-content:center}.auth-inner{width:100%;max-width:440px;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 40px) 24px calc(env(safe-area-inset-bottom) + 28px)}.back{width:44px;height:44px;margin-left:-10px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:12px;cursor:pointer;color:var(--ink)}.auth h1{margin:12px 0 0;font-size:28px;font-weight:800;letter-spacing:-.5px}.auth .sub{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}.icon-badge{width:72px;height:72px;border-radius:22px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;margin-top:24px}.fields{display:flex;flex-direction:column;gap:14px;margin-top:24px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;font-weight:600}.label-row{display:flex;justify-content:space-between;align-items:baseline}.input{width:100%;height:50px;border:1.5px solid #D5DCE8;border-radius:12px;padding:0 14px;font-size:16px;background:#fff;outline:none}.input:focus{border-color:var(--blue)}.input.bad{border-color:var(--red)}.input.good{border-color:var(--green)}select.input{padding:0 10px}.input-wrap{position:relative}.input-wrap .input{padding-right:64px}.show-btn{position:absolute;right:4px;top:3px;height:44px;padding:0 12px;border:0;background:transparent;font-size:14px;font-weight:700;color:var(--blue);cursor:pointer}.hint{font-size:13px;color:var(--muted)}.hint.good{color:var(--green);font-weight:600}.hint.bad,.error-text{font-size:13px;color:var(--red);font-weight:600}.notice{border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5;margin-top:18px}.notice.error{background:var(--red-soft);color:#7a1a12}.notice.ok{background:var(--green-soft);color:#1f4a37}.notice.info{background:var(--blue-soft);color:#1a2c66}.strength{display:flex;gap:6px;margin-top:4px}.strength span{flex:1;height:5px;border-radius:3px;background:var(--line)}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#3a4358;margin-top:16px}.check input{width:20px;height:20px;margin:0;accent-color:var(--blue);flex:none}.btn-block{width:100%;margin-top:20px}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{background:transparent;color:var(--blue);height:48px}.btn-line{background:#fff;color:var(--ink);border:1.5px solid #D5DCE8;height:50px}.link-btn{border:0;background:transparent;padding:0;font-weight:700;color:var(--blue);cursor:pointer;font-size:inherit}.link-btn:disabled{color:var(--muted);cursor:default}.spacer{flex:1;min-height:24px}.foot{text-align:center;font-size:14px;color:var(--muted)}.foot a{font-weight:700;text-decoration:none}.code-row{display:flex;gap:10px}.code-row .input{width:0;flex:1;height:60px;text-align:center;font-size:24px;font-weight:700;padding:0}.steps{display:flex;gap:6px;margin-top:8px}.steps span{flex:1;height:5px;border-radius:3px;background:var(--line)}.steps span.on{background:var(--blue)}.loading-screen{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--blue)}.shell{min-height:100%;display:flex;background:var(--ground)}.shell-main{flex:1;min-width:0;padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.side{display:none}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:flex-start;padding:8px 4px calc(env(safe-area-inset-bottom) + 8px)}.tab{width:68px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;font-size:11px;font-weight:600;color:var(--muted)}.tab.on{color:var(--blue);font-weight:700}.tab-new{width:56px;height:56px;margin-top:-24px;border-radius:18px;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #1e4fd859}@media(min-width:900px){.tabs{display:none}.shell-main{padding-bottom:40px}.side{display:flex;flex-direction:column;gap:4px;width:240px;flex:none;background:#fff;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100vh}.side-link{height:42px;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.side-link.on{background:var(--blue-soft);color:var(--blue);font-weight:700}}.page{max-width:760px;margin:0 auto}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;display:flex;align-items:center;gap:4px;min-height:64px}.topbar h1{margin:0;font-size:20px;font-weight:800;flex:1;letter-spacing:-.3px}.topbar .title-center{flex:1;text-align:center;font-size:17px;font-weight:800}.icon-btn{width:44px;height:44px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:none}.text-btn{height:44px;padding:0 12px;border:0;background:transparent;font-size:15px;font-weight:700;color:var(--blue);cursor:pointer;flex:none}.text-btn:disabled{color:var(--muted)}.pill-btn{height:40px;padding:0 14px;border-radius:12px;border:0;background:var(--blue);color:#fff;font-size:14px;font-weight:700;cursor:pointer;flex:none}.body{padding:16px;display:flex;flex-direction:column;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:18px}.card-pad{padding:16px;display:flex;flex-direction:column;gap:12px}.section-label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:0 4px}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #EEF1F6;text-decoration:none;color:var(--ink);background:transparent;width:100%;border-left:0;border-right:0;border-top:0;text-align:left;font-size:15px;cursor:pointer}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-end{font-size:14px;color:var(--muted);font-weight:500;text-align:right}.chev{color:#9aa6c0;flex:none}.avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none;background:var(--blue-soft);color:var(--blue)}.search{width:100%;height:44px;border:0;border-radius:12px;background:#f0f3f9;padding:0 14px;font-size:15px;outline:none}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:15px;line-height:1.5}.empty b{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600}.toggle-row input{width:22px;height:22px;accent-color:var(--blue);margin:0;flex:none}textarea.input{height:auto;padding:10px 14px;line-height:1.5;resize:vertical}.danger-btn{height:50px;border-radius:14px;border:1.5px solid #F4C7C2;background:#fff7f6;color:var(--red);font-size:15px;font-weight:700;cursor:pointer}.saved-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 100px);z-index:50;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600}.chip{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e1a3373;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:85vh;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.sheet-head{display:flex;align-items:center;padding:14px 12px 6px 20px}.sheet-body{overflow-y:auto;padding:0 16px 20px;display:flex;flex-direction:column;gap:10px}@media(min-width:900px){.sheet-backdrop{align-items:center}.sheet{border-radius:22px}}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}.filter.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1;min-width:72px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}.seg button.on{background:var(--blue-soft);color:var(--blue);border-color:transparent;font-weight:700}.line-card{border:1px solid #E3E8F2;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.line-card.bad{border-color:var(--red)}.line-grid{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:8px}.input.sm{height:44px;font-size:15px}.add-line{height:48px;border-radius:12px;border:1.5px dashed #9AA6C0;background:#f8fafd;font-size:14px;font-weight:700;color:var(--blue);cursor:pointer}.totals-row{display:flex;justify-content:space-between;font-size:14px}.totals-row span:first-child{color:var(--muted)}.total-big{display:flex;justify-content:space-between;font-size:18px;font-weight:800;margin-top:4px}.save-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:10px;z-index:15}@media(max-width:899px){.save-bar{bottom:calc(env(safe-area-inset-bottom) + 72px)}}.tax-chip{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:700;cursor:pointer;color:var(--muted)}.tax-chip.on{background:var(--blue-soft);color:var(--blue);border-color:transparent}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.action{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;padding:0;text-decoration:none}.action span.ic{width:52px;height:52px;border-radius:16px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center}.action:disabled{opacity:.45;cursor:default}.ci-wrap{min-height:100%;background:var(--ground)}.ci-preview{background:var(--amber-soft);color:#5c3a00;font-size:13px;font-weight:600;text-align:center;padding:8px 16px}.ci-header{background:#fff;border-bottom:1px solid var(--line)}.ci-header-in{max-width:1160px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.ci-body{max-width:1160px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.ci-doc{flex:999 1 560px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,44px);display:flex;flex-direction:column;gap:26px;font-size:14px}.ci-side{flex:1 1 300px;max-width:100%;display:flex;flex-direction:column;gap:14px}.ci-muted{color:var(--muted);white-space:pre-line;line-height:1.6;margin-top:4px}.ci-table{width:100%;min-width:460px;border-collapse:collapse}.ci-table th{background:var(--blue-soft);color:#1a2c66;font-size:11px;letter-spacing:.6px;text-transform:uppercase;text-align:left;padding:10px 12px}.ci-table th:first-child{border-radius:8px 0 0 8px}.ci-table th:last-child{border-radius:0 8px 8px 0}.ci-table td{padding:12px;border-bottom:1px solid #EEF1F6;vertical-align:top}.ci-table .r{text-align:right;white-space:nowrap}.ci-totals{align-self:flex-end;width:280px;max-width:100%;display:flex;flex-direction:column;gap:8px}@media print{.no-print,.ci-preview{display:none!important}.ci-wrap,body{background:#fff}.ci-body{padding:0}.ci-doc{border:0;padding:0}}.only-wide{display:none!important}@media(min-width:900px){.only-phone{display:none!important}.only-wide{display:revert!important}.kpis.only-wide{display:grid!important}.home.page{max-width:1120px}}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;color:var(--ink)}.kpi-label{font-size:13px;color:var(--muted);font-weight:600}.kpi-value{font-size:26px;font-weight:800;margin-top:6px;letter-spacing:-.5px}.kpi-sub{font-size:13px;color:var(--muted);margin-top:4px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:600}.quick a span{width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.dash-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.dash-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-weight:700;border-bottom:1px solid var(--line)}.dash-table td{padding:14px 16px;border-bottom:1px solid #EEF1F6}.dash-table tr:last-child td{border-bottom:0}.dash-table tbody tr{cursor:pointer}.dash-table tbody tr:hover{background:#f8fafd}.dash-table .r{text-align:right}.dash-table .m{color:var(--muted)}.split{display:flex;flex-direction:column;gap:14px}.split-main,.split-side{display:contents}.stack{display:flex;flex-direction:column;gap:8px}.list-tools{display:flex;flex-direction:column;gap:14px}@media(min-width:900px){.page{max-width:1120px}.page.form-page{max-width:880px}.topbar{position:static;background:transparent;border-bottom:0;min-height:0;padding:28px 24px 4px;gap:8px}.topbar h1,.topbar .title-center{font-size:26px;text-align:left;flex:1;letter-spacing:-.5px}.topbar .icon-btn{background:#fff;border:1px solid var(--line)}.body{padding:16px 32px 32px;gap:18px}.list-tools{flex-direction:row;align-items:center;gap:12px}.list-tools .search,.list-search{max-width:380px;background:#fff;border:1px solid var(--line)}.list-tools .filters{flex-wrap:wrap}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.split>.split-main{display:flex;flex-direction:column;gap:18px;grid-column:1;grid-row:1}.split>.split-side{display:flex;flex-direction:column;gap:18px;grid-column:2;grid-row:1;position:sticky;top:20px}.form-page .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-page .card.card-pad:not([style*=row]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:14px}.form-page .card.card-pad:not([style*=row])>:not(.field),.form-page .card.card-pad>.field:has(textarea){grid-column:1 / -1}.form-page form.body>.btn,.form-page form.body>.danger-btn{align-self:flex-start;min-width:240px;padding:0 24px}.save-bar{position:static;background:transparent;border-top:0;padding:0 32px 32px;justify-content:flex-end}.save-bar .btn{flex:0 0 auto!important;min-width:240px;padding:0 24px}.line-grid{grid-template-columns:110px 160px minmax(0,1fr)}}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}.tpl-card{overflow:hidden;display:flex;flex-direction:column}.tpl-thumb-btn{border:0;padding:0;background:#e9edf4;cursor:pointer;display:block;width:100%}.tpl-thumb{height:230px;overflow:hidden;position:relative;padding:14px 14px 0;box-sizing:border-box;text-align:left}.tpl-thumb-in{width:560px;transform:scale(.36);transform-origin:top left;pointer-events:none}@media(max-width:560px){.tpl-thumb-in{transform:scale(.5)}.tpl-thumb{height:260px}}.tpl-thumb .ci-doc{box-shadow:0 6px 20px #0e1a331f}.tb-split,.tb-controls{display:flex;flex-direction:column;gap:14px}.tb-preview{display:flex;flex-direction:column;gap:10px}.tb-preview .ci-doc{font-size:13px}@media(max-width:899px){.phone-hide{display:none!important}}@media(min-width:900px){.page.tb-page{max-width:1320px}.tb-split{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:start}.tb-preview-col{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;background:#e9edf4;border-radius:18px;padding:24px}}