:root{--navy:#062b59;--navy-2:#0b3971;--teal:#0c6772;--teal-light:#e6f3f3;--blue-soft:#eaf1f8;--ink:#142033;--muted:#64748b;--line:#dce4ec;--surface:#fff;--canvas:#f4f7fa;--green:#147a53;--red:#bb3b42;--amber:#a95f00;--shadow:0 10px 30px #062b5914}*{box-sizing:border-box}html{background:var(--canvas);-webkit-text-size-adjust:100%;min-width:0}body{min-width:0;color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}.simple-app{min-height:100vh;padding-top:68px}.topbar{z-index:40;background:var(--navy);color:#fff;align-items:center;gap:18px;height:68px;padding:0 28px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 2px 18px #00122e33}.menu-button{color:#fff;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;width:40px;height:40px;font-size:20px}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--teal);letter-spacing:-.04em;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #fff3}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.12em;font-size:15px}.brand small{color:#c4d6e9;margin-top:2px;font-size:11px}.access-state{color:#d9e8f6;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.access-state span{background:#48d598;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #48d59826}.fx-widget{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:0 12px;min-width:205px;margin-left:auto;padding:6px 12px;display:grid}.fx-widget:hover{background:#ffffff24}.fx-widget span{color:#a9c7e3;letter-spacing:.08em;grid-column:1;font-size:9px;font-weight:800}.fx-widget b{grid-area:1/2/span 2;font-size:16px}.fx-widget small{color:#fff;grid-column:1;font-size:10px}.session-exit{color:#d9e8f6;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.session-exit:hover{background:#ffffff1f}.session-exit strong{color:#fff;border-left:1px solid #ffffff2e;padding-left:8px}.session-dot{background:#48d598;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #48d59824}.sidebar{z-index:55;background:#fff;flex-direction:column;width:284px;transition:transform .22s;display:flex;position:fixed;inset:68px auto 0 0;transform:translate(-102%);box-shadow:10px 0 35px #062b5926}.sidebar.open{transform:translate(0)}.sidebar-head{border-bottom:1px solid var(--line);height:64px;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 18px 0 24px;font-size:13px;font-weight:800;display:flex}.sidebar-head button{background:var(--canvas);width:34px;height:34px;color:var(--muted);border:0;border-radius:9px;font-size:22px}.sidebar nav{gap:5px;padding:16px 12px;display:grid}.sidebar nav button{color:#40516a;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-weight:650;display:flex}.sidebar nav button span{background:var(--blue-soft);width:31px;height:31px;color:var(--navy);border-radius:9px;place-items:center;font-weight:900;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:var(--navy);background:#edf4fa}.sidebar nav button.active span{background:var(--navy);color:#fff}.sidebar-foot{border-top:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;gap:5px;margin-top:auto;padding:22px 24px;font-size:11px;display:grid}.sidebar-foot strong{color:var(--navy);letter-spacing:.08em;font-size:13px}.menu-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05152b59;border:0;position:fixed;inset:68px 0 0}.app-main{width:min(1440px,100% - 48px);min-height:calc(100vh - 126px);margin:0 auto;padding:40px 0 54px}footer{border-top:1px solid var(--line);min-height:58px;color:var(--muted);text-align:center;background:#eef3f7;padding:20px 24px;font-size:12px}.notice{z-index:30;box-shadow:var(--shadow);background:#fff;border:1px solid;border-radius:12px;align-items:center;gap:11px;margin-bottom:20px;padding:14px 16px;font-weight:650;display:flex;position:sticky;top:82px}.notice>span{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.notice.ok{color:#0f6346;border-color:#b8dfcf}.notice.ok>span{background:var(--green)}.notice.error{color:#9d3036;border-color:#ecc7c9}.notice.error>span{background:var(--red)}.notice button{color:currentColor;background:0 0;border:0;margin-left:auto;font-size:20px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title p,.panel-head p{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:850}.page-title h1{color:var(--navy);letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(28px,3vw,40px)}.page-title>div>span{color:var(--muted);font-size:15px}.primary,.secondary{border-radius:10px;min-height:44px;padding:0 18px;font-weight:750}.primary{border:1px solid var(--navy);color:#fff;background:var(--navy);box-shadow:0 6px 14px #062b5929}.primary:hover{background:var(--navy-2)}.secondary{color:var(--navy);background:#fff;border:1px solid #b8c9d9}.secondary:hover{background:#f5f8fb}.full{width:100%}.text-button{color:var(--teal);background:0 0;border:0;font-weight:750}.metrics{grid-template-columns:1.35fr repeat(3,1fr);gap:16px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);min-height:142px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;justify-content:center;padding:23px;display:flex}.metric p{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:650}.metric strong{color:var(--navy);letter-spacing:-.04em;font-size:30px}.metric span{color:#718096;margin-top:8px;font-size:12px}.metric.featured{color:#fff;background:linear-gradient(135deg, var(--navy), #0c4a75 62%, var(--teal));border:0}.metric.featured p,.metric.featured span{color:#d9e8f5}.metric.featured strong{color:#fff}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 26px;display:grid}.quick-grid button{border:1px solid var(--line);min-height:112px;color:var(--ink);text-align:left;background:#fff;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;gap:2px 13px;padding:18px;display:grid;box-shadow:0 5px 18px #062b590d}.quick-grid button:hover{border-color:#9db8cc;transform:translateY(-1px)}.quick-grid button>span{color:#fff;background:var(--teal);border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid}.quick-grid button strong{color:var(--navy);align-self:end}.quick-grid button small{color:var(--muted);align-self:start}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:20px 24px;display:flex}.panel-head h2,.form-panel h2,.step-title h2{color:var(--navy);margin:0;font-size:20px}.recent-list article{border-bottom:1px solid #ebf0f4;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.recent-list article:last-child{border:0}.recent-list article>div{gap:6px;display:grid}.recent-list article>div:last-child{text-align:right}.recent-list span{color:var(--muted);font-size:12px}.recent-list .pending{color:var(--amber)}.recent-list .paid{color:var(--green)}.order-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.order-main{padding:28px}.mode-switch{background:#edf2f7;border-radius:11px;width:fit-content;margin-bottom:30px;padding:4px;display:flex}.mode-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 16px;font-weight:700}.mode-switch button.active{color:var(--navy);background:#fff;box-shadow:0 3px 10px #062b591a}.step-title{align-items:center;gap:13px;margin-bottom:20px;display:flex}.step-title>span{color:#fff;background:var(--navy);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.step-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.divider{background:var(--line);height:1px;margin:30px 0}.form-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.form-grid .wide{grid-column:span 2}.field{gap:7px;display:grid}.field>span{color:#40516a;font-size:12px;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd7e2;border-radius:9px;outline:none;padding:10px 12px}.field textarea{resize:vertical;min-height:98px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0c67721a}.field small{color:var(--amber);line-height:1.4}.field.full{width:100%}.currency-switch{align-items:center;gap:6px;margin-bottom:15px;display:flex}.currency-switch>span{color:var(--muted);margin-right:6px;font-size:12px;font-weight:700}.currency-switch>small{color:var(--teal);margin-left:8px;font-size:11px;font-weight:700}.currency-switch button{border:1px solid var(--line);width:56px;height:34px;color:var(--muted);background:#fff;border-radius:8px;font-weight:800}.currency-switch button.active{border-color:var(--navy);color:#fff;background:var(--navy)}.line-builder{border:1px solid var(--line);background:#f8fafc;border-radius:12px;align-items:end;gap:12px;padding:15px;display:grid}.line-builder.catalog{grid-template-columns:minmax(220px,1fr) 100px 110px 150px auto}.add-line{height:44px}.order-lines{border:1px solid var(--line);border-radius:12px;margin-top:18px;overflow:hidden}.order-lines-head,.order-line{grid-template-columns:minmax(210px,1fr) 90px 140px 140px 34px;align-items:center;gap:12px;display:grid}.order-lines-head{color:var(--muted);text-transform:uppercase;background:#edf2f7;padding:11px 14px;font-size:11px;font-weight:800}.order-line{border-top:1px solid var(--line);padding:13px 14px}.order-line>div{gap:3px;display:grid}.order-line>div span{color:var(--muted);font-size:11px}.order-line-price{gap:4px;display:grid}.order-line-price>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.order-line-price input{width:100%;min-width:0;height:38px;color:var(--navy);font:inherit;background:#fff;border:1px solid #9fb4c7;border-radius:8px;padding:0 9px;font-weight:800}.order-line-price input:focus{border-color:var(--teal);outline:3px solid #127d8429}.order-line>button{width:29px;height:29px;color:var(--red);background:#fff0f0;border:0;border-radius:8px;font-size:18px}.order-empty{color:var(--muted);text-align:center;padding:30px}.order-summary{padding:22px;position:sticky;top:88px}.order-summary>p{color:var(--navy);margin:0 0 20px;font-size:18px;font-weight:850}.order-summary>div:not(.validation-note){border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:11px 0;display:flex}.order-summary .grand-total{align-items:flex-end;margin:8px 0 18px;color:var(--navy)!important;padding:18px 0!important}.grand-total strong{letter-spacing:-.04em;font-size:25px}.order-summary .fx-summary{margin:-10px 0 18px;font-size:11px;color:var(--teal)!important;border-bottom:0!important}.validation-note{color:var(--green);background:#edf8f3;border-radius:10px;gap:10px;margin-bottom:18px;padding:13px;display:flex}.validation-note>span{color:#fff;background:var(--green);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.validation-note p{color:#406453;margin:0;font-size:11px;line-height:1.45}.validation-note strong{color:var(--green);font-size:12px;display:block}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);white-space:nowrap;text-align:left;padding:15px 18px}th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#f7f9fb;font-size:11px}td{font-size:13px}tbody tr:last-child td{border-bottom:0}.order-link{color:var(--navy);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:850;-webkit-text-decoration:underline #9fb6cb;text-decoration:underline #9fb6cb}.table-reference{color:var(--muted);margin-top:4px;font-size:10px;display:block}.table-actions{flex-wrap:wrap;gap:7px;display:flex}.table-actions button{min-height:32px;color:var(--navy);background:#fff;border:1px solid #b8c9d9;border-radius:8px;padding:0 10px;font-size:11px;font-weight:750}.table-actions button:first-child{border-color:var(--navy);color:#fff;background:var(--navy)}.table-actions button.danger{color:#a42020;background:#fff7f7;border-color:#e6b7b7}.table-actions button.danger:hover{background:#ffeded;border-color:#b82020}.table-actions button:disabled{cursor:wait;opacity:.55}.cancellation-reports{margin-top:20px}.cancellation-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr) auto;align-items:center;gap:18px;padding:17px 21px;display:grid}.cancellation-list article:last-child{border-bottom:0}.cancellation-list article>div{gap:4px;display:grid}.cancellation-list article span,.cancellation-list article small{color:var(--muted)}.cancellation-list article>div:nth-child(2) strong{color:#a42020}.badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge.pending{color:#9b5900;background:#fff3d9}.badge.paid{color:var(--green);background:#e7f7ef}.two-columns{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:20px;display:grid}.form-panel{gap:14px;padding:24px;display:grid}.form-panel>p{color:var(--muted);margin:-5px 0 4px;font-size:13px;line-height:1.45}.inline-fields{grid-template-columns:1fr 120px;gap:12px;display:grid}.inline-fields.three{grid-template-columns:1fr 110px 110px}.customer-list article{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 22px;display:grid}.customer-list article:last-child{border:0}.avatar{color:#fff;background:var(--teal);border-radius:11px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:850;display:grid}.customer-list article>div:nth-child(2),.customer-balance{gap:4px;display:grid}.customer-list article span,.customer-balance small{color:var(--muted);font-size:11px}.customer-form-actions{gap:10px;display:flex}.customer-form-actions button{flex:1}.customer-actions{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.customer-actions button{min-height:30px;color:var(--navy);background:#fff;border:1px solid #b8c9d9;border-radius:8px;padding:0 10px;font-size:11px;font-weight:750}.customer-actions button:hover{border-color:var(--navy)}.customer-actions button.danger{color:#a42020;background:#fff7f7;border-color:#e6b7b7}.customer-actions button.danger:hover{background:#ffeded;border-color:#b82020}.customer-balance{text-align:right}.customer-balance strong{color:var(--navy)}.customer-balance span{color:var(--teal)!important}.products-layout>div{gap:18px;display:grid}.compact-panel{padding-top:20px}.product-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:15px 21px;display:flex}.product-list article:last-child{border:0}.product-list article>div{gap:4px;display:grid}.product-list article>strong{color:var(--navy);font-size:17px}.product-list small{color:var(--muted)}.product-actions{flex-wrap:wrap;gap:7px;margin-top:6px;display:flex}.product-actions button{min-height:30px;color:var(--navy);background:#fff;border:1px solid #b8c9d9;border-radius:8px;padding:0 10px;font-size:11px;font-weight:750}.product-actions button:hover{border-color:var(--navy)}.product-actions button.danger{color:#a42020;background:#fff7f7;border-color:#e6b7b7}.product-actions button.danger:hover{background:#ffeded;border-color:#b82020}.sku{width:fit-content;color:var(--teal);background:var(--teal-light);border-radius:5px;padding:3px 6px;font-size:10px;font-weight:800}.product-price{text-align:right}.product-price strong{color:var(--navy);font-size:17px}.product-price span{color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:800}.product-price small{max-width:240px;line-height:1.35}.product-conversion{margin-top:14px}.finance-total{grid-template-columns:1fr;gap:15px;margin-bottom:20px;display:grid}.finance-total article{color:#fff;background:linear-gradient(120deg, var(--navy), var(--navy-2));box-shadow:var(--shadow);border-radius:14px;padding:22px 25px}.finance-total article:last-child{background:linear-gradient(120deg, #075d68, var(--teal))}.finance-total p{color:#d7e8f3;margin:0 0 8px;font-size:12px}.finance-total strong{letter-spacing:-.04em;font-size:28px}.finance-total span{color:#d7e8f3;margin-top:5px;font-size:11px;display:block}.finance-forms{grid-template-columns:1fr 1fr;margin-bottom:20px}.form-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.form-icon.credit{background:var(--green)}.form-icon.debit{background:var(--amber)}.conversion-preview{color:#406453;background:#edf8f3;border:1px solid #b8dfcf;border-radius:10px;gap:3px;padding:13px 15px;display:grid}.conversion-preview span,.conversion-preview small{font-size:11px}.conversion-preview strong{color:var(--green);font-size:20px}.balance-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.balance-grid article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.balance-grid article>div:last-child{gap:4px;display:grid}.balance-grid span{color:var(--amber);font-size:12px;font-weight:750}.movement-list article{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 21px;display:grid}.movement-list article:last-child{border:0}.movement-list article>span{border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.movement-list article>span.debit{color:var(--amber);background:#fff4df}.movement-list article>span.credit{color:var(--green);background:#e8f7ef}.movement-list article>div{gap:4px;display:grid}.movement-list small{color:var(--muted)}.movement-list strong.debit{color:var(--amber)}.movement-list strong.credit{color:var(--green)}.movement-list>article>strong small{color:var(--muted);text-align:right;margin-top:3px;font-size:9px;font-weight:600;display:block}.finance-forms+.panel{margin-bottom:20px}.order-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#021024b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.order-dialog{background:#eef3f7;border-radius:18px;width:min(1050px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 30px 90px #0000004d}.order-dialog-toolbar{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;min-height:66px;padding:12px 18px 12px 24px;display:flex}.order-dialog-toolbar>div{gap:2px;display:grid}.order-dialog-toolbar span{color:#bcd2e5;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.order-dialog-toolbar strong{font-size:18px}.order-dialog-toolbar button{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;width:38px;height:38px;font-size:24px}.order-document{color:#142033;background:#fff;margin:18px;padding:34px}.order-document-head{border-bottom:4px solid var(--navy);grid-template-columns:280px 1fr;align-items:center;gap:28px;padding-bottom:22px;display:grid}.order-document-head img{object-fit:cover;object-position:center;border-radius:10px;width:100%;max-height:150px}.order-document-head>div{text-align:right}.order-document-head span,.order-customer>p{color:var(--teal);letter-spacing:.16em;font-size:11px;font-weight:900}.order-document-head .order-document-kind{color:var(--navy);letter-spacing:.08em;font-size:23px;font-weight:950;line-height:1.1;display:block}.order-document-head>div>small{color:var(--teal);letter-spacing:.14em;margin-top:7px;font-size:10px;font-weight:900;display:block}.order-document-head h2{color:var(--navy);margin:7px 0 4px;font-size:30px}.order-document-head p{color:var(--muted);margin:0;font-size:12px}.order-customer{padding:22px 0}.order-customer>p{margin:0 0 7px}.order-customer h3{color:var(--navy);margin:0 0 9px;font-size:22px}.order-customer div{color:var(--muted);flex-wrap:wrap;gap:7px 20px;font-size:12px;display:flex}.order-document-table{border:1px solid var(--line)}.order-document-table th{color:#fff;background:var(--navy)}.order-document-table td{white-space:normal}.order-document-table td:first-child{min-width:220px}.order-document-table td strong,.order-document-table td small{display:block}.order-document-table td small{color:var(--muted);margin-top:4px}.order-document-total{justify-content:flex-end;gap:18px;padding:22px 0;display:flex}.order-document-total>div{border:1px solid var(--line);border-radius:10px;gap:5px;min-width:220px;padding:16px 20px;display:grid}.order-document-total span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.order-document-total strong{color:var(--navy);font-size:22px}.order-document-total small{color:var(--muted);font-size:10px}.order-document-total .final{color:#fff;background:var(--navy)}.order-document-total .final span,.order-document-total .final strong,.order-document-total .final small{color:#fff}.order-document-total .final{min-width:430px}.order-document-total .account-status.debt strong,.order-document-total .account-status.debt small{color:#b4232b}.order-document-total .account-status.favor strong,.order-document-total .account-status.favor small{color:#16835b}.document-total-debt{border-top:1px solid #ffffff4d;gap:3px;margin-top:9px;padding-top:10px;display:grid}.document-total-debt b{font-size:18px}.order-document-total .final .document-total-debt.debt b,.order-document-total .final .document-total-debt.debt small{color:#ffb8bc}.order-document-total .final .document-total-debt.favor b,.order-document-total .final .document-total-debt.favor small{color:#8ee3bd}.order-document-foot{border-top:1px solid var(--line);min-height:0;color:var(--muted);letter-spacing:.06em;background:#fff;padding:14px 0 0;font-size:10px}.order-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 18px 18px;display:flex}.order-document.export-layout{box-sizing:border-box;width:980px;margin:0;padding:34px}.order-document.export-layout .order-document-head{grid-template-columns:280px 1fr;gap:28px;display:grid}.order-document.export-layout .order-document-head>div{text-align:right}.order-document.export-layout .order-document-table{border-collapse:collapse;border:1px solid var(--line);width:100%;display:table}.order-document.export-layout .order-document-table thead{display:table-header-group}.order-document.export-layout .order-document-table tbody{display:table-row-group}.order-document.export-layout .order-document-table tr{break-inside:avoid;display:table-row}.order-document.export-layout .order-document-table th,.order-document.export-layout .order-document-table td,.order-document.export-layout .order-document-table td:first-child{border-bottom:1px solid var(--line);min-width:0;padding:12px 14px;display:table-cell}.order-document.export-layout .order-document-table td:before{content:none;display:none}.order-document.export-layout .order-document-table td:first-child strong,.order-document.export-layout .order-document-table td:first-child small{display:block}.order-document.export-layout .order-document-total{flex-direction:row;justify-content:flex-end;gap:18px;display:flex}.order-document.export-layout .order-document-total>div{width:auto;min-width:220px}.order-document.export-layout .order-document-total .final{width:auto;min-width:430px}.empty{min-height:210px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:30px;display:grid}.empty>span{color:#fff;background:var(--teal);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.empty strong{color:var(--navy);font-size:17px}.empty p{margin:0 0 8px;font-size:13px}.loading{min-height:60vh;color:var(--navy);text-align:center;align-content:center;place-items:center;display:grid}.loading h1{margin:16px 0 5px}.loading p{color:var(--muted);margin:0}.spinner{border:4px solid #dbe6ef;border-top-color:var(--teal);border-radius:50%;width:42px;height:42px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#fff;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 78% 25%, #10919a66, transparent 30%), linear-gradient(145deg, #031c3d 0%, var(--navy) 52%, #075d68 100%);align-items:center;min-height:100vh;padding:8vw;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-brand:before{width:440px;height:440px;top:-120px;right:-170px}.login-brand:after{width:620px;height:620px;bottom:-330px;right:-260px}.login-brand-content{z-index:2;max-width:540px;position:relative}.login-mark{background:#0c6772b8;border:1px solid #ffffff40;border-radius:20px;place-items:center;width:74px;height:74px;margin-bottom:44px;font-size:24px;font-weight:950;display:grid;box-shadow:0 18px 45px #00000029}.login-brand-content p{color:#74d7d7;letter-spacing:.17em;text-transform:uppercase;margin:0 0 13px;font-size:13px;font-weight:850}.login-brand-content h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(48px,6vw,82px);line-height:.95}.login-brand-content>span:last-child{color:#cfdfec;max-width:470px;font-size:17px;line-height:1.65;display:block}.login-lines{background:linear-gradient(90deg,#0000,#4fdadcb3,#0000);height:1px;position:absolute;inset:auto -15% 17% 24%;transform:rotate(-15deg)}.login-lines:before,.login-lines:after{content:"";background:#64dfe1;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;box-shadow:0 0 24px #64dfe1}.login-lines:before{left:35%}.login-lines:after{left:65%}.login-panel{background:#f7f9fb;place-items:center;padding:60px;display:grid}.login-form{border:1px solid var(--line);background:#fff;border-radius:20px;gap:17px;width:min(430px,100%);padding:42px;display:grid;box-shadow:0 24px 70px #062b591a}.login-form>p{color:var(--teal);letter-spacing:.15em;text-transform:uppercase;margin:0 0 -9px;font-size:11px;font-weight:900}.login-form h2{color:var(--navy);letter-spacing:-.035em;margin:0;font-size:30px}.login-help{color:var(--muted);margin-bottom:8px;font-size:13px;line-height:1.5}.login-form .field input{min-height:49px}.login-submit{min-height:50px;margin-top:3px}.login-form>small{color:#8290a3;text-align:center;line-height:1.45}.login-error{color:#9d3036;background:#fff7f7;border:1px solid #ecc7c9;border-radius:10px;align-items:center;gap:9px;padding:11px 12px;font-size:12px;font-weight:650;display:flex}.login-error strong{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.login-mobile-brand{display:none}@media (width<=1100px){.metrics,.quick-grid{grid-template-columns:1fr 1fr}.two-columns{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.line-builder.catalog{grid-template-columns:minmax(220px,1fr) 100px 110px 140px}.line-builder.catalog .add-line{grid-column:1/-1}.balance-grid{grid-template-columns:1fr 1fr}.order-document-head{grid-template-columns:minmax(180px,250px) minmax(0,1fr)}.order-document-total .final{min-width:360px}}@media (width<=760px){.simple-app{padding-top:62px}.topbar{height:62px;padding:0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));gap:8px}.menu-button{flex:none;width:38px;height:38px}.brand{min-width:0}.brand small,.access-state{display:none}.fx-widget{flex:145px;gap:0 6px;min-width:0;max-width:190px;padding:6px 9px}.fx-widget b{font-size:13px}.fx-widget span{font-size:8px}.session-exit{justify-content:center;min-width:40px;padding:9px;font-size:0}.session-exit strong{display:none}.brand strong{font-size:13px}.sidebar{width:min(86vw,320px);padding-bottom:env(safe-area-inset-bottom);inset-block-start:62px}.sidebar nav{overflow-y:auto}.menu-backdrop{inset-block-start:62px}.app-main{width:min(100% - 24px,1440px);min-height:calc(100vh - 120px);padding:24px 0 40px}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.notice{overflow-wrap:anywhere;align-items:flex-start;font-size:13px;top:72px}.page-title{flex-direction:column;align-items:flex-start}.page-title h1{overflow-wrap:anywhere;font-size:clamp(27px,9vw,36px)}.page-title>div>span{font-size:14px;line-height:1.5;display:block}.page-title>button{width:100%}.metrics,.quick-grid,.two-columns,.finance-total,.finance-forms{grid-template-columns:1fr}.metric{min-height:125px}.metric strong,.finance-total strong{overflow-wrap:anywhere;font-size:clamp(23px,7vw,29px)}.panel-head{align-items:flex-start;padding:18px}.panel-head .text-button{flex:none}.quick-grid button{min-height:96px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.order-main{padding:18px}.mode-switch{width:100%}.mode-switch button{flex:1;padding:0 8px;font-size:12px}.currency-switch{flex-wrap:wrap}.currency-switch>small{width:100%;margin:4px 0 0}.line-builder.catalog{grid-template-columns:1fr 1fr}.line-builder .product-field,.line-builder .add-line{grid-column:1/-1}.order-lines{border:0;overflow:visible}.order-lines-head{display:none}.order-line{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin-bottom:10px;padding:14px;display:grid}.order-line>div{grid-column:1/-1}.order-line>span{color:var(--muted);font-size:12px}.order-line-price{grid-area:3/1}.order-line>strong{justify-self:end}.order-line>button{grid-area:3/2;justify-self:end}.order-summary .grand-total{flex-direction:column;align-items:flex-start;gap:6px}.grand-total strong{font-size:22px}.responsive-table{display:block}.responsive-table thead{display:none}.responsive-table tbody{gap:12px;padding:12px;display:grid}.responsive-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 4px 12px #062b590a}.responsive-table td{border-bottom:1px solid var(--line);white-space:normal;text-align:right;overflow-wrap:anywhere;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;font-size:10px;font-weight:850}.responsive-table .table-reference{text-align:right}.responsive-table .table-actions{justify-content:flex-end}.responsive-table .table-actions button{flex:88px;min-height:38px}.customer-list article{grid-template-columns:42px 1fr}.customer-balance{text-align:left;grid-column:2}.customer-actions button,.product-actions button{min-height:40px}.product-list article{align-items:flex-start}.product-list article>div:first-child{min-width:0}.product-list strong,.product-list small{overflow-wrap:anywhere}.balance-grid{grid-template-columns:1fr}.cancellation-list article{grid-template-columns:1fr;align-items:flex-start}.cancellation-list article button{width:100%}.recent-list article{align-items:flex-start}.recent-list article>div:last-child{min-width:115px}.order-dialog-backdrop{padding:0}.order-dialog{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.order-dialog-toolbar{z-index:4;padding-top:max(12px, env(safe-area-inset-top));position:sticky;top:0}.order-document{margin:10px;padding:18px}.order-document-head{grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:14px}.order-document-head .order-document-kind{font-size:clamp(16px,5vw,21px)}.order-document-head h2{overflow-wrap:anywhere;font-size:clamp(19px,6vw,26px)}.order-document-table{border:0;display:block}.order-document-table thead{display:none}.order-document-table tbody{gap:10px;display:grid}.order-document-table tr{border:1px solid var(--line);border-radius:10px;gap:7px;padding:10px 12px;display:grid}.order-document-table td,.order-document-table td:first-child{white-space:normal;overflow-wrap:anywhere;border:0;grid-template-columns:105px minmax(0,1fr);gap:10px;min-width:0;padding:0;display:grid}.order-document-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:850}.order-document-table td:first-child strong,.order-document-table td:first-child small{grid-column:2}.order-document-table td:first-child:before{grid-area:1/1/3}.order-document-total{flex-direction:column}.order-document-total>div,.order-document-total .final{width:100%;min-width:0}.order-document-total strong{overflow-wrap:anywhere;font-size:19px}.order-detail-actions{z-index:5;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#eef3f7;grid-template-columns:1fr 1fr;display:grid;position:sticky;bottom:0;left:0}.order-detail-actions button{width:100%;min-width:0;padding:0 8px}.movement-list article{grid-template-columns:36px minmax(0,1fr);align-items:start}.movement-list>article>strong{text-align:left;grid-column:2;justify-self:start}.movement-list>article>strong small{text-align:left}}@media (width<=900px){.login-page{background:linear-gradient(145deg, #031c3d, var(--navy));grid-template-columns:1fr}.login-brand{display:none}.login-panel{background:0 0;min-height:100vh;padding:24px}.login-form{padding:30px 24px}.login-mobile-brand{color:var(--navy);align-items:center;gap:11px;margin-bottom:8px;display:flex}.login-mobile-brand span{color:#fff;background:var(--teal);border-radius:11px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.login-mobile-brand strong{letter-spacing:.08em}}@media (width<=480px){.topbar{gap:6px}.brand>span:last-child{display:none}.brand-mark{width:38px;height:38px}.fx-widget{min-width:0;max-width:none;padding-inline:7px}.fx-widget b{font-size:12px}.metrics,.quick-grid{gap:10px}.quick-grid{grid-template-columns:1fr}.app-main{width:min(100% - 16px,1440px)}.panel,.metric{border-radius:12px}.form-panel{padding:18px 14px}.mode-switch{flex-direction:column}.inline-fields,.line-builder.catalog{grid-template-columns:1fr}.line-builder .field{grid-column:auto}.customer-form-actions{flex-direction:column-reverse}.customer-list article{padding:14px}.customer-list article .avatar{align-self:start}.product-list article{grid-template-columns:1fr;padding:14px;display:grid}.product-price{border-top:1px solid var(--line);text-align:left;padding-top:10px}.customer-actions,.product-actions{grid-template-columns:1fr 1fr;display:grid}.customer-actions button,.product-actions button{width:100%}.recent-list article{flex-direction:column}.recent-list article>div:last-child{text-align:left}.order-document{min-width:0;margin:6px;padding:14px 12px}.order-document-head{grid-template-columns:1fr}.order-document-head img{max-height:150px}.order-document-head>div{text-align:left}.order-document-table td{grid-template-columns:90px minmax(0,1fr)}.order-detail-actions{gap:6px;padding-inline:8px}.order-detail-actions button{font-size:12px}.login-panel{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.login-form{border-radius:16px;padding:25px 18px}.login-form h2{font-size:27px}}@media (width<=360px){.session-exit{display:none}.fx-widget{flex-basis:120px}.responsive-table td{text-align:left;grid-template-columns:1fr}.responsive-table .table-reference{text-align:left}.responsive-table .table-actions{justify-content:flex-start}}@media (hover:none) and (pointer:coarse){.primary,.secondary,.text-button,.table-actions button,.customer-actions button,.product-actions button,.sidebar nav button{min-height:44px}.field input,.field select,.field textarea{font-size:16px}}
