:root{--ink:#152027;--muted:#6f7a81;--green:#0e3a56;--green-soft:#e7edf0;--cream:#eff1f3;--line:#e1e5e8;--amber:#b66f11;--white:#fff;--font-body:"Segoe UI",Arial,sans-serif;--font-display:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Segoe UI,Inter,Arial,sans-serif}button,a{font:inherit}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b2b40;flex-direction:column;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:11px;padding:0 10px 28px;font:800 17px Segoe UI,sans-serif;display:flex}.brand>span:last-child>span{color:#9abed3;margin-left:3px;font-weight:500}.brand-mark{color:#0b2b40;background:#13a2ce;border-radius:10px;place-items:center;width:34px;height:34px;font:900 19px Segoe UI,sans-serif;display:grid;box-shadow:inset 0 0 0 1px #5fc0e4}.nav-label{color:#7896a9;letter-spacing:.12em;text-transform:uppercase;margin:3px 0 9px;padding:0 12px;font-size:10px;font-weight:800}.nav-label.second{margin-top:29px}.nav-item{color:#bbc9d1;border-radius:10px;align-items:center;gap:12px;height:42px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.nav-item>span{text-align:center;color:#8da5b4;width:19px;font-size:17px}.nav-item.active{color:#0b2b40;background:#fff;box-shadow:0 7px 20px #051d2c55}.sidebar-card{background:#ffffff0b;border:1px solid #ffffff18;border-radius:12px;margin:auto 4px 16px;padding:15px}.sidebar-card p{color:#8da5b4;text-transform:uppercase;letter-spacing:.1em;margin:0 0 5px;font-size:10px}.sidebar-card strong{font-size:13px}.sidebar-card>span{color:#a6b9c4;margin-top:8px;font-size:10px;display:block}.sidebar-card i{background:#5fa4cc;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.profile{border-top:1px solid #ffffff17;align-items:center;gap:10px;padding:16px 8px 0;display:flex}.profile>span{color:#dce7ee;background:#234a62;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile div{flex:1;min-width:0}.profile strong,.profile small{display:block}.profile strong{white-space:nowrap;font-size:11px}.profile small{color:#8da5b4;margin-top:2px;font-size:9px}.profile b{color:#7896a9}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex}.search{border:1px solid var(--line);color:#9a9fa3;border-radius:10px;align-items:center;gap:10px;width:390px;height:38px;padding:0 12px;font-size:13px;display:flex}.search span{flex:1}.search kbd{color:#93999d;background:#f6f7f8;border:1px solid #e3e5e6;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button,.date-button,.row-action{border:1px solid var(--line);color:#5e696f;background:#fff}.icon-button{border-radius:10px;width:38px;height:38px;position:relative}.icon-button i{background:#13a2ce;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.primary-button{color:#fff;background:#0e3c59;border:0;border-radius:10px;height:40px;padding:0 17px;font-size:12px;font-weight:750;box-shadow:0 5px 12px #0e3c5925}.content{max-width:1530px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.eyebrow{color:#889196;letter-spacing:.12em;margin:0 0 7px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.035em;margin:0;font:750 28px Segoe UI,sans-serif}.page-heading>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:13px}.date-button{border-radius:9px;height:36px;padding:0 12px;font-size:11px;font-weight:650}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;min-height:135px;padding:19px;display:flex}.metric-card.accent{border-top:3px solid #12496c;padding-top:17px}.metric-card span,.metric-card b,.metric-card small{display:block}.metric-card span{color:#737c82;font-size:11px;font-weight:650}.metric-card b{margin:10px 0 9px;font:750 23px Segoe UI,sans-serif}.metric-card small{color:#899297;font-size:9px}.metric-card small i{color:#265e80;font-style:normal}.metric-card small i.amber{color:var(--amber)}.metric-card em{color:#12496c;background:#edf1f3;border-radius:10px;place-items:center;width:35px;height:35px;font-style:normal;font-weight:800;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:15px;margin-top:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.panel-head{justify-content:space-between;align-items:flex-start;padding:19px 20px 13px;display:flex}.panel-head h2{margin:0;font:750 15px Segoe UI,sans-serif}.panel-head p{color:#889196;margin:4px 0 0;font-size:10px}.panel-head>button{color:#1d5171;background:0 0;border:0;font-size:10px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{color:#8b9398;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#f8f9f9;border-top:1px solid #ebeef0;border-bottom:1px solid #eaecee;padding:10px 16px;font-size:9px}td{border-bottom:1px solid #edeff0;padding:11px 16px;font-size:10px}tbody tr:last-child td{border-bottom:0}.client-cell{align-items:center;gap:9px;display:flex}.client-cell>span{color:#1e4f6d;background:#e9eef0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.client-cell strong,.client-cell small{display:block}.client-cell small{color:#9a9fa3;margin-top:2px;font-size:8px}.status{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750;display:inline-block}.status.ready{color:#19587e;background:#e5eff4}.status.partial{color:#9b620d;background:#fff3dd}.status.waiting{color:#80614f;background:#edeff1}.row-action{border:0;width:25px;height:25px}.quick-panel{padding-bottom:13px}.quick-action{text-align:left;background:#fff;border:0;border-bottom:1px solid #eaecee;align-items:center;gap:10px;width:calc(100% - 28px);margin:0 14px;padding:10px 7px;display:flex}.quick-action>span{color:#1e4f6d;background:#eef1f3;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.quick-action>div{flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:10px}.quick-action small{color:#8d959a;margin-top:3px;font-size:8px}.quick-action>b{color:#8f9aa1}.tally-note{background:#eaf4f9;border-radius:11px;gap:10px;margin:14px 14px 0;padding:13px;display:flex}.tally-note>span{color:#112f42;background:#13a2ce;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.tally-note strong,.tally-note small{display:block}.tally-note strong{font-size:9px}.tally-note small{color:#797f83;margin-top:4px;font-size:8px;line-height:1.45}@media (max-width:1050px){.app-shell{grid-template-columns:205px 1fr}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.search{width:300px}}@media (max-width:760px){.app-shell{display:block}.sidebar{height:auto;padding:18px;position:static}.sidebar-card,.profile{display:none}.sidebar nav{scrollbar-width:thin;gap:6px;margin-top:14px;padding-bottom:3px;display:flex;overflow-x:auto}.sidebar .nav-label{display:none}.sidebar .nav-item{width:auto;min-width:max-content;height:36px;margin:0;padding:0 10px}.brand{padding:0}.topbar{padding:0 18px}.search{display:none}.content{padding:22px 16px}.page-heading{align-items:flex-start}.date-button{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:120px;padding:15px}.dashboard-grid{display:block}.quick-panel{margin-top:12px}.orders-panel{overflow:auto}.page-heading h1{font-size:23px}}@media (max-width:480px){.metrics{grid-template-columns:1fr}.metric-card{min-height:105px}.content{padding-top:22px}}button{cursor:pointer}.brand-button{width:100%;color:inherit;text-align:left;background:0 0;border:0}.nav-item{text-align:left;background:0 0;border:0;width:100%}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.toast{z-index:80;color:#fff;background:#113145;border-radius:10px;padding:11px 15px;font-size:11px;position:fixed;top:86px;right:24px;box-shadow:0 10px 30px #0c233260}.loading{color:#757f85;align-content:center;place-items:center;gap:12px;min-height:60vh;display:grid}.loading span{color:#13a2ce;width:52px;height:52px;font:900 26px var(--font-display);background:#0e3a56;border-radius:15px;place-items:center;animation:1.5s infinite pulse;display:grid}.loading p{font-size:12px}@keyframes pulse{50%{opacity:.8;transform:scale(.94)}}.list-panel{min-height:360px}.data-table th{padding:12px 17px}.data-table td{padding:14px 17px;font-size:11px}.client-cell.large>span{width:34px;height:34px}.data-table code{color:#515c62;font:10px var(--font-body);background:#f4f5f1;border-radius:5px;padding:4px 6px}.table-select{border:1px solid var(--line);color:#444f55;background:#fff;border-radius:8px;max-width:155px;padding:7px 8px;font-size:9px}.status.draft{color:#676f74;background:#edeff0}.stock-input{border:1px solid var(--line);border-radius:8px;width:72px;padding:7px}.stock-health{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750}.stock-health.good{color:#19587e;background:#e5eff4}.stock-health.low{color:#a96311;background:#fff0df}.settings-form{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{display:block}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#677177;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:9px;font-weight:700;display:block}.form-grid input,.form-grid textarea,.form-grid select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2e3;border-radius:9px;outline:0;padding:10px 11px;font-size:11px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#385f77;box-shadow:0 0 0 3px #205b7f17}.form-grid textarea{resize:vertical;min-height:70px}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:17px;padding-top:17px;display:flex}.tally-company-card{background:linear-gradient(110deg,#f7f8f4,#eef2f4);border:1px solid #dfe4e6;border-radius:14px;align-items:center;gap:14px;margin-bottom:15px;padding:18px 20px;display:flex}.tally-connection-icon{color:#112f42;width:42px;height:42px;font:900 20px var(--font-display);background:#13a2ce;border-radius:12px;place-items:center;display:grid}.tally-connection-icon.connected{color:#fff;background:#11496c}.tally-company-card>div:nth-child(2){flex:1}.tally-company-card strong{font:750 13px var(--font-display)}.tally-company-card p{color:#657077;margin:4px 0;font-size:10px}.tally-company-card small{color:#889196;font-size:8px}.tally-company-card button{color:#164765;background:#fff;border:1px solid #ccd6dc;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:750}.tally-company-card button:disabled{opacity:.6}.settings-section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:-2px 0 18px;padding-bottom:13px;display:flex}.settings-section-title span{font:750 12px var(--font-display)}.settings-section-title small,.settings-form .form-footer>span{color:#899297;font-size:8px}.settings-form .form-footer{justify-content:space-between;align-items:center}.telegram-settings{margin-top:15px;padding:22px}.telegram-head{align-items:center;gap:14px;display:flex}.telegram-logo{color:#647682;background:#dfe5e8;border-radius:50%;place-items:center;width:43px;height:43px;font-size:18px;display:grid;transform:rotate(-20deg)}.telegram-logo.connected{color:#fff;background:#2aabee}.telegram-head>div:nth-child(2){flex:1;min-width:0}.telegram-head .eyebrow{margin-bottom:5px}.telegram-head h2{font:750 15px var(--font-display);margin:0}.telegram-head p:last-child{color:#768086;margin:5px 0 0;font-size:9px}.telegram-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.telegram-actions button{color:#1686bd;background:#eff9fe;border:1px solid #b9dff2;border-radius:9px;padding:9px 13px;font-size:9px;font-weight:750}.telegram-actions button.activate{color:#0e527a;background:#ecf4f9;border-color:#b7d0de}.telegram-actions button.deactivate{color:#a8463b;background:#fff5f3;border-color:#ecc9c5}.telegram-actions button:disabled{opacity:.55}.telegram-features{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid;overflow:hidden}.telegram-features>div{border-right:1px solid var(--line);background:#f9fbfb;padding:15px 16px}.telegram-features>div:last-child{border-right:0}.telegram-features span,.telegram-features strong,.telegram-features small{display:block}.telegram-features span{color:#889196;text-transform:uppercase;letter-spacing:.06em;font-size:8px}.telegram-features strong{margin:7px 0 4px;font-size:11px}.telegram-features strong.feature-active{color:#0e527a}.telegram-features strong.feature-off{color:#a8463b}.telegram-features small{color:#8b9398;font-size:8px}.telegram-chat-examples{background:#f6fbfd;border:1px solid #d9ebf4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding:13px;display:flex}.telegram-chat-examples.disabled{background:#f7f8f8;border-color:#e4e6e7}.telegram-chat-examples>div{margin-right:auto}.telegram-chat-examples strong,.telegram-chat-examples small{display:block}.telegram-chat-examples strong{font-size:9px}.telegram-chat-examples small{color:#71838f;margin-top:3px;font-size:8px}.telegram-chat-examples code{color:#28738f;font:8px var(--font-body);background:#fff;border:1px solid #d8e9f1;border-radius:7px;padding:5px 7px}.telegram-security{background:#f1f7fa;border-radius:9px;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;display:flex}.telegram-security p{color:#66808c;margin:0;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1e2a99;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:0;border-radius:17px;width:min(660px,100%);max-height:calc(100vh - 60px);padding:22px;overflow:auto;box-shadow:0 30px 90px #071b2780}.modal-head{justify-content:space-between;margin-bottom:20px;display:flex}.modal-head h2{font:750 20px var(--font-display);margin:0}.modal-head>button{border:1px solid var(--line);background:#fff;border-radius:8px;width:31px;height:31px;font-size:18px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;display:flex}.modal-footer>button:not(.primary-button){border:1px solid var(--line);color:#555e64;background:#fff;border-radius:9px;padding:9px 14px;font-size:10px}.pi-modal{grid-template-columns:minmax(0,1fr) 245px;gap:22px;width:min(980px,100%);display:grid;position:relative}.pi-modal .modal-head,.pi-modal .modal-footer.full{grid-column:1/-1}.pi-form{min-width:0}.line-items{margin:19px 0}.line-head{justify-content:space-between;align-items:center;display:flex}.line-head h3{font:750 12px var(--font-display)}.line-head button{color:#1b4d6b;background:0 0;border:0;font-size:9px;font-weight:750}.line-row{grid-template-columns:minmax(180px,1fr) 70px 90px 95px 25px;align-items:center;gap:7px;margin:7px 0;display:grid}.line-row select,.line-row input{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:9px;font-size:9px}.line-row strong{text-align:right;font-size:9px}.line-row button{color:#a3654c;background:0 0;border:0}.form-grid.lower{grid-template-columns:180px 1fr}.pi-summary{background:#f2f5f6;border-radius:12px;align-self:start;padding:18px}.pi-summary h3{font:750 13px var(--font-display);margin:0 0 16px}.pi-summary>div{color:#6e787d;justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.pi-summary .total{color:#112d3f;border-top:1px solid #dfe3e5;margin-top:8px;padding-top:13px;font-size:12px}.pi-summary small{color:#898f93;margin-top:14px;font-size:8px;line-height:1.5;display:block}.preview-backdrop{display:block;overflow:auto}.preview-modal{width:min(940px,100%);margin:auto}.preview-toolbar{z-index:2;background:#fff;border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 5px 20px #06192524}.preview-toolbar>button,.preview-toolbar div button{border:1px solid var(--line);color:#3e4b53;background:#fff;border-radius:8px;padding:9px 12px;font-size:9px}.preview-toolbar div{gap:6px;display:flex}.invoice-paper{color:#1b252b;background:#fff;min-height:1120px;padding:58px 60px;box-shadow:0 18px 60px #06192538}.invoice-paper>header{border-bottom:3px solid #0e3a56;justify-content:space-between;padding-bottom:26px;display:flex}.invoice-paper header>div:first-child{max-width:55%}.invoice-paper header h2{font:800 20px var(--font-display);vertical-align:top;margin:3px 0 8px 10px;display:inline-block}.invoice-paper header p{color:#687277;margin:3px 0;font-size:9px}.invoice-paper .invoice-block{white-space:pre-line}.invoice-paper header>div:last-child{text-align:right}.invoice-paper header>div:last-child>p{letter-spacing:.1em;color:#6d767b;font-size:8px}.invoice-paper header h1{font:800 22px var(--font-display);margin:8px 0}.invoice-paper header small{color:#8d681f;background:#f4efe3;border-radius:999px;padding:4px 7px;font-size:7px}.invoice-logo{color:#0d2d42;width:36px;height:36px;font:900 19px var(--font-display);background:#13a2ce;border-radius:10px;place-items:center;display:inline-grid}.invoice-meta{grid-template-columns:1fr 280px;gap:40px;padding:28px 0;display:grid}.invoice-meta>div>span{color:#767d82;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:7px;display:block}.invoice-meta strong{font:750 13px var(--font-display)}.invoice-meta p{color:#677176;margin:5px 0;font-size:9px;line-height:1.45}.invoice-meta dl{margin:0}.invoice-meta dl div{border-bottom:1px solid #edeff0;justify-content:space-between;padding:6px 0;font-size:8px;display:flex}.invoice-meta dt{color:#7b8287}.invoice-meta dd{margin:0;font-weight:700}.invoice-table{border:1px solid #dfe4e6;width:100%}.invoice-table th{color:#fff;background:#0e3a56;border:0;padding:10px;font-size:7px}.invoice-table td{border-bottom:1px solid #e8ebec;padding:12px 10px;font-size:8px}.invoice-bottom{grid-template-columns:1fr 300px;gap:50px;padding-top:30px;display:grid}.invoice-bottom h4{margin:0 0 8px;font-size:9px}.invoice-bottom p{color:#6f797e;max-width:330px;margin:5px 0;font-size:8px;line-height:1.5}.invoice-bottom .invoice-block{margin-top:9px}.invoice-bottom .invoice-terms{color:#3c474d}.invoice-bottom .invoice-terms strong{color:#0e3a56;font-weight:750}.invoice-bottom dl{margin:0}.invoice-bottom dl div{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.invoice-bottom dt{color:#727c81}.invoice-bottom dd{margin:0;font-weight:700}.invoice-bottom .grand{color:#0e3a56;background:#eff2f4;margin-top:6px;padding:12px 10px;font-size:12px}.invoice-paper footer{color:#7c8388;border-top:1px solid #dfe3e5;justify-content:space-between;margin-top:75px;padding-top:18px;font-size:7px;display:flex}.invoice-paper footer strong{color:#224153}@media (max-width:1050px){.pi-modal{grid-template-columns:1fr}.pi-modal .modal-head,.pi-modal .modal-footer.full{grid-column:auto}.pi-summary{grid-row:2}.pi-modal .modal-footer.full{grid-row:3}}@media (max-width:760px){.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.telegram-head{flex-wrap:wrap;align-items:flex-start}.telegram-features{grid-template-columns:1fr}.telegram-features>div{border-right:0;border-bottom:1px solid var(--line)}.telegram-features>div:last-child{border-bottom:0}.modal-backdrop{padding:10px}.line-row{grid-template-columns:1fr 58px 70px}.line-row strong,.line-row button{display:none}.invoice-paper{padding:28px 22px}.invoice-meta,.invoice-bottom{grid-template-columns:1fr}.preview-toolbar{flex-direction:column;gap:8px}.preview-toolbar div{flex-wrap:wrap}.top-actions .icon-button{display:none}}@media print{body{background:#fff}body:has(>.print-portal)>:not(.print-portal){display:none!important}.app-shell>.sidebar,.app-shell>.workspace,.preview-toolbar{display:none!important}.modal-backdrop.preview-backdrop{background:#fff;padding:0;position:static}.preview-modal{width:100%}.invoice-paper{min-height:auto;box-shadow:none;padding:0}.invoice-paper footer{margin-top:45px}}.logo-lockup{align-items:center;gap:10px;display:flex}.logo-lockup svg{flex:none}.logo-word{letter-spacing:-.02em;white-space:nowrap;font:800 15px/1 Segoe UI,sans-serif}.logo-lockup.ink .logo-word{color:#1a1a1a}.logo-lockup.light .logo-word{color:#fff}.logo-word i{color:#1c78c5;font-style:normal}.logo-word b{color:#1c78c5;letter-spacing:.08em;vertical-align:2px;background:#1c78c51f;border-radius:5px;margin-left:7px;padding:3px 5px;font-size:9px;font-weight:800}.loading span{background:#fff;border-radius:16px;width:auto;height:auto;padding:18px 22px;box-shadow:0 10px 30px #0619251a}.invoice-logo{background:0 0;border-radius:0;width:150px;height:75px;margin:0 0 12px;display:block}.invoice-paper header h2{margin:0 0 8px;display:block}:root{--cyan:#13a2ce;--cyan-soft:#eaf4f9}.icon-button i,.sidebar-card i{background:var(--cyan)}.nav-item.active>span{color:var(--cyan)}.metric-card.accent{border-top-color:var(--cyan)}.panel-head>button{color:var(--cyan)}.metric-card em{background:var(--cyan-soft);color:#0e6f92}.tally-connection-icon{color:#fff;background:#9fb0bb}.tally-connection-icon.connected{background:var(--cyan);color:#fff}.email-settings{margin-top:15px;padding:22px}.email-logo{color:#647682;background:#dfe5e8;border-radius:50%;place-items:center;width:43px;height:43px;font-size:19px;display:grid}.email-logo.connected{color:#fff;background:#0e3a56}.email-setup{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:16px;display:grid}.email-steps{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.email-steps li{border:1px solid var(--line);counter-increment:step;background:#fbfcfc;border-radius:10px;padding:10px 12px 10px 42px;position:relative}.email-steps li:before{content:counter(step);color:#fff;background:#0e3a56;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:grid;position:absolute;top:10px;left:12px}.email-steps strong{color:#1f2d35;font-size:10px;display:block}.email-steps span{color:#768086;margin-top:3px;font-size:8.5px;line-height:1.45;display:block}.email-steps a{color:#1686bd;margin-top:6px;font-size:8.5px;font-weight:750;text-decoration:none;display:inline-block}.email-steps a:hover{text-decoration:underline}.email-form,.email-test{gap:10px;display:grid}.email-form label,.email-test label{display:block}.email-form label>span,.email-test label>span{color:#7c8388;text-transform:uppercase;margin-bottom:5px;font-size:7px;display:block}.email-form input,.email-test input{border:1px solid var(--line);border-radius:8px;width:100%;padding:9px;font-size:11px}.email-form input[type=password]{letter-spacing:.12em;font-weight:700}.email-form-actions{justify-content:flex-end;gap:8px;display:flex}.email-form-actions>button:not(.primary-button),.email-test>button{color:#1686bd;background:#eff9fe;border:1px solid #b9dff2;border-radius:9px;padding:9px 13px;font-size:9px;font-weight:750}.email-form-actions button:disabled,.email-test>button:disabled{opacity:.55}.email-test{grid-template-columns:minmax(0,320px) auto;justify-content:start;align-items:end;margin-top:14px}.email-settings-note{border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:9px;line-height:1.4}.email-settings-note.ok{color:#1f6b3f;background:#eaf6ef}.email-settings-note.warn{color:#a63a32;background:#fbeeed}@media (max-width:760px){.email-setup,.email-test{grid-template-columns:1fr}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}.sidebar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-body{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-body nav{overflow-y:auto}.menu-toggle,.menu-scrim{display:none}.logout-button{color:#cfdde6;cursor:pointer;background:0 0;border:1px solid #ffffff2a;border-radius:8px;flex:none;margin-left:auto;padding:7px 10px;font-size:11px;font-weight:700}.logout-button:hover{color:#fff;background:#ffffff14}@media (max-width:760px){.sidebar{z-index:40;height:auto;padding:10px 16px;position:sticky;top:0;box-shadow:0 2px 14px #03131f40}.sidebar .brand{padding:0}.menu-toggle{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:none;place-content:center;gap:5px;width:44px;height:44px;padding:0;display:grid}.menu-toggle span{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.sidebar.open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.sidebar.open .menu-toggle span:nth-child(2){opacity:0}.sidebar.open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-body{display:none}.sidebar.open .sidebar-body{background:#0b2b40;max-height:calc(100dvh - 64px);padding:6px 16px 18px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 30px #03131f55}.sidebar nav{margin-top:0;padding:0;display:block;overflow:visible}.sidebar .nav-label{margin-top:14px;display:block}.sidebar .nav-item{width:100%;min-width:0;height:46px;margin:2px 0;padding:0 12px;font-size:14px}.sidebar .profile{margin-top:14px;display:flex}.menu-scrim{z-index:30;background:#03131f66;border:0;padding:0;display:block;position:fixed;inset:0}.topbar{display:none}input,select,textarea{font-size:16px}}.sidebar-head .brand-button{flex:1;width:auto;min-width:0}@media (max-width:760px){.order-lanes{scrollbar-width:none;margin-right:-16px;padding-right:16px;overflow-x:auto}.order-lanes::-webkit-scrollbar{display:none}.order-lane{flex:none;height:40px}.panel-head{flex-wrap:wrap;row-gap:10px}.panel-head>:has(input[type=search],input[placeholder]){flex:100%;width:100%;max-width:none}.panel-head>:has(input) input{width:100%}.table-wrap:has(>.data-table){overflow:visible}.data-table,.data-table tbody,.data-table tfoot{width:100%;display:block;min-width:0!important}.data-table thead{display:none}.data-table tbody tr,.data-table tfoot tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:16px;display:grid}.data-table tbody td,.data-table tfoot td{white-space:normal;overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block;text-align:left!important}.data-table td:before{content:attr(data-label);color:#8a949a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.data-table td:first-child,.data-table td[colspan]{grid-column:1/-1}.data-table td:has(button,a){grid-column:1/-1}.data-table td:first-child:before,.data-table td[colspan]:before,.data-table td[data-label=""]:before,.data-table td:not([data-label]):before{display:none}.data-table td:first-child{font-size:15px}.data-table td:has(button,a) div{flex-wrap:wrap;gap:8px;display:flex}.data-table td button{min-height:38px}}
@media screen and (max-width:760px){html .bo-this-month,html .bo-jump a{font-size:14px}html .bo-section-label{font-size:12.5px}html .bo-kpi span,html .bo-kpi small{font-size:13px}html .bo-chart-empty{font-size:14px}html .bo-tick,html .bo-tooltip strong{font-size:13px}html .bo-tooltip small{font-size:12.5px}html .bo-barrow-top{font-size:14px}html .bo-barrow small{font-size:12.5px}html .bo-block td{font-size:14px}html .bo-sub,html .bo-chip{font-size:12.5px}html .bo-age-top{font-size:13px}html .bo-status-strip span{font-size:12.5px}html .bo-status-strip small,html .nav-label,html .sidebar-card p,html .sidebar-card>span{font-size:13px}html .profile>span,html .profile strong{font-size:14px}html .profile small,html .search kbd,html .eyebrow{font-size:12.5px}html .date-button,html .metric-card span{font-size:14px}html .metric-card small{font-size:12.5px}html .panel-head p,html .panel-head>button{font-size:13px}html th{font-size:12.5px}html td{font-size:13px}html .client-cell>span,html .client-cell small,html .status{font-size:11.5px}html .quick-action strong{font-size:13px}html .quick-action small{font-size:11.5px}html .tally-note strong{font-size:12.5px}html .tally-note small{font-size:11.5px}html .toast,html .data-table td{font-size:14px}html .data-table code{font-size:13px}html .table-select{font-size:12.5px}html .stock-health{font-size:11.5px}html .form-grid label>span{font-size:12.5px}html .form-grid input,html .form-grid textarea,html .form-grid select{font-size:14px}html .tally-company-card p{font-size:13px}html .tally-company-card small{font-size:11.5px}html .tally-company-card button{font-size:12.5px}html .settings-section-title small,html .settings-form .form-footer>span{font-size:11.5px}html .telegram-head p:last-child,html .telegram-actions button{font-size:12.5px}html .telegram-features span{font-size:11.5px}html .telegram-features strong{font-size:14px}html .telegram-features small{font-size:11.5px}html .telegram-chat-examples strong{font-size:12.5px}html .telegram-chat-examples small,html .telegram-chat-examples code,html .telegram-security p{font-size:11.5px}html .modal-footer>button:not(.primary-button){font-size:13px}html .line-head button,html .line-row select,html .line-row input,html .line-row strong,html .pi-summary>div{font-size:12.5px}html .pi-summary small{font-size:11.5px}html .preview-toolbar>button,html .preview-toolbar div button,html .invoice-paper header p{font-size:12.5px}html .invoice-paper header>div:last-child>p{font-size:11.5px}html .invoice-paper header small,html .invoice-meta>div>span{font-size:11px}html .invoice-meta p{font-size:12.5px}html .invoice-meta dl div{font-size:11.5px}html .invoice-table th{font-size:11px}html .invoice-table td{font-size:11.5px}html .invoice-bottom h4{font-size:12.5px}html .invoice-bottom p{font-size:11.5px}html .invoice-bottom dl div{font-size:12.5px}html .invoice-paper footer{font-size:11px}html .logo-word b,html .email-steps li:before{font-size:12.5px}html .email-steps strong{font-size:13px}html .email-steps span,html .email-steps a{font-size:12px}html .email-form label>span,html .email-test label>span{font-size:11px}html .email-form input,html .email-test input{font-size:14px}html .email-form-actions>button:not(.primary-button),html .email-test>button,html .email-settings-note{font-size:12.5px}html .logout-button{font-size:14px}html .stock-sync{font-size:13px}html .order-kpi span,html .order-kpi small{font-size:11.5px}html .order-search input{font-size:12.5px}html .order-filters button,html .orders-toolbar>span{font-size:11.5px}html .order-list-head{font-size:11px}html .order-identity strong,html .order-identity b{font-size:13px}html .order-identity small,html .order-stock small,html .order-pi small,html .order-value small{font-size:11px}html .source-chip{font-size:10px}html .order-stock>strong,html .order-pi>strong{font-size:12.5px}html .stock-pill,html .payment-pill,html .order-status{font-size:11px}html .order-value strong{font-size:13px}html .orders-empty span,html .order-drawer header span{font-size:12.5px}html .drawer-stage>div:last-child{font-size:10px}html .drawer-summary span{font-size:11px}html .drawer-summary strong,html .order-drawer h3{font-size:14px}html .drawer-section-head span{font-size:11.5px}html .drawer-items>div>div>strong{font-size:12.5px}html .drawer-items>div>div>small{font-size:11px}html .drawer-items dt{font-size:10px}html .drawer-items dd{font-size:12.5px}html .drawer-form label>span,html .new-order-grid label>span,html .new-line label>span,html .order-comments>span{font-size:11px}html .drawer-form input,html .drawer-form select,html .drawer-form textarea,html .new-order-grid input,html .new-order-grid select,html .new-line input,html .new-line select,html .order-comments textarea{font-size:12.5px}html .order-drawer footer small{font-size:11px}html .prepare-pi{font-size:12.5px}html .new-order-modal .modal-head small{font-size:11.5px}html .new-lines h3{font-size:14px}html .new-lines>div:first-child button{font-size:11.5px}html .line-stock strong{font-size:11px}html .line-stock small,html .rate-tag{font-size:10px}html .new-order-total span{font-size:11.5px}html .new-order-total small,html .drawer-pis .drawer-section-head>div>small{font-size:11px}html .pi-list article>div:first-child>strong{font-size:13px}html .pi-status{font-size:11px}html .pi-list dt{font-size:10px}html .pi-list dd,html .pi-actions button{font-size:11.5px}html .pi-empty strong{font-size:12.5px}html .pi-empty span{font-size:11px}html .order-status-filter span{font-size:11.5px}html .order-status-filter select,html .delete-order{font-size:12.5px}html .pi-partial-note{font-size:11px}html .pi-builder .modal-head small{font-size:11.5px}html .pi-builder-head{font-size:10.5px}html .pi-builder-row,html .pi-builder-row strong{font-size:12.5px}html .pi-builder-row small{font-size:11px}html .pi-builder-row>span,html .pi-builder-row input[type=number],html .pi-builder-row b{font-size:12.5px}html .pi-row-note,html .pi-builder-foot label>span{font-size:11px}html .pi-builder-foot input{font-size:12.5px}html .pi-builder-total span{font-size:11.5px}html .pi-builder-total small{font-size:11px}html .pi-builder-error,html .pi-builder-warn{font-size:11.5px}html .pi-confirm-meta dt{font-size:10.5px}html .pi-confirm-meta dd{font-size:12.5px}html .pi-confirm-table th{font-size:10.5px}html .pi-confirm-table td,html .pi-confirm-table strong{font-size:12.5px}html .pi-confirm-table small{font-size:11px}html .pi-confirm-total dt{font-size:11.5px}html .pi-confirm-total dd,html .pi-confirm-total .grand dt{font-size:12.5px}html .pi-cover{font-size:11.5px}html .receipt-modal header small,html .receipt-modal label span{font-size:11px}html .receipt-modal input{font-size:14px}html .receipt-quick button{font-size:11px}html .receipt-balance{font-size:11.5px}html .receipt-note{font-size:11px}html .receipt-modal footer>button:not(.primary-button),html .receipt-modal select{font-size:12.5px}html .receipt-plan strong{font-size:11px}html .receipt-plan span{font-size:11.5px}html .receipt-plan em{font-size:11px}html .cancel-note{font-size:11.5px}html .cancel-order,html .order-lane{font-size:12.5px}html .order-lane em{font-size:11.5px}html .receipt-ledger strong{font-size:12.5px}html .receipt-ledger small{font-size:11px}html .email-modal header small{font-size:11.5px}html .email-modal label>span{font-size:11px}html .email-modal input:not([type=checkbox]),html .email-modal textarea{font-size:14px}html .email-modal .email-check em{font-size:12.5px}html .email-note{font-size:11.5px}html .email-modal footer>button:not(.primary-button){font-size:12.5px}html .price-kpi span,html .price-kpi small{font-size:11.5px}html .price-search input{font-size:12.5px}html .price-toolbar>select,html .duplicate-toggle,html .clear-price-filters,html .price-toolbar>small,html .price-party>span{font-size:11.5px}html .duplicate-chip,html .courier-chip,html .sheet-source,html .local-source{font-size:11px}html .edit-price{font-size:11.5px}html .price-empty span,html .price-modal .modal-head p:last-child{font-size:12.5px}html .price-form label>span{font-size:11.5px}html .price-form input,html .price-modal-footer>div>button:not(.primary-button),html .delete-price,html .price-form select{font-size:13px}html .price-hint{font-size:11.5px}html .unlinked-chip{font-size:11px}html .ship-metrics span{font-size:14px}html .ship-metrics small,html .ship-row-actions button,html .ship-section-title small,html .ship-modal .form-grid span{font-size:12.5px}html .ship-modal input,html .ship-modal select,html .ship-invoice-picker strong{font-size:14px}html .ship-invoice-picker small{font-size:12.5px}html .ship-hint,html .ship-link,html .ship-error,html .ship-box-count p,html .modal-foot button{font-size:13px}html .ship-pl-from p,html .ship-pl-title p,html .ship-pl-title small{font-size:12.5px}html .ship-pl-meta>div>span{font-size:11px}html .ship-pl-meta p{font-size:12.5px}html .ship-pl-meta dl div{font-size:12px}html .ship-pl-box-head{font-size:12.5px}html .ship-pl-box-head strong{font-size:13px}html .ship-pl-table th{font-size:11px}html .ship-pl-table td{font-size:12.5px}html .ship-pl-totals span{font-size:11.5px}html .ship-pl-notes{font-size:12.5px}html .ship-packing-list footer,html .ship-packing-list footer span{font-size:11.5px}html .ship-toolbar-note{font-size:12.5px}html .dispatch-facts dt{font-size:11.5px}html .dispatch-facts dd{font-size:13px}html .dispatch-reprint{font-size:12.5px}html .tally-filter-row input,html .tally-source-note strong{font-size:14px}html .tally-source-note span{font-size:12.5px}html .account-tile span{font-size:13px}html .account-tile small,html .accounts-position>div>span{font-size:12.5px}html .accounts-position>div>small{font-size:11.5px}html .accounts-position dl div,html .review-tabs button{font-size:12.5px}html .review-summary span,html .review-summary small,html .review-table .table-subtext,html .position-chip,html .review-chip,html .terms-missing{font-size:11.5px}html .tally-empty span,html .tally-gate-steps li:before{font-size:12.5px}html .tally-gate-steps strong{font-size:14px}html .tally-gate-steps span,html .tally-gate-pulse,html .tally-gate-detail,html .tally-gate-note{font-size:13px}html .tally-invoice-metrics span{font-size:12.5px}html .tally-invoice-metrics small{font-size:11.5px}html .invoice-filter{font-size:14px}html .invoice-filter input{font-size:13px}html .table-subtext{font-size:11.5px}html .empty-register,html .tally-invoice-modal .modal-head p:last-child{font-size:13px}html .tally-invoice-summary span{font-size:11.5px}html .tally-invoice-summary strong,html .tally-invoice-total span{font-size:13px}}