:root{--azure:#0b6bcb;--azure-dk:#0a549e;--azure-deep:#093a6b;--ink:#0f2438;--panel:#eef4fb;--grey:#69788a;--line:#dbe4ef}*{box-sizing:border-box}html{overflow-y:scroll}.connbar{z-index:2000;text-align:center;padding:8px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.connbar.off{color:#8a1111;background:#fde7e9;border-bottom:1px solid #f3c0c0}.connbar.on{color:#137333;background:#e6f4ea;border-bottom:1px solid #bfe3c9}.connbar-x{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:8px;font-weight:700}body{color:var(--ink);background:#fff;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.center{place-items:center;min-height:100vh;padding:20px;display:grid}.muted{color:var(--grey)}.small{font-size:13px}.error{color:#8a1111;background:#fde7e9;border-radius:8px;padding:8px 10px;font-size:14px}code{background:var(--panel);border-radius:5px;padding:1px 6px;font-size:13px}.brand{color:var(--ink);letter-spacing:-.3px;font-size:22px;font-weight:800}.brand span{color:var(--azure)}.splash{z-index:1000;background:linear-gradient(135deg, var(--azure-deep), var(--azure));color:#fff;place-items:center;animation:.4s splashfade;display:grid;position:fixed;inset:0}.splash-inner{text-align:center}.splash-brand{letter-spacing:-.5px;font-size:46px;font-weight:800}.splash-brand span{color:#bfe0ff}.splash-tag{opacity:.9;margin-top:6px}.splash-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin:26px auto 0;animation:.8s linear infinite spin}.splash-credit{opacity:.85;margin-top:30px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes splashfade{0%{opacity:0}to{opacity:1}}.launcher{color:#fff;background:radial-gradient(circle at 30% 18%,#2367ad,#0a549e 55%,#072d54);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex;position:relative}.app-icon{cursor:pointer;background:linear-gradient(150deg,#3d97ea,#0b6bcb 55%,#0a549e);border:none;border-radius:23px;place-items:center;width:96px;height:96px;padding:0;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 14px 34px #00000061,inset 0 1px #ffffff47}.app-icon:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 18px 40px #0000006b}.app-icon:active{transform:scale(.95)}.app-label{text-shadow:0 1px 3px #00000059;font-size:15px;font-weight:600}.launcher-hint{opacity:.8;font-size:13px;animation:2s ease-in-out infinite hintpulse}.launcher-credit{opacity:.65;font-size:12px;position:absolute;bottom:26px}@keyframes hintpulse{0%,to{opacity:.45}50%{opacity:.9}}input,button{font:inherit}input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 12px}input:focus{border-color:var(--azure);box-shadow:0 0 0 3px #0b6bcb1f}button{cursor:pointer;border:none;border-radius:9px;padding:10px 14px}.auth-logo{width:230px;max-width:74%;height:auto;margin:0 auto 10px;display:block}.topbar-logo{background:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000002e}.topbar-logo img{object-fit:contain;width:30px;height:30px;display:block}.modal-backdrop{z-index:1100;background:#0914208c;place-items:center;padding:20px;animation:.2s splashfade;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:540px;max-height:88vh;padding:26px 26px 20px;position:relative;overflow:auto;box-shadow:0 24px 60px #00000059}.modal-x{color:var(--grey);background:0 0;padding:4px;font-size:26px;line-height:1;position:absolute;top:10px;right:14px}.welcome-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.welcome-head h2{margin:0;font-size:22px}.welcome-head p{margin:2px 0 0}.welcome-logo{object-fit:contain;background:#fff;border-radius:10px;width:46px;height:46px;box-shadow:0 1px 4px #0000001f}.welcome-steps{margin:14px 0;padding:0;list-style:none}.welcome-steps li{background:var(--panel);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:10px;display:flex}.welcome-num{background:var(--azure);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.welcome-steps b{color:var(--ink)}.splash-logo{background:#fff;border-radius:20px;place-items:center;width:84px;height:84px;margin:0 auto 18px;display:grid;box-shadow:0 12px 30px #00000052}.splash-logo img{object-fit:contain;width:72px;height:72px}button.primary{background:var(--azure);color:#fff;font-weight:600}button.primary:hover{background:var(--azure-dk)}button.primary:disabled{opacity:.6;cursor:default}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.ghost:hover{background:var(--panel)}a{color:var(--azure);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 36px #0f243814}.auth-card{flex-direction:column;gap:12px;width:340px;display:flex}.app{min-height:100vh}.topbar{background:linear-gradient(90deg, var(--azure-deep), var(--azure-dk));color:#fff;align-items:center;gap:14px;padding:14px 22px;display:flex}.topbar .brand{color:#fff}.topbar .brand span{color:#bfe0ff}.topbar .spacer{flex:1}.topbar .biz{opacity:.95;font-weight:600}.topbar button.ghost{color:#fff;border-color:#ffffff80}.topbar button.ghost:hover{background:#ffffff1f}.tabs{border-bottom:1px solid var(--line);gap:6px;padding:10px 18px 0;display:flex}.tabs button{color:var(--grey);background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:10px 14px;font-weight:600}.tabs button.active{color:var(--ink);border-bottom-color:var(--azure)}.content{max-width:900px;margin:0 auto;padding:24px 18px}h2{margin:0 0 16px}.row{align-items:center;display:flex}.row.gap>.field{align-self:flex-start}.gap{gap:8px}.row.gap input{flex:1}table.grid{border-collapse:collapse;width:100%;margin-top:14px}table.grid th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--grey);border-bottom:1px solid var(--line);padding:8px;font-size:12px}table.grid td{border-bottom:1px solid var(--line);padding:10px 8px}.right{text-align:right}.pill{color:#fff;text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.row.spread{justify-content:space-between}select,textarea{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;width:100%;padding:10px 12px}select:focus,textarea:focus{border-color:var(--azure);outline:none;box-shadow:0 0 0 3px #0b6bcb1f}.field{flex-direction:column;gap:6px;margin:14px 0;display:flex}.field>span{color:var(--grey);font-size:13px;font-weight:600}table.grid.lines td{padding:6px 4px}table.grid.lines input,table.grid.lines select{padding:7px 8px}input.num{text-align:right;width:88px}.iconbtn{color:var(--grey);background:0 0;padding:6px 8px}.iconbtn:hover{color:var(--azure)}.totals{width:270px;margin:18px 0 18px auto}.totals>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;display:flex}.totals .rule{border-bottom:2px solid var(--line);padding:0}.totals .grand{border-bottom:none;padding-top:10px;font-size:18px}.totals .grand b{color:var(--azure)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--panel)}button.ghost.danger{color:#c5221f;border-color:#f3c0c0}button.ghost.danger:hover{background:#fde7e9}.card.stack{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pre{white-space:pre-line}.invoice-doc{margin-top:14px;padding:30px}.doc-head{border-bottom:2px solid var(--azure);justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:16px;display:flex}.biz-name{color:var(--ink);margin-bottom:2px;font-size:20px;font-weight:800}.doc-meta{text-align:right}.doc-title{color:var(--azure);letter-spacing:1px;font-size:26px;font-weight:800}.doc-meta .num{margin-bottom:4px;font-weight:700}.bill-to{margin-bottom:16px}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--grey);margin-bottom:3px;font-size:11px;font-weight:700}.bill-to .strong{font-weight:700}table.grid.doc-lines{margin-top:6px}.doc-notes{margin-top:16px}.pay-block{background:var(--panel);border-radius:10px;margin-top:18px;padding:14px 16px}.pay-block .small div{padding:1px 0}.field.grow{flex:1}.field input,.field select,.field textarea{width:100%}.field input:disabled{background:var(--panel);color:var(--grey)}.sec-label{color:var(--ink);border-top:1px solid var(--line);margin-top:10px;padding-top:12px;font-weight:700}.ok{color:#137333;background:#e6f4ea;border-radius:8px;padding:8px 10px;font-size:14px}.notice{color:#7a5b10;background:#fef7e0;border-radius:8px;padding:10px 12px;font-size:14px}.check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.check input{width:auto;margin-top:2px}.tabs button.tab-upgrade{color:var(--azure);font-weight:700}.pro-badge{background:linear-gradient(90deg, var(--azure), var(--azure-deep));color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.upgrade{max-width:620px}.upgrade-hero{text-align:center;padding:8px 0 4px}.upgrade-hero h2{margin:12px 0 8px}.upgrade-hero .price{color:var(--azure);margin-top:10px;font-size:22px;font-weight:800}.upgrade-hero .price span{color:var(--grey);font-size:13px;font-weight:500}.upgrade-benefits{border:1px solid var(--line);background:#fff;border-radius:16px;margin:18px 0;padding:14px 18px}.ub{border-bottom:1px solid var(--line);gap:12px;padding:10px 0;display:flex}.ub:last-child{border-bottom:none}.ub-tick{color:#137333;flex:none;font-weight:800}.ub b{display:block}.ub span{color:var(--grey);font-size:14px}.upgrade-cta{flex-direction:column;align-items:center;gap:8px;display:flex}.upgrade-cta .primary{padding:12px 26px;font-size:16px}.upgrade-sent{color:#137333;text-align:center;background:#e6f4ea;border:1px solid #b7dfc2;border-radius:12px;padding:16px;font-weight:600}.cis-teaser,.plan-card{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.cis-teaser .primary,.plan-card .primary,.plan-card .ghost{flex:none}.plan-name{margin:4px 0 2px;font-size:18px}.sub-banner{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.sub-banner.ok{color:#137333;background:#e6f4ea;border-color:#b7dfc2;font-weight:600}.install-banner{z-index:60;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;max-width:460px;margin:0 auto;padding:12px 14px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 40px #0f24382e}.install-icon{border-radius:10px;flex:none;width:42px;height:42px}.install-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.install-text b{font-size:14px}.install-text span{color:var(--grey);font-size:12px}.install-acts{flex-direction:column;flex:none;align-items:stretch;gap:2px;display:flex}.install-acts .primary{padding:8px 14px;font-size:14px}.seg{border:1px solid var(--line);border-radius:10px;align-self:flex-start;display:inline-flex;overflow:hidden}.seg button{color:var(--grey);background:#fff;border-radius:0;padding:8px 18px;font-weight:600}.seg button.on{background:var(--azure);color:#fff}.rowacts{text-align:right;white-space:nowrap}button.link{color:var(--azure);background:0 0;padding:4px 8px;font-size:14px}button.link:hover{text-decoration:underline}button.link.danger{color:#c5221f}.tc{text-align:center}.period-row{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 4px;display:flex}.period-row select{width:auto;min-width:220px}.stats{flex-wrap:wrap;gap:10px;margin:10px 0 6px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:1;min-width:130px;padding:12px 16px}.stat .k{text-transform:uppercase;letter-spacing:.05em;color:var(--grey);font-size:11px;font-weight:700}.stat .v{margin-top:2px;font-size:20px;font-weight:800}.stat .sub{color:var(--grey);margin-top:3px;font-size:12px}.stat.hl{background:#eaf3ff;border-color:#bbd9f7}.stat.hl .v{color:var(--azure)}.stat.danger{background:#fde7e9;border-color:#f3c0c0}.stat.danger .v{color:#c5221f}.vat-monitor{padding:18px 22px}.vat-monitor .vat-figure{color:var(--ink);font-size:22px;font-weight:800}.vat-bar{background:#e9eef4;border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.vat-bar-fill{background:var(--azure);border-radius:999px;height:100%;transition:width .4s}.vat-msg{color:var(--grey);line-height:1.5}.vat-monitor.approaching{background:#fff8e8;border-color:#f3d48a}.vat-monitor.approaching .vat-bar-fill{background:#e0a106}.vat-monitor.approaching .vat-msg{color:#7a5b00}.vat-monitor.over{background:#fde7e9;border-color:#f3c0c0}.vat-monitor.over .vat-bar-fill{background:#c5221f}.vat-monitor.over .vat-figure{color:#c5221f}.vat-monitor.over .vat-msg{color:#8a1512;font-weight:600}.sub-breakdown{margin:10px 0 4px}.sub-breakdown table.grid{margin-top:6px}.sub-breakdown table.grid td{border-bottom:1px solid var(--line)}.allow-row{align-items:center;margin-top:6px}.allow-row select{flex:none;width:auto;min-width:150px}.allow-row input{flex:1}.allow-row input.num{text-align:right;flex:0 0 110px;width:110px}.allow-row .iconbtn{flex:none}.doc-logo{max-width:484px;max-height:140px;margin-bottom:12px;display:block}.logo-preview{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:220px;max-height:70px;padding:6px}.dropzone{border:2px dashed var(--line);cursor:pointer;background:var(--panel);text-align:center;border-radius:12px;place-items:center;min-height:120px;padding:14px;transition:border-color .15s;display:grid}.dropzone:hover{border-color:var(--azure)}.dropzone.has{background:#fff}.dropzone img{object-fit:contain;max-width:100%;max-height:100px}.share-panel{background:#eaf3ff;border:1px solid #bbd9f7;border-radius:12px;margin:14px 0;padding:14px 16px}.share-panel input{flex:1;font-size:13px}.public-wrap{max-width:820px;margin:0 auto;padding:28px 18px}.public-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pay-now{padding:12px 22px;font-size:16px}.pay-success{color:#137333;background:#e6f4ea;border:1px solid #b7dfc2;border-radius:12px;max-width:820px;margin:0 auto 16px;padding:14px 18px;font-weight:600}.paid-badge{color:#137333;background:#e6f4ea;border:1px solid #b7dfc2;border-radius:999px;padding:8px 16px;font-weight:700}@media screen and (width<=640px){.content{padding:16px 12px}h2{font-size:20px}.topbar{gap:10px;padding:12px 14px}.topbar .biz{display:none}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none}.row.gap{flex-wrap:wrap}.row.gap>.field,.row.gap>input{flex-basis:100%}.totals{width:100%;margin-left:0}.auth-card{width:100%}table.grid{white-space:nowrap;display:block;overflow-x:auto}.invoice-doc{padding:18px}.doc-head{flex-direction:column}.doc-meta{text-align:left}.doc-logo{max-width:100%}.stat{flex:calc(50% - 5px);min-width:0}.stat .k,.stat .v,.stat .sub{overflow-wrap:break-word}.period-row select{flex:100%;min-width:0}}@page{margin:1.5cm}@media print{body *{visibility:hidden}.invoice-doc,.invoice-doc *{visibility:visible}.invoice-doc{width:100%;box-shadow:none;border:none;margin:0;padding:0;position:absolute;top:0;left:0}.invoice-doc table.grid{white-space:normal!important;width:100%!important;display:table!important;overflow:visible!important}}table.grid.doc-lines{table-layout:fixed;width:100%}table.grid.doc-lines th.tc,table.grid.doc-lines td.tc{text-align:right;width:13%}table.grid.doc-lines th:first-child{width:auto}table.grid.doc-lines td{overflow-wrap:break-word}@media screen and (width<=640px){.invoice-doc table.grid.doc-lines{white-space:normal;font-size:13px;display:table}.invoice-doc table.grid.doc-lines th,.invoice-doc table.grid.doc-lines td{padding:8px 4px}}table.grid.lines select{min-width:118px}table.grid.lines td:first-child input{width:100%;min-width:170px}@media screen and (width<=640px){table.grid.lines input.num{width:74px}}.ws-options{flex-direction:column;gap:10px;margin:14px 0 4px;display:flex}.ws-card{text-align:left;border:2px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .12s,background .12s;display:flex}.ws-card:hover{border-color:var(--azure)}.ws-card.on{border-color:var(--azure);background:#eaf3ff}.ws-emoji{flex:none;margin-top:2px;font-size:26px;line-height:1}.ws-card b{font-size:15px;display:block}.ws-card span{color:var(--grey);margin-top:2px;font-size:13px;line-height:1.45;display:block}.doc-photos{margin-top:18px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px;display:grid}.photo-tile{border:1px solid var(--line);background:var(--panel);border-radius:10px;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:130px;display:block}.photo-tile .cap{color:var(--grey);padding:6px 8px;font-size:12px}.photo-x{color:#fff;cursor:pointer;background:#0f2438b8;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.photo-x:hover{background:#c5221f}@media print{.photo-x{display:none}.photo-tile img{height:auto}}.doc-promo{border-top:1px solid var(--line);color:var(--grey);justify-content:center;align-items:center;gap:8px;margin-top:22px;padding-top:12px;font-size:12.5px;display:flex}.doc-promo img{border-radius:4px;width:18px;height:18px}.doc-promo a{color:var(--azure);font-weight:600;text-decoration:none}.invoice-doc.t-modern .doc-head{background:linear-gradient(135deg, var(--azure), var(--azure-deep));color:#fff;border-bottom:none;border-radius:12px;padding:20px 22px}.invoice-doc.t-modern .doc-head .muted{color:#ffffffd9}.invoice-doc.t-modern .biz-name,.invoice-doc.t-modern .doc-title{color:#fff}.invoice-doc.t-modern table.grid.doc-lines th{color:var(--azure-deep);background:#eaf3ff;border-bottom:none}.invoice-doc.t-modern .pay-block{background:#eaf3ff}.invoice-doc.t-modern .totals .grand b{color:var(--azure-deep)}.invoice-doc.t-minimal .doc-head{border-bottom:1px solid var(--ink);padding-bottom:14px}.invoice-doc.t-minimal .doc-title{color:var(--ink);letter-spacing:5px;font-weight:300}.invoice-doc.t-minimal .biz-name{font-weight:600}.invoice-doc.t-minimal table.grid.doc-lines th{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);background:0 0;font-size:10.5px}.invoice-doc.t-minimal .totals .grand b{color:var(--ink)}.invoice-doc.t-minimal .pay-block{border:1px solid var(--line);background:0 0}button.ghost.tpl-on{border-color:var(--azure);color:var(--azure);background:#eaf3ff;font-weight:700}.rc-note{border:1px solid var(--line,#dfe4ea);border-left:4px solid var(--azure,#0b6bcb);background:#f7fafd;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px;line-height:1.5}.newsplit{grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 16px;display:grid}@media (width<=560px){.newsplit{grid-template-columns:1fr}}.ns-card{text-align:left;border:1px solid var(--line,#dfe4ea);cursor:pointer;font:inherit;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .12s,box-shadow .12s;display:flex}.ns-card:hover{border-color:var(--azure);box-shadow:0 4px 14px #0b6bcb1f}.ns-card b{color:var(--azure-deep,#093a6b);font-size:15.5px}.ns-card span{color:var(--muted,#69788a);font-size:13px;line-height:1.45}.wcal-head{justify-content:space-between;align-items:center;margin:10px 0 6px;display:flex}.wcal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.wcal-dow{text-align:center;color:var(--muted,#69788a);text-transform:uppercase;letter-spacing:.04em;padding:2px 0;font-size:11.5px;font-weight:700}.wcal-day{border:1px solid var(--line,#dfe4ea);min-height:40px;font:inherit;cursor:pointer;color:var(--ink,#0f2438);background:#fff;border-radius:8px;font-size:14px}.wcal-day:hover{border-color:var(--azure)}.wcal-day.on{background:var(--azure,#0b6bcb);border-color:var(--azure,#0b6bcb);color:#fff;font-weight:700}.wcal-day.today{box-shadow:inset 0 0 0 2px #0b6bcb73}.wcal-day.out{cursor:default;background:0 0;border:0}.tpl-pick{flex-wrap:wrap;gap:10px;display:flex}.tpl-card{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;width:150px;padding:10px;transition:border-color .12s}.tpl-card:hover{border-color:var(--azure)}.tpl-card.on{border-color:var(--azure);background:#eaf3ff}.tpl-card b{color:var(--ink);margin-top:8px;font-size:13.5px;display:block}.tpl-card span{color:var(--grey);font-size:12px}.tpl-mini{border:1px solid var(--line);background:#fff;border-radius:8px;height:54px;overflow:hidden}.tpl-mini .bar{border-radius:3px;height:12px;margin:6px 6px 4px}.tpl-mini .ln{background:var(--line);border-radius:2px;height:4px;margin:4px 6px}.tpl-classic .bar{border-bottom:2px solid var(--azure);background:#fff;border-radius:0}.tpl-modern .bar{background:linear-gradient(135deg, var(--azure), var(--azure-deep))}.tpl-minimal .bar{border-bottom:1px solid var(--ink);background:#fff;border-radius:0}
