.pp-page{width:100%;min-width:0;padding:20px 24px;box-sizing:border-box;color:#122758;background:#f6f9fe}.pp-page *{box-sizing:border-box}.pp-panel{width:100%;background:#f9fcff;border:1px solid #e0eafa;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #244e880f}.pp-panel-header{display:flex;align-items:center;gap:18px;padding:23px 26px;background:#eaf4ff}.pp-header-icon,.pp-modal-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#0869ec;background:#d8eaff;width:56px;height:56px;border-radius:15px}.pp-header-copy{flex:1;min-width:0}.pp-panel-header h1{margin:0 0 5px;color:#0e2458;font-size:clamp(20px,2.2vw,28px);line-height:1.2}.pp-panel-header p{margin:0;color:#7183a8;font-size:14px}.pp-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.pp-panel-body{padding:22px 24px 18px}.pp-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pp-page input,.pp-page textarea,.pp-page select{min-width:0;max-width:100%;font:inherit;color:#142d61;background:#fff;border:1px solid #cddcf1;border-radius:9px;outline:0}.pp-page input:focus,.pp-page textarea:focus,.pp-page select:focus{border-color:#378df4;box-shadow:0 0 0 3px #378df41f}.pp-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:180px;padding:0 12px;color:#7183a8;border:1px solid #cddcf1;border-radius:9px;background:#fff}.pp-search input{width:100%;height:43px;padding:0;border:0;box-shadow:none;background:transparent}.pp-search input:focus{border:0;box-shadow:none}.pp-date-filter,.pp-status-filter{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}.pp-date-filter input,.pp-status-filter select{height:43px;padding:0 9px;font-size:13px}.pp-date-filter input{width:150px}.pp-status-filter select{width:135px}.pp-table-wrap{width:100%;min-width:0;overflow-x:auto}.pp-table{width:100%;border-collapse:collapse;color:#162e62;font-size:13px}.pp-table th{background:#e4f0ff;color:#0f285e;text-align:left;font-weight:750}.pp-table th,.pp-table td{padding:13px 12px;border:1px solid #e3ecf8;vertical-align:middle}.pp-table tbody tr:nth-child(2n){background:#f0f7ff}.pp-ref{font-weight:750;white-space:nowrap}.pp-centered{text-align:center}.pp-observation{min-width:160px;line-height:1.45}.pp-empty,.pp-state{text-align:center;color:#7383a4;padding:22px}.pp-status{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;white-space:nowrap;font-weight:750;font-size:12px}.pp-status--pending{background:#fff2d5;color:#bc7600}.pp-status--approved{background:#dff8ec;color:#0c9160}.pp-status--rejected{background:#ffe5e6;color:#cd3745}.pp-status--other{background:#e7effa;color:#476389}.pp-eye,.pp-icon-button,.pp-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbdcf4;background:#edf5ff;border-radius:9px;color:#0871f4;cursor:pointer}.pp-eye{width:36px;height:36px}.pp-icon-button{width:41px;height:41px}.pp-refresh-button{width:auto;min-width:125px;height:41px;padding:0 14px;gap:8px;flex-shrink:0;white-space:nowrap;font-size:14px;font-weight:600}.pp-refresh-button span{white-space:nowrap}.pp-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:20px;color:#7183a8;font-size:13px}.pp-pages{display:flex;flex-wrap:wrap;gap:6px}.pp-pages button{min-width:34px;height:34px;border-radius:8px;border:1px solid #cddcf1;background:#f9fcff;color:#31527e;cursor:pointer}.pp-pages button.is-active{background:#0876f9;color:#fff;border-color:#0876f9}.pp-pages button:disabled{opacity:.4;cursor:not-allowed}.pp-primary,.pp-neutral,.pp-danger,.pp-add-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 17px;cursor:pointer;font-weight:700;font-size:13px;white-space:nowrap}.pp-primary{color:#fff;background:#096bf0;border:1px solid #096bf0}.pp-neutral,.pp-add-row{color:#587398;background:#fafdff;border:1px solid #b8cde9}.pp-danger{color:#c12938;background:#fff0f1;border:1px solid #ffd0d5}.pp-primary:disabled,.pp-neutral:disabled,.pp-danger:disabled{opacity:.5;cursor:not-allowed}.pp-success,.pp-error{padding:11px 13px;margin-bottom:12px;border-radius:9px;font-size:13px}.pp-success{background:#e2f8eb;color:#146e43}.pp-error{background:#fff0f1;color:#ad2536}.pp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;background:#0e234c7a;padding:20px}.pp-modal{display:flex;flex-direction:column;width:min(100%,690px);max-height:min(90vh,940px);border:1px solid #d6e7fa;border-radius:18px;overflow:hidden;background:#f4f9ff;box-shadow:0 20px 65px #0d265233}.pp-modal--details{width:min(100%,790px)}.pp-modal-header{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#e5f2ff;flex-shrink:0}.pp-modal-header>div{flex:1;min-width:0}.pp-modal-header h2{margin:0 0 5px;font-size:clamp(18px,2vw,22px);line-height:1.25;color:#10255a}.pp-modal-header p{margin:0;font-size:13px;color:#7187a8}.pp-modal-icon{width:48px;height:48px}.pp-close{width:36px;height:36px;background:#f8fbff;color:#60789e}.pp-modal form{display:flex;flex-direction:column;min-height:0}.pp-modal-content{min-height:0;overflow-y:auto;padding:19px 20px}.pp-field-label{display:flex;align-items:center;gap:8px;font-weight:750;font-size:13px;color:#1c3263;margin-bottom:9px}.pp-field-label strong,.pp-entry-head strong{color:#f13444}.pp-date-input{display:block;width:100%;min-height:42px;padding:9px 12px;margin-bottom:16px}.pp-entry-table{border:1px solid #d1e3f5;border-radius:10px;overflow:hidden;margin-bottom:10px}.pp-entry-head,.pp-entry-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(110px,1fr) 34px;gap:8px;align-items:center;padding:7px 10px}.pp-entry-head{background:#deeeff;font-weight:750;font-size:13px}.pp-entry-row{background:#f9fcff;border-top:1px solid #dbe8f7}.pp-entry-row:nth-child(odd){background:#edf6ff}.pp-entry-row select,.pp-entry-row input{height:37px;width:100%;padding:7px 9px;font-size:13px}.pp-remove{display:flex;justify-content:center;align-items:center;background:transparent;border:0;color:#dc4b60;cursor:pointer}.pp-remove:disabled{opacity:.25;cursor:not-allowed}.pp-add-row{padding:7px 11px;font-size:12px;margin-bottom:16px}.pp-help{color:#6f82a6;font-size:12px}.pp-note{padding:12px;background:#e7f2ff;border-radius:11px}.pp-note textarea{display:block;width:100%;padding:11px;resize:vertical;min-height:77px;background:#fbfdff;font-size:13px}.pp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid #d7e6f8;background:#eaf4ff;flex-shrink:0}.pp-details-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.pp-details-meta>div{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:13px;border:1px solid #d3e4f6;border-radius:10px;background:#fafdff;color:#20376b}.pp-details-meta span{display:flex;flex-direction:column;gap:8px;font-size:12px}.pp-details-meta strong{font-size:13px;color:#142b61}.pp-details-note{display:flex;gap:13px;padding:16px;margin-bottom:16px;border-radius:10px;background:#e5f1ff;font-size:13px}.pp-details-note p{margin:7px 0 0;line-height:1.5}.pp-details-products{padding:14px;border-radius:10px;border:1px solid #d3e4f6;background:#f9fcff}.pp-details-products h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:16px}.pp-decision{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pp-decision input{flex:1 1 230px;min-height:42px;padding:8px 12px}@media (max-width: 900px){.pp-page{padding:12px}.pp-panel-header{padding:17px}.pp-panel-body{padding:15px}}@media (max-width: 600px){.pp-page{padding:8px}.pp-panel-header{flex-wrap:wrap;gap:10px}.pp-header-actions{width:100%;justify-content:flex-end}.pp-filters>*{flex:1 1 100%}.pp-date-filter input,.pp-status-filter select{flex:1;width:100%}.pp-table{min-width:790px}.pp-backdrop{padding:8px}.pp-modal{max-height:95vh;border-radius:13px}.pp-modal-header,.pp-modal-content,.pp-modal-footer{padding:12px}.pp-entry-head,.pp-entry-row{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) 25px;gap:5px;padding:7px}.pp-entry-head{font-size:11px}.pp-entry-row select,.pp-entry-row input{padding:5px;font-size:12px}.pp-details-meta{grid-template-columns:1fr}.pp-details-products .pp-table,.pp-modal-footer button{min-width:0}}.pp-row-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.pp-row-actions .pp-eye,.pp-row-actions .pp-approve,.pp-row-actions .pp-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.pp-row-actions .pp-eye{color:#0968e8;background:#eaf4ff;border-color:#c9dfff}.pp-row-actions .pp-approve{color:#fff;background:#0fa765}.pp-row-actions .pp-danger{color:#c72b39;background:#ffe9ec}.pp-refusal-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #f7dadd;border-radius:10px;background:#fff2f3}.pp-refusal-box label{color:#213868;font-weight:700}.pp-refusal-box label strong{color:#ce2535}.pp-refusal-box textarea{flex:1 1 240px;resize:vertical}.pp-danger-strong{background:#d72a39;color:#fff;border:0;border-radius:9px;padding:11px 14px;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.pp-danger-strong:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 680px){.pp-refusal-box{align-items:stretch}.pp-refusal-box textarea{flex-basis:100%}}@media (max-width: 1024px){.pp-page{padding:16px}.pp-panel-header{flex-wrap:wrap;padding:18px}.pp-header-actions{width:100%;justify-content:flex-end}.pp-panel-body{padding:16px}.pp-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pp-modal{width:min(94vw,690px)}}@media (max-width: 640px){.pp-page{padding:10px}.pp-panel-header{gap:10px;padding:12px}.pp-header-icon{width:42px;height:42px}.pp-header-copy{flex-basis:calc(100% - 55px)}.pp-header-actions{flex-wrap:wrap;justify-content:stretch}.pp-header-actions button{flex:1 1 auto;white-space:nowrap}.pp-panel-body{padding:12px}.pp-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pp-search{grid-column:1 / -1}.pp-filters>*{min-width:0;width:100%}.pp-table-wrap{width:100%;max-width:100%;overflow-x:auto}.pp-modal{width:min(100%,560px);max-height:94dvh;overflow-y:auto}.pp-modal-footer{flex-wrap:wrap;gap:8px}.pp-modal-footer button{flex:1 1 130px;white-space:nowrap}.pp-refusal-box{flex-direction:column;align-items:stretch}.pp-refusal-box textarea{width:100%}.pp-pagination{flex-wrap:wrap;gap:10px}.pp-pages{max-width:100%;overflow-x:auto}}@media (max-width: 640px){.pp-panel-body>.pp-table-wrap>.pp-table{min-width:0;width:100%;border-collapse:separate}.pp-panel-body>.pp-table-wrap>.pp-table thead{display:none}.pp-panel-body>.pp-table-wrap>.pp-table tbody,.pp-panel-body>.pp-table-wrap>.pp-table tr{display:block;width:100%}.pp-panel-body>.pp-table-wrap>.pp-table tbody>tr{margin-bottom:12px;padding:8px;border:1px solid #dbe8f7;border-radius:12px;background:#f8fbff}.pp-panel-body>.pp-table-wrap>.pp-table td:not([colspan]){display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;min-width:0;padding:8px;text-align:right;overflow-wrap:anywhere}.pp-panel-body>.pp-table-wrap>.pp-table td:not([colspan]):before{content:attr(data-label);flex:0 0 38%;text-align:left;color:#627899;font-weight:650}.pp-panel-body>.pp-table-wrap>.pp-table td .pp-row-actions{justify-content:flex-end}.pp-panel-body>.pp-table-wrap>.pp-table td[colspan]{display:block;width:100%}}.pp-product-lines,.pp-quantity-lines{display:flex;flex-direction:column;gap:7px;min-width:0}.pp-product-lines>span,.pp-quantity-lines>strong{display:block;min-height:19px;line-height:19px;overflow-wrap:anywhere}.pp-quantity-lines>strong{font-weight:700;color:#224c84}.pp-muted{color:#74839b}.pp-observation{white-space:normal;overflow-wrap:anywhere}@media (max-width: 640px){.pp-product-lines,.pp-quantity-lines{align-items:flex-start}}.pp-modal.pp-modal--details{width:min(100%,640px);max-height:min(88dvh,760px);background:#f8fbff}.pp-details-header{padding:13px 17px}.pp-details-header .pp-modal-icon{width:38px;height:38px}.pp-details-header h2{margin:0;font-size:18px}.pp-details-content{padding:16px 18px}.pp-details-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #d9e5f4}.pp-details-summary>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.pp-details-summary span{font-size:12px;color:#607797}.pp-details-summary strong{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#172c5b;overflow-wrap:anywhere}.pp-modal--details .pp-details-products{border:0;border-radius:0;background:transparent;padding:0}.pp-modal--details .pp-details-products h3,.pp-modal--details .pp-details-note h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;color:#132a5e}.pp-modal--details .pp-details-products .pp-table td,.pp-modal--details .pp-details-products .pp-table th{padding:9px 12px;font-size:13px}.pp-modal--details .pp-details-note{display:block;border:0;background:transparent;padding:0;margin:16px 0 0}.pp-modal--details .pp-details-note p{margin:0;padding:11px 12px;background:#eaf3ff;border:1px solid #d8e5f6;border-radius:8px;color:#223b6e;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.pp-details-footer{padding:10px 18px}@media (max-width: 540px){.pp-modal.pp-modal--details{width:min(100%,440px);max-height:92dvh}.pp-details-content{padding:12px}.pp-details-summary{gap:9px}.pp-modal--details .pp-details-products .pp-table td,.pp-modal--details .pp-details-products .pp-table th{padding:8px;font-size:12px}}.comp-page{--blue:#0b6cf2;--ink:#10233f;--muted:#6b7f98;--line:#dfe8f1;--bg:#f6f9fd;min-width:0;color:var(--ink);font-size:14px}.comp-page *{box-sizing:border-box}.comp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.comp-breadcrumb{display:flex;gap:8px;align-items:center;color:#55708f;font-size:12px;margin-bottom:8px}.comp-head h1{font-size:clamp(25px,2.4vw,34px);line-height:1.1;margin:0;font-weight:850}.comp-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.comp-primary,.comp-soft,.comp-danger{min-height:42px;border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:12px;cursor:pointer}.comp-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.comp-soft{background:#fff;color:#314c6c;border:1px solid #cddbea}.comp-danger{background:#e72132;color:#fff;border:1px solid #e72132}.comp-primary:disabled,.comp-soft:disabled,.comp-danger:disabled{opacity:.45;cursor:not-allowed}.comp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.comp-stat{min-width:0;min-height:102px;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px}.comp-stat.blue{background:#eef6ff}.comp-stat.green{background:#edfaf3}.comp-stat.purple{background:#f5f0ff}.comp-stat.orange{background:#fff7e9}.comp-stat.red{background:#fff1f2}.comp-stat .ico{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;background:#ffffffa8;color:var(--blue)}.comp-stat.green .ico{color:#0b9a58}.comp-stat.purple .ico{color:#7a3ff2}.comp-stat.orange .ico{color:#eaa100}.comp-stat.red .ico{color:#e12b3c}.comp-stat small{display:block;color:#425d7b;font-weight:750;font-size:11px}.comp-stat strong{display:block;margin-top:4px;font-size:25px}.comp-stat span:last-child{display:block;color:#6d8199;font-size:11px;margin-top:3px}.comp-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:14px}.comp-toolbar{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;padding:12px}.comp-tools-left,.comp-tools-right{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}.comp-search{height:40px;min-width:280px;display:flex;align-items:center;gap:7px;border:1px solid #d1deea;border-radius:8px;padding:0 10px;background:#f8fbfe}.comp-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.comp-filter{display:grid;gap:5px}.comp-filter span{font-size:10px;font-weight:800;color:#395576}.comp-filter select,.comp-filter input{height:40px;min-width:160px;border:1px solid #cedce8;border-radius:8px;background:#fff;padding:0 10px;color:#243e5c;font-size:12px}.comp-table-wrap{width:100%;overflow:auto}.comp-table{width:100%;min-width:850px;border-collapse:collapse}.comp-table th{height:38px;padding:0 11px;text-align:left;background:#eef4f9;color:#2e4b6a;font-size:10px;white-space:nowrap}.comp-table td{padding:9px 11px;border-top:1px solid #e8eef3;color:#263f5c;font-size:11px;vertical-align:middle}.comp-table tbody tr:nth-child(2n){background:#fbfdff}.comp-table tbody tr:hover{background:#f5f9fe}.comp-table .money{text-align:right;font-variant-numeric:tabular-nums}.comp-actions{display:flex;align-items:center;gap:5px}.comp-actions button{width:31px;height:31px;border:0;background:transparent;border-radius:7px;display:grid;place-items:center;color:#0b6cf2;cursor:pointer}.comp-actions button:hover{background:#edf5ff}.comp-actions button.red{color:#ed2436}.comp-actions button:disabled{opacity:.25;cursor:not-allowed}.comp-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:850}.comp-pill.green{background:#e6f8ed;color:#18824a}.comp-pill.blue{background:#e8f2ff;color:#176bce}.comp-pill.orange{background:#fff3d9;color:#b36b00}.comp-pill.red{background:#ffe8e9;color:#d92c39}.comp-pill.gray{background:#edf2f6;color:#516881}.comp-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-top:1px solid #e8eef3;color:#667c95;font-size:11px}.comp-pagination{display:flex;align-items:center;gap:5px}.comp-pagination button,.comp-pagination select{height:34px;min-width:34px;border:1px solid #d2deea;border-radius:7px;background:#fff;color:#3e5875}.comp-pagination button.active{background:var(--blue);border-color:var(--blue);color:#fff}.comp-info{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #cde0f7;border-radius:11px;background:#f1f7ff;color:#355675}.comp-info .info-ico{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#dcecff;display:grid;place-items:center;color:var(--blue)}.comp-info strong{font-size:13px}.comp-info p{margin:4px 0 0;font-size:11px;line-height:1.5}.comp-empty{padding:34px;text-align:center;color:#71849b;font-size:12px}.comp-error{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#fff0f1;color:#b63844;font-size:12px}.comp-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#14263a7a;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.comp-modal{width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border-radius:13px;border:1px solid #dce6ef;box-shadow:0 25px 80px #14283d40}.comp-modal.wide{width:min(1040px,100%)}.comp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e7edf3}.comp-modal-head h2{margin:0;font-size:23px}.comp-modal-head p{margin:4px 0 0;color:#6b7f98;font-size:12px}.comp-close{width:36px;height:36px;border:1px solid #d4dfE9;border-radius:8px;background:#fff;display:grid;place-items:center;color:#36516f}.comp-section{margin:12px 14px;border:1px solid #dbe7f2;border-radius:10px;overflow:hidden}.comp-section-title{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:850}.comp-num{width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11px}.comp-form-grid,.comp-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 13px}.comp-form-grid.cols4,.comp-detail-grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.comp-field{display:grid;gap:5px;min-width:0}.comp-field.full{grid-column:1/-1}.comp-field label,.comp-field>span:first-child{color:#2a4464;font-size:10px;font-weight:850}.comp-field input,.comp-field select,.comp-field textarea{width:100%;min-width:0;border:1px solid #ccd9e5;border-radius:7px;background:#fff;color:#243d59;font-size:12px;padding:0 10px}.comp-field input,.comp-field select{height:40px}.comp-field textarea{min-height:78px;padding-top:9px;resize:vertical}.comp-read{min-height:40px;padding:10px;border-radius:7px;background:#f4f7fb;color:#27415f;font-size:11px;overflow-wrap:anywhere}.comp-toggle{display:flex;align-items:center;gap:8px;padding-top:7px}.comp-toggle input{width:18px;height:18px}.comp-lines{padding:0 12px 13px}.comp-line-head,.comp-line{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) 120px 120px 36px;gap:7px;align-items:center}.comp-line-head{height:34px;background:#eef4f9;padding:0 8px;color:#2e4a68;font-size:10px;font-weight:850}.comp-line{padding:5px 8px;border-bottom:1px solid #e8eef3}.comp-line input,.comp-line select{height:36px;min-width:0;border:1px solid #d0dce7;border-radius:6px;padding:0 8px;font-size:11px;background:#fff}.comp-line button{width:32px;height:32px;border:0;background:transparent;color:#d53441}.comp-totals{display:flex;justify-content:flex-end;gap:0;margin-top:8px}.comp-total{min-width:110px;padding:7px 10px;border:1px solid #dae5ef;background:#f6faff;text-align:center}.comp-total span{display:block;color:#637a92;font-size:9px}.comp-total strong{display:block;margin-top:3px;font-size:12px}.comp-balanced{min-width:180px;display:flex;align-items:center;justify-content:center;gap:6px;background:#eaf9f0;color:#18844b;font-weight:850;font-size:11px;border-radius:7px;margin-left:8px}.comp-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid #e7edf3}.comp-kv-table{width:100%;border-collapse:collapse}.comp-kv-table th,.comp-kv-table td{padding:8px 10px;border-top:1px solid #e8eef3;font-size:11px}.comp-kv-table th{background:#eef4f9;text-align:left;font-size:10px}.comp-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comp-report-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.comp-report-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-bottom:1px solid #e8eef3}.comp-report-head h3{margin:0;font-size:14px}.comp-report-head p{margin:3px 0 0;font-size:10px;color:#6d8198}.comp-report-body{overflow:auto;max-height:360px}.comp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}.comp-check{display:flex;align-items:center;gap:7px;padding:9px;border-radius:8px;background:#f7fafc;color:#34516f;font-size:11px}.comp-check.ok{background:#ecf9f1;color:#1c7d4c}.comp-warning{margin:10px 12px;padding:10px;border-radius:8px;background:#fff6e5;color:#aa6a00;font-size:11px}.spin{animation:compSpin .8s linear infinite}@keyframes compSpin{to{transform:rotate(360deg)}}@media (max-width:1180px){.comp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.comp-toolbar{align-items:stretch;flex-direction:column}.comp-tools-left,.comp-tools-right{width:100%}.comp-report-grid{grid-template-columns:minmax(0,1fr)}.comp-form-grid.cols4,.comp-detail-grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.comp-page{font-size:14px}.comp-head{flex-direction:column}.comp-head>.comp-primary{width:100%}.comp-stats{grid-template-columns:minmax(0,1fr)}.comp-search{min-width:0;width:100%}.comp-filter{flex:1 1 140px}.comp-filter select,.comp-filter input{width:100%;min-width:0}.comp-tools-right .comp-soft,.comp-tools-right .comp-primary{flex:1}.comp-form-grid,.comp-detail-grid,.comp-form-grid.cols4,.comp-detail-grid.cols4{grid-template-columns:minmax(0,1fr)}.comp-line-head{display:none}.comp-line{grid-template-columns:minmax(0,1fr);margin:8px 0;padding:10px;border:1px solid #e0e9f1;border-radius:8px}.comp-line button{justify-self:end}.comp-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comp-balanced{grid-column:1/-1;min-height:40px;margin:7px 0 0}.comp-modal-actions{flex-direction:column}.comp-modal-actions button{width:100%}.comp-checks{grid-template-columns:1fr}.comp-table{min-width:720px}}@media (max-width:480px){.comp-modal-head h2{font-size:20px}.comp-stat{min-height:88px}.comp-stat strong{font-size:22px}.comp-footer{align-items:flex-start;flex-direction:column;gap:8px}.comp-pagination{width:100%;justify-content:flex-end}}.pvw-page{--pvw-blue:#1769e0;--pvw-blue-soft:#eef5ff;--pvw-green:#238057;--pvw-green-soft:#edf9f3;--pvw-orange:#b56f00;--pvw-orange-soft:#fff6e8;--pvw-violet:#7651bd;--pvw-violet-soft:#f5f0ff;--pvw-red:#c43d4b;--pvw-text:#18324d;--pvw-muted:#6d8196;--pvw-line:#dce7f0;--pvw-bg:#f6f9fd;width:100%;max-width:100%;min-width:0;color:var(--pvw-text);font-size:15px}.pvw-page *{box-sizing:border-box}.pvw-page button,.pvw-page input,.pvw-page select{font-family:inherit}.pvw-page button{cursor:pointer}.pvw-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px;border:1px solid #e0e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px #27456509}.pvw-breadcrumb{margin-bottom:5px;color:#7890a6;font-size:12px;font-weight:650}.pvw-breadcrumb span{margin:0 6px;color:#a3b2c0}.pvw-header h1{margin:0;color:#142b47;font-size:clamp(26px,2.3vw,34px);line-height:1.15;font-weight:850}.pvw-header p{margin:5px 0 0;max-width:760px;color:#71859a;font-size:13px;line-height:1.45}.pvw-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pvw-store-lock,.pvw-store-select{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #cbd9e5;border-radius:9px;background:#f9fbfd;color:#355570;font-size:12px;font-weight:800}.pvw-store-select select{min-width:190px;border:0;outline:0;background:transparent;color:inherit;font-size:12px}.pvw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.pvw-stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pvw-stat{min-width:0;min-height:104px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--pvw-line);border-radius:13px;background:#fff;box-shadow:0 4px 14px #263f5b08}.pvw-stat>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--pvw-blue-soft);color:var(--pvw-blue)}.pvw-stat.green>span{background:var(--pvw-green-soft);color:var(--pvw-green)}.pvw-stat.orange>span{background:var(--pvw-orange-soft);color:var(--pvw-orange)}.pvw-stat.violet>span{background:var(--pvw-violet-soft);color:var(--pvw-violet)}.pvw-stat div{min-width:0;text-align:center}.pvw-stat small{display:block;color:#718398;font-size:12px;font-weight:750}.pvw-stat strong{display:block;margin-top:5px;color:#17324f;font-size:clamp(20px,1.7vw,26px);line-height:1.1;overflow-wrap:anywhere}.pvw-card{min-width:0;margin-bottom:14px;border:1px solid var(--pvw-line);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 4px 16px #27405b06}.pvw-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding:14px 16px;border-bottom:1px solid #e7edf3;background:#fff}.pvw-card-head h2{margin:0;color:#183451;font-size:18px;font-weight:850}.pvw-card-head p{margin:4px 0 0;color:#78899b;font-size:12px;line-height:1.4}.pvw-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.pvw-quick-grid button{position:relative;min-height:124px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:15px;border:1px solid #dce6ef;border-radius:12px;background:#fbfdff;text-align:left;transition:.18s ease}.pvw-quick-grid button:hover{transform:translateY(-2px);border-color:#bfd4ea;background:#fff;box-shadow:0 8px 20px #28446312}.pvw-quick-grid button>span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:3px;border-radius:11px}.pvw-quick-grid span.blue{background:var(--pvw-blue-soft);color:var(--pvw-blue)}.pvw-quick-grid span.green{background:var(--pvw-green-soft);color:var(--pvw-green)}.pvw-quick-grid span.orange{background:var(--pvw-orange-soft);color:var(--pvw-orange)}.pvw-quick-grid span.violet{background:var(--pvw-violet-soft);color:var(--pvw-violet)}.pvw-quick-grid strong{color:#203a56;font-size:14px}.pvw-quick-grid small{color:#76899c;font-size:12px;line-height:1.4}.pvw-activity-list>div,.pvw-history-list>div{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 16px;border-top:1px solid #edf1f5}.pvw-activity-list>div:first-child,.pvw-history-list>div:first-child{border-top:0}.pvw-activity-list>div:nth-child(2n),.pvw-history-list>div:nth-child(2n){background:#fbfdff}.pvw-activity-icon,.pvw-history-list>div>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px;background:#eef5fc;color:#3477b5}.pvw-activity-list>div>div,.pvw-history-list>div>div{min-width:0;flex:1}.pvw-activity-list strong,.pvw-history-list strong{display:block;color:#223d59;font-size:13px}.pvw-activity-list small,.pvw-history-list small{display:block;margin-top:3px;color:#78899b;font-size:11px}.pvw-activity-list b{color:#1769e0;font-size:13px}.pvw-history-list time{color:#71869b;font-size:11px;white-space:nowrap}.pvw-two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px}.pvw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.pvw-form-grid.compact{grid-template-columns:repeat(2,minmax(200px,280px));justify-content:start}.pvw-form-grid label{display:grid;gap:7px}.pvw-form-grid label.full{grid-column:1/-1}.pvw-form-grid label>span{color:#29435f;font-size:12px;font-weight:850}.pvw-form-grid input,.pvw-form-grid select,.pvw-order-products input{width:100%;min-width:0;height:44px;border:1px solid #c6d5e3;border-radius:9px;padding:0 11px;background:#fff;color:#263f59;font-size:13px;outline:0;transition:.15s ease}.pvw-form-grid input:focus,.pvw-form-grid select:focus,.pvw-order-products input:focus,.pvw-search input:focus{border-color:#82b0e8;box-shadow:0 0 0 3px #1769e014}.pvw-inline-field{display:flex;gap:8px}.pvw-inline-field select{flex:1}.pvw-inline-field button{width:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #a9c9e7;border-radius:9px;background:#eef6ff;color:#1769e0}.pvw-total-card{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:linear-gradient(180deg,#f9fcff,#f3f8ff)}.pvw-total-card small{color:#6d8298;font-size:13px;font-weight:750}.pvw-total-card strong{margin-top:9px;color:#1769e0;font-size:clamp(28px,2.7vw,40px);line-height:1}.pvw-total-card span{margin-top:7px;color:#70849a;font-size:12px}.pvw-search{width:min(320px,38vw);height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #c9d8e5;border-radius:9px;background:#fff;color:#6b8095}.pvw-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#243d58;font-size:13px}.pvw-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.pvw-product-grid article{min-width:0;padding:14px;border:1px solid #dde6ee;border-radius:12px;background:#fff;transition:.18s ease}.pvw-product-grid article:hover{border-color:#c0d4e8;box-shadow:0 7px 18px #2642600d}.pvw-product-grid article>div:first-child small{color:#1769e0;font-size:11px;font-weight:850}.pvw-product-grid h3{margin:5px 0 4px;color:#203a56;font-size:14px}.pvw-product-grid p{margin:0;color:#71859a;font-size:12px}.pvw-product-grid article>strong{display:block;margin:10px 0;color:#1d5e9e;font-size:14px}.pvw-qty{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.pvw-qty button{height:38px;border:1px solid #bfd1e2;border-radius:8px;background:#f5f9fd;color:#1467bb;font-size:18px}.pvw-qty input{min-width:0;height:38px;border:1px solid #c8d6e3;border-radius:8px;text-align:center;font-size:13px}.pvw-bottom-actions,.pvw-card-actions{display:flex;justify-content:flex-end;gap:9px;padding:13px 16px}.pvw-primary,.pvw-secondary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:850;transition:.15s ease}.pvw-primary{border:1px solid #1769e0;background:#1769e0;color:#fff}.pvw-primary:hover:not(:disabled){background:#0e5fce}.pvw-primary:disabled{opacity:.5;cursor:not-allowed}.pvw-secondary{border:1px solid #ccd9e5;background:#fff;color:#45627d}.pvw-icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c9d9e7;border-radius:8px;background:#fff;color:#2770b3}.pvw-success-card{display:flex;align-items:center;gap:13px;padding:16px;background:#f1fbf5}.pvw-success-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#ddf5e6;color:#228251}.pvw-success-card>div{flex:1}.pvw-success-card h2{margin:0;color:#23523b;font-size:17px}.pvw-success-card p{margin:4px 0 0;font-size:12px}.pvw-message{margin:10px 0;padding:11px 13px;border-radius:9px;font-size:12px}.pvw-message.bad{background:#fff0f2;color:#ad3e4c}.pvw-message.ok{background:#eef9f2;color:#28774d}.pvw-empty{padding:34px 18px;text-align:center;color:#72869a;font-size:13px}.pvw-table-wrap{width:100%;overflow:auto}.pvw-table{width:100%;border-collapse:collapse;min-width:780px}.pvw-table th{height:44px;padding:0 12px;background:#eef5fb;color:#2c4967;text-align:left;font-size:11px;font-weight:850}.pvw-table td{padding:11px 12px;border-top:1px solid #e8eef3;color:#314960;font-size:12px;vertical-align:middle}.pvw-table tbody tr:nth-child(2n){background:#fbfdff}.pvw-table tbody tr:hover{background:#f6faff}.pvw-text-green{color:#278053}.pvw-text-orange{color:#b77505}.pvw-order-products{padding:10px 16px}.pvw-order-products>div{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:14px;align-items:center;padding:11px 0;border-top:1px solid #e8eef3}.pvw-order-products>div:first-child{border-top:0}.pvw-order-products strong{display:block;color:#243e59;font-size:13px}.pvw-order-products small{display:block;margin-top:3px;color:#75869a;font-size:11px}.pvw-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.pvw-report-grid article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce6ef;border-radius:10px;background:#fff}.pvw-report-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#eef6ff;color:#1769e0}.pvw-report-grid article>div{min-width:0;flex:1}.pvw-report-grid strong{display:block;color:#243d59;font-size:13px}.pvw-report-grid small{display:block;margin-top:3px;color:#71859a;font-size:11px}.pvw-report-grid button{min-height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #a9c8e7;border-radius:8px;background:#eef6ff;color:#1769e0;font-size:11px;font-weight:800}.pvw-profile{display:flex;align-items:center;gap:13px;padding:18px;border-bottom:1px solid #e7edf3;background:#fbfdff}.pvw-profile>span{width:62px;height:62px;display:grid;place-items:center;border-radius:14px;background:#eef6ff;color:#1769e0}.pvw-profile h2{margin:0;color:#213b58;font-size:19px}.pvw-profile p{margin:4px 0 0}.pvw-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px}.pvw-detail small{display:block;color:#74879a;font-size:11px}.pvw-detail strong{display:block;margin-top:4px;color:#243d59;font-size:13px;overflow-wrap:anywhere}.pvw-detail-lines{padding:0 16px 12px}.pvw-detail-lines h3{font-size:14px}.pvw-detail-lines>div:not(.pvw-empty){display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;padding:9px 0;border-top:1px solid #edf1f5;font-size:12px}.pvw-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:grid;place-items:center;padding:18px;background:#152a3e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pvw-modal{width:min(640px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 24px 74px #142a403d}.pvw-modal.wide{width:min(820px,100%)}.pvw-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid #e7edf3}.pvw-modal-head small{color:#73869a;font-size:11px}.pvw-modal-head h2{margin:3px 0 0;color:#203a56;font-size:19px}.pvw-modal-head>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d3dfe9;border-radius:8px;background:#fff;color:#567089}.pvw-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid #e7edf3}@media (max-width:1200px){.pvw-stats,.pvw-quick-grid,.pvw-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pvw-two-col{grid-template-columns:minmax(0,1fr)}.pvw-total-card{min-height:125px}.pvw-report-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.pvw-header{align-items:stretch;flex-direction:column}.pvw-header-actions,.pvw-store-select,.pvw-store-lock{width:100%}.pvw-store-select select{width:100%;min-width:0}.pvw-card-head{align-items:stretch;flex-direction:column}.pvw-search{width:100%}.pvw-form-grid,.pvw-form-grid.compact{grid-template-columns:minmax(0,1fr)}.pvw-form-grid label.full{grid-column:auto}.pvw-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pvw-table{min-width:0}.pvw-table thead{display:none}.pvw-table,.pvw-table tbody,.pvw-table tr,.pvw-table td{display:block;width:100%}.pvw-table tr{margin:10px;border:1px solid #dfe7ef;border-radius:10px;background:#fff!important;overflow:hidden}.pvw-table td{display:grid;grid-template-columns:140px minmax(0,1fr);gap:11px;min-height:42px;border-top:1px solid #edf1f5}.pvw-table td:first-child{border-top:0}.pvw-table td:before{content:attr(data-label);color:#71859a;font-size:11px;font-weight:850}.pvw-order-products>div{grid-template-columns:minmax(0,1fr) 110px}}@media (max-width:560px){.pvw-page{font-size:14px}.pvw-header{padding:14px}.pvw-header h1{font-size:25px}.pvw-header p{font-size:12px}.pvw-stats,.pvw-stats.three,.pvw-quick-grid,.pvw-product-grid{grid-template-columns:minmax(0,1fr)}.pvw-stat{min-height:90px}.pvw-quick-grid button{min-height:105px}.pvw-detail-grid{grid-template-columns:minmax(0,1fr)}.pvw-history-list>div{align-items:flex-start}.pvw-history-list time{max-width:100px;white-space:normal;text-align:right}.pvw-order-products>div{grid-template-columns:minmax(0,1fr)}.pvw-detail-lines>div:not(.pvw-empty){grid-template-columns:minmax(0,1fr)}.pvw-modal-actions,.pvw-bottom-actions,.pvw-card-actions{flex-direction:column}.pvw-primary,.pvw-secondary{width:100%}.pvw-table td{grid-template-columns:110px minmax(0,1fr)}}@media print{.sidebar,.topbar,.pvw-header-actions,.pvw-card-actions,.pvw-bottom-actions,.pvw-modal-actions,.pvw-icon-btn{display:none!important}.app-main{margin-left:0!important}.content{padding:0!important}.pvw-layer{position:static;padding:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.pvw-modal{width:100%!important;max-height:none;border:0;box-shadow:none}}.pvw-reception-filters{grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,.55fr));align-items:end}.pvw-reception-filters .full{grid-column:auto}.pvw-search-full{width:100%}@media (max-width:1050px){.pvw-reception-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pvw-reception-filters .full{grid-column:1/-1}}@media (max-width:620px){.pvw-reception-filters{grid-template-columns:minmax(0,1fr)}.pvw-reception-filters .full{grid-column:auto}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151d2b;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid #e7ebf1;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:50;transition:transform .22s ease}.brand{min-height:72px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;background:#fff;z-index:2}.brand img{width:156px;height:52px;object-fit:contain;background:transparent;border:0;outline:0;box-shadow:none;padding:0}.brand-actions{display:flex;align-items:center;gap:6px}.sidebar-collapse{border:1px solid #dfe6ee;background:#fff;color:#35587b;width:28px;height:28px;border-radius:8px;font-size:16px;font-weight:800;display:inline-grid;place-items:center}.sidebar-close{display:none;border:0;background:transparent;color:#1a2433;padding:6px}.side-group{padding-bottom:5px}.side-section{font-size:11px;font-weight:800;color:#556276;padding:15px 18px 6px;letter-spacing:.02em}.side-link{display:flex;align-items:center;gap:11px;color:#172235;text-decoration:none;padding:9px 14px;margin:1px 8px;border-radius:7px;font-size:13px;font-weight:650;transition:background .16s ease,color .16s ease;white-space:nowrap}.side-link svg{color:#53667f;flex:0 0 auto}.side-link:hover{background:#f3f6fa}.side-link.active{color:#215c9a;background:#edf4fb;box-shadow:inset 3px 0 #8db2dc}.side-link.active svg{color:#4c82bd}.app-main{margin-left:250px;min-width:0;flex:1;transition:margin-left .22s ease}.sidebar.collapsed{width:82px}.sidebar.collapsed .brand{padding:8px 10px;justify-content:center}.sidebar.collapsed .brand img{width:46px;height:46px}.sidebar.collapsed .side-section,.sidebar.collapsed .side-link span{display:none}.sidebar.collapsed .side-link{justify-content:center;padding:11px 8px}.sidebar.collapsed .brand-actions{position:absolute;right:8px;top:8px}.sidebar.collapsed .sidebar-collapse{width:24px;height:24px;font-size:14px}.app-main.collapsed{margin-left:82px}.topbar{height:62px;background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;position:sticky;top:0;z-index:40}.mobile-menu-button{display:none;border:0;background:transparent;color:#1c293b;padding:7px}.search{width:min(580px,50vw);display:flex;align-items:center;gap:9px;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:8px;padding:8px 12px;color:#65748a}.search input{border:0;outline:0;background:transparent;width:100%;color:#172235}.top-actions{display:flex;align-items:center;gap:6px}.top-actions>button{border:0;background:transparent;color:#24344a;padding:8px;border-radius:7px}.top-actions>button:hover{background:#f2f5f8}.profile{display:flex;align-items:center;gap:8px;padding:0 5px;min-width:0}.profile-text{min-width:0}.profile strong{font-size:12.5px;color:#111a29;display:block}.profile small{display:block;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#65748a;font-size:10.5px}.avatar{width:34px;height:34px;border-radius:50%;background:#edf4fb;color:#28639f;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.content{padding:14px 16px 26px;min-width:0}.dash-head,.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.dash-head h1,.page-header h1{font-size:clamp(20px,2vw,25px);margin:0;color:#111927;line-height:1.2}.dash-head p,.page-header p{margin:3px 0 0;color:#59677b;font-size:13px}.dashboard-live{border:1px solid #dce6f0;background:#f8fbfe;color:#4d6784;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.dashboard-error{margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.stat-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #edf0f4;border-radius:10px;padding:12px;min-width:0;box-shadow:0 2px 7px #1e344e06}.stat-icon{width:40px;height:40px;border-radius:9px;background:#eff5fb;display:grid;place-items:center;color:#4c80b9;flex:0 0 40px}.stat-title{font-size:12px;font-weight:800;color:#171f2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{margin-top:3px;font-size:18px;font-weight:850;color:#0f1724;white-space:nowrap}.stat-value span{font-size:12px;font-weight:700;color:#46566d}.grid-main{display:grid;grid-template-columns:1.65fr .85fr 1.05fr;gap:10px}.grid-mid{display:grid;grid-template-columns:1.5fr .8fr 1.2fr;gap:10px;margin-top:10px}.audit-panel{margin-top:10px}.panel{background:#fff;border:1px solid #edf0f4;border-radius:10px;padding:11px;min-width:0;overflow:hidden;box-shadow:0 2px 7px #1e344e05}.panel h2{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#151e2c;font-size:14px;font-weight:800}.panel h2 svg{color:#5682b1}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.chart-box{height:220px}.chart-empty{min-height:180px;display:grid;place-items:center;color:#68778b;font-size:12px;text-align:center}.donut{height:155px;position:relative}.stock-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 0;color:#172235;font-size:11.5px}.stock-row span{display:flex;align-items:center;gap:7px;min-width:0}.stock-row i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.stock-row b{color:#111927;white-space:nowrap}.soft-chip{background:#f0f5fa;color:#3f658c;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;white-space:nowrap}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:7px 3px;border-bottom:1px solid #edf1f5;color:#1a2535;font-size:12px}.summary-row:last-child{border-bottom:0}.summary-row b{color:#0f1724;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;color:#162132;font-size:11.5px}th{text-align:left;background:#f1f5f9;padding:7px 8px;color:#111927;font-weight:800;white-space:nowrap}td{padding:7px 8px;border-bottom:1px solid #edf0f4;vertical-align:top;color:#1a2535}tbody tr:nth-child(2n){background:#f5f8fc}tbody tr:hover{background:#eef4fa}.status{display:inline-block;border-radius:12px;padding:3px 8px;font-size:10.5px;font-weight:800;white-space:nowrap}.neutral-status,.transit{background:#edf4fb;color:#3c6d9d}.success{background:#eef6f2;color:#46715f}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.api-source{color:#57667b;font-size:11.5px;overflow-wrap:anywhere}.panel-toolbar button{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e1ea;background:#fff;color:#2f628f;border-radius:7px;padding:7px 10px;font-size:11.5px;font-weight:700}.module-panel{min-height:320px}.empty,.loading,.error{padding:34px 18px;text-align:center;color:#65748a}.error{background:#fff7f7;color:#8e454b;border-radius:8px}.role-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.role-dashboard-card{min-height:170px}.compact-list{display:grid;gap:2px}.compact-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 5px;border-bottom:1px solid #edf1f5;color:#1a2535;font-size:12px}.compact-list-row:last-child{border-bottom:0}.compact-list-row b{color:#0f1724;text-align:right}.role-dashboard-value{font-size:26px;font-weight:850;color:#111927}.login-page{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2vw,28px);overflow:hidden;background-color:#dce9f7;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c234414;pointer-events:none}.login-card{position:relative;z-index:1;width:clamp(310px,24vw,390px);margin-top:clamp(24px,6vh,74px);padding:clamp(22px,2vw,30px) clamp(20px,2.1vw,30px) clamp(20px,1.8vw,26px);border:1px solid rgba(255,255,255,.78);border-radius:18px;background:#fffffff7;box-shadow:0 18px 44px #0f274933;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-align:center}.login-logo{display:block;width:clamp(150px,13vw,190px);max-width:72%;height:auto;margin:0 auto 6px;object-fit:contain;background:transparent;border:0;outline:0;box-shadow:none;padding:0}.login-title{margin:0;color:#10245c;font-size:clamp(23px,1.8vw,28px);font-weight:800;line-height:1.15}.login-subtitle{margin:8px 0 22px;color:#65758d;font-size:clamp(13px,1vw,14px);font-weight:500}.login-field{position:relative;width:100%;margin-bottom:12px}.login-field input{width:100%;height:clamp(42px,3.3vw,46px);box-sizing:border-box;border:1px solid #d4deea;border-radius:8px;outline:none;background:#fff;color:#172033;padding:0 14px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.login-field input::placeholder{color:#8b99ad}.login-field input:focus{border-color:#8fb8e7;box-shadow:0 0 0 3px #3b82f617}.login-password-field input{padding-right:44px}.login-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#718096;cursor:pointer}.login-button{width:100%;height:clamp(42px,3.3vw,46px);margin-top:1px;border:0;border-radius:8px;background:#1767d2;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.login-button:hover:not(:disabled){background:#135dbd}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-forgot{display:inline-block;margin-top:15px;color:#1767d2;font-size:13px;font-weight:600;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-error,.success-message{margin:0 0 12px;border-radius:8px;padding:9px 11px;font-size:12px}.login-error{background:#fff3f3;color:#a23f49;text-align:left}.success-message{background:#f1f7f4;color:#4a6e5d}.simple-auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f6f8fb}.simple-auth-card{width:min(400px,100%);background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:26px;box-shadow:0 14px 38px #2a3c5212}.simple-auth-card>img{width:155px;display:block;margin:0 auto 8px;background:transparent;border:0;outline:0;box-shadow:none;padding:0;object-fit:contain}.simple-auth-card h1{margin:0 0 6px;font-size:20px;color:#121b29}.simple-auth-card p{color:#647388;font-size:12px;margin:0 0 18px}.simple-auth-card .login-button{margin-top:14px}.back-login{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:11px}.sidebar-backdrop{display:none}@media (max-width: 1320px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-main{grid-template-columns:1.45fr .85fr}.shipped{grid-column:1 / -1}.grid-mid{grid-template-columns:1.4fr 1fr}.grid-mid>:last-child{grid-column:1 / -1}}@media (max-width: 1050px){.sidebar{width:220px}.sidebar.collapsed{width:74px}.app-main{margin-left:220px}.app-main.collapsed{margin-left:74px}.brand img{width:140px}.role-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.sidebar{width:min(280px,84vw);transform:translate(-100%);box-shadow:20px 0 45px #1423371f}.sidebar.collapsed{width:min(280px,84vw)}.sidebar.collapsed .side-section,.sidebar.collapsed .side-link span{display:block}.sidebar.collapsed .side-link{justify-content:flex-start;padding:9px 14px}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-menu-button{display:inline-grid;place-items:center}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#111b2947;z-index:45}.app-main{margin-left:0}.topbar{padding:0 10px}.search{width:min(420px,50vw)}.profile-text,.profile>svg{display:none}.content{padding:12px}.grid-main,.grid-mid{grid-template-columns:1fr}.shipped,.grid-mid>:last-child{grid-column:auto}.role-dashboard-grid{grid-template-columns:1fr}.login-page{padding:20px;background-position:center}.login-card{width:min(410px,100%);margin-top:3vh;padding:30px 24px 26px;border-radius:18px}.login-logo{width:200px;margin-bottom:18px}.login-title{font-size:27px}.login-subtitle{margin-bottom:24px}}@media (max-width: 620px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{display:none}.topbar{justify-content:space-between}.dash-head,.page-header{align-items:flex-start;flex-direction:column}.dashboard-live{align-self:flex-start}.chart-box{height:190px}.panel{padding:10px}}@media (max-width: 430px){.stats-grid{grid-template-columns:1fr}.top-actions{gap:2px}.top-actions>button{padding:6px}.login-page{padding:14px}.login-card{margin-top:0;padding:26px 18px 22px;border-radius:16px}.login-logo{width:175px}.login-title{font-size:24px}.login-field input{height:50px;font-size:14px}.login-button{height:48px}}@media (max-height: 700px){.login-card{margin-top:0;padding-top:24px;padding-bottom:22px}.login-logo{width:185px;margin-bottom:14px}.login-subtitle{margin-bottom:20px}}@media (min-width: 769px){.login-page{background-size:100% 100%}}@media (max-width: 768px){.login-page{padding:18px;background-size:cover;background-position:center}.login-card{width:min(86vw,360px);margin-top:2vh;padding:24px 22px 22px;border-radius:16px}.login-logo{width:165px;margin-bottom:14px}}@media (max-width: 480px){.login-page{padding:12px}.login-card{width:min(92vw,340px);margin-top:0;padding:22px 18px 20px}.login-title{font-size:23px}.login-subtitle{margin-bottom:18px}}@media (max-height: 680px) and (min-width: 769px){.login-card{margin-top:2vh;width:clamp(300px,22vw,360px);padding-top:20px;padding-bottom:18px}.login-logo{width:145px;margin-bottom:10px}.login-subtitle{margin-bottom:16px}}.users-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.users-stat-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 16px;border:1px solid #e4eaf1;border-radius:12px;background:#fff}.users-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#f0f5fb;color:#4b79a7}.users-stat-card small{display:block;margin-bottom:5px;color:#526174;font-size:11.5px;font-weight:700}.users-stat-card strong{color:#111927;font-size:22px;line-height:1}.users-panel{overflow:hidden}.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.users-toolbar-left,.users-toolbar-actions{display:flex;align-items:center;gap:9px}.users-toolbar-left{min-width:0;flex:1}.users-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:38px;padding:0 11px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;color:#6d7d90}.users-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#111927;font-size:12px}.users-toolbar select,.user-form-grid select,.user-form-grid input{height:38px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;color:#172033;outline:0;font-size:12px}.users-toolbar select{min-width:150px;padding:0 28px 0 10px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border-radius:8px;font-size:11.5px;font-weight:800;cursor:pointer}.primary-button{border:1px solid #286da8;background:#286da8;color:#fff}.primary-button:hover:not(:disabled){background:#215f93}.secondary-button{border:1px solid #d9e2ec;background:#fff;color:#24374d}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}.users-table{min-width:940px}.users-table th,.users-table td{color:#111927}.user-identity{display:flex;align-items:center;gap:9px;min-width:170px}.user-avatar-small{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#eaf2fb;color:#2c669c;font-size:12px;font-weight:900}.user-identity strong{display:block;color:#111927;font-size:11.5px}.user-identity small{display:block;margin-top:3px;color:#758296;font-size:9.5px}.role-pill{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;padding:4px 8px;border-radius:7px;background:#eef4fa;color:#315f8b;font-weight:800;white-space:nowrap}.user-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.user-status.active{background:#edf5f1;color:#4d7362}.user-status.inactive{background:#f0f3f6;color:#596777}.user-status.locked{background:#f5f1f1;color:#805e63}.user-actions{display:flex;align-items:center;gap:5px}.user-actions button,.icon-close{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #dde5ed;border-radius:7px;background:#fff;color:#345f89;cursor:pointer}.user-actions button:hover,.icon-close:hover{background:#f2f6fa}.users-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:#526174;font-size:11px}.users-pagination>div{display:flex;align-items:center;gap:8px}.users-pagination button{border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#263a50;padding:6px 10px;font-size:10.5px;font-weight:700;cursor:pointer}.users-pagination button:disabled{opacity:.45;cursor:not-allowed}.users-loading{padding:40px 20px;text-align:center;color:#66768a;font-size:12px}.users-error{margin-bottom:12px;padding:12px}.modal-layer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#10192761;overflow-y:auto}.modal-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:14px;background:#fff;box-shadow:0 24px 80px #0f172438;padding:20px}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.modal-title-row h2{margin:0;color:#111927;font-size:18px}.modal-title-row p{margin:5px 0 0;color:#68778a;font-size:11px}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.user-form-grid label{display:grid;gap:6px}.user-form-grid label>span{color:#202c3d;font-size:11px;font-weight:800}.user-form-grid label>small{color:#748296;font-size:9.5px}.user-form-grid input,.user-form-grid select{width:100%;padding:0 11px}.field-full{grid-column:1 / -1}.form-error{margin:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:4px}.user-detail-header{display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:14px;border-radius:10px;background:#f6f9fc}.user-detail-avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#e6f0fb;color:#2e6397;font-size:16px;font-weight:900}.user-detail-header strong,.user-detail-header span{display:block}.user-detail-header strong{color:#111927;font-size:14px}.user-detail-header div>span{margin-top:3px;color:#66768a;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e6ebf1;border-radius:10px;background:#e6ebf1}.detail-grid>div{min-width:0;padding:12px;background:#fff}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#718095;font-size:9.5px}.detail-grid strong{margin-top:5px;overflow-wrap:anywhere;color:#172033;font-size:11px}.reset-token-modal{width:min(500px,100%)}.token-box{padding:12px;border-radius:8px;background:#f3f6f9;color:#1e2d40;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;overflow-wrap:anywhere}.token-expiry{margin:10px 0 0;color:#66768a;font-size:10.5px}@media (max-width: 1100px){.users-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-toolbar{align-items:stretch;flex-direction:column}.users-toolbar-actions{justify-content:flex-end}}@media (max-width: 760px){.users-stat-grid{grid-template-columns:1fr}.users-stat-card{min-height:70px}.users-toolbar-left{align-items:stretch;flex-direction:column}.users-search,.users-toolbar select{width:100%;min-width:0}.users-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.users-pagination{align-items:flex-start;flex-direction:column}.user-form-grid,.detail-grid{grid-template-columns:1fr}.field-full{grid-column:auto}}@media (max-width: 480px){.users-toolbar-actions{grid-template-columns:1fr}.modal-layer{padding:10px}.modal-card{max-height:calc(100vh - 20px);padding:16px;border-radius:12px}}.roles-page-v2{min-width:0}.roles-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.roles-summary-grid article{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;background:#fff;border:1px solid #e7edf4;border-radius:11px;color:#5a7697}.roles-summary-grid article:nth-child(2){color:#5d8b79}.roles-summary-grid article:nth-child(3){color:#7973a0}.roles-summary-grid article:nth-child(4){color:#558974}.roles-summary-grid strong{display:block;color:#131d2c;font-size:20px;line-height:1}.roles-summary-grid span{display:block;margin-top:4px;color:#66758a;font-size:11px;font-weight:700}.roles-workspace{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(520px,1.55fr);gap:12px;align-items:start}.roles-list-panel,.role-editor-panel{background:#fff;border:1px solid #e7edf4;border-radius:12px;min-width:0;overflow:hidden}.roles-list-panel{padding:13px}.roles-panel-title,.role-tab-heading,.role-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.roles-panel-title h2,.role-editor-head h2,.role-tab-heading h3{margin:0;color:#111b2b}.roles-panel-title h2{font-size:16px}.roles-editor-head h2{font-size:18px}.role-tab-heading h3{font-size:16px}.roles-panel-title p,.role-editor-head p,.role-tab-heading p{margin:3px 0 0;color:#67758a;font-size:11.5px}.icon-soft-button,.outline-soft-button,.primary-soft-button,.tree-chevron{border:1px solid #dbe5ef;background:#fff;color:#355979;border-radius:8px}.icon-soft-button{display:grid;place-items:center;width:34px;height:34px}.roles-search-box,.permission-search{display:flex;align-items:center;gap:8px;border:1px solid #dde6ef;background:#f8fafc;border-radius:8px;padding:8px 10px;color:#718198}.roles-search-box{margin-top:12px}.roles-search-box input,.permission-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#182334;font-size:12px}.roles-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.roles-filters select{width:100%;border:1px solid #dde6ef;background:#fff;color:#27364a;border-radius:8px;padding:8px 9px;font-size:11.5px}.role-items{margin-top:10px;max-height:610px;overflow-y:auto;padding-right:2px}.role-item{width:100%;border:0;background:transparent;display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:9px;text-align:left;padding:9px 7px;border-bottom:1px solid #eef2f6;color:#142032}.role-item:hover{background:#f8fafc}.role-item.selected{background:#f1f6fb;border-radius:8px}.role-soft-icon,.role-editor-icon{display:grid;place-items:center;border-radius:10px;background:#edf3f8;color:#6684a2}.role-soft-icon{width:36px;height:36px}.role-editor-icon{width:44px;height:44px}.role-item-text{min-width:0}.role-item-text strong{display:block;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-item-text small{display:block;margin-top:3px;color:#6d7a8d;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-item-meta small{color:#718096;font-size:9.5px;white-space:nowrap}.role-active-badge,.role-inactive-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;font-style:normal}.role-active-badge{background:#eef8f2;color:#4d7d66;border:1px solid #d9eee2}.role-inactive-badge{background:#f7f7f8;color:#727987;border:1px solid #e4e7eb}.role-editor-head{padding:14px 16px}.role-editor-identity{display:flex;align-items:center;gap:10px}.role-editor-actions{display:flex;align-items:center;gap:8px}.outline-soft-button,.primary-soft-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800}.primary-soft-button{color:#fff;background:#4f83b7;border-color:#4f83b7}.role-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 12px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fbfcfd}.role-tabs button{display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:#5b6b80;white-space:nowrap;padding:11px 10px 9px;font-size:11px;font-weight:750}.role-tabs button.active{color:#315f8d;border-bottom-color:#6f9bc7}.role-message{margin:10px 14px 0;padding:8px 10px;border-radius:8px;background:#f2f7fb;border:1px solid #dce9f3;color:#496a88;font-size:11px}.role-tab-body{padding:14px}.permission-search{margin:12px 0;max-width:390px}.permission-groups,.menu-visibility-tree{display:grid;gap:9px}.permission-group,.menu-tree-group{border:1px solid #e4eaf0;border-radius:9px;overflow:hidden;background:#fff}.permission-group-head,.menu-tree-parent{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;background:#f7f9fb;color:#233149}.permission-group-head strong,.menu-tree-parent strong{font-size:11.5px}.permission-group-head span,.menu-tree-parent span{color:#67809a;font-size:10px;font-weight:800}.permission-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.permission-checkbox-grid label,.menu-tree-children label{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 12px;color:#34445a;font-size:11px;border-top:1px solid #f0f3f6}.permission-checkbox-grid label:nth-child(odd){border-right:1px solid #f0f3f6}.permission-checkbox-grid input,.menu-tree-parent input,.menu-tree-children input{accent-color:#6f9bc7}.menu-tree-parent label{display:flex;align-items:center;gap:9px}.menu-tree-parent>div{display:flex;align-items:center;gap:8px}.tree-chevron{display:grid;place-items:center;width:26px;height:26px;border:0;background:transparent;padding:0}.menu-tree-children{padding-left:26px;background:#fff}.menu-tree-children label:hover{background:#fafbfd}.role-user-list{display:grid;gap:7px;margin-top:12px}.role-user-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e8edf3;border-radius:8px}.role-user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#edf3f8;color:#567696;font-weight:800}.role-user-row strong{display:block;font-size:11.5px}.role-user-row small{display:block;margin-top:3px;color:#758295;font-size:10.5px}.role-user-row>span:last-child{color:#65758a;font-size:10.5px}.role-info-note{display:flex;gap:12px;margin-top:12px;padding:14px;background:#f8fafc;border:1px solid #e3e9ef;border-radius:9px;color:#58718b}.role-info-note strong{color:#26384b;font-size:11.5px}.role-info-note p{margin:4px 0 0;color:#6c7a8d;font-size:11px}.role-information-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.role-information-grid div{padding:11px;border:1px solid #e6ebf1;border-radius:8px;background:#fbfcfd}.role-information-grid span{display:block;color:#778396;font-size:10px}.role-information-grid strong{display:block;margin-top:4px;color:#1d2939;font-size:12px}.role-empty-state{padding:28px 16px;text-align:center;color:#7a8799;font-size:12px}@media (max-width: 1180px){.roles-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-workspace{grid-template-columns:310px minmax(0,1fr)}.role-item{grid-template-columns:36px minmax(0,1fr) 18px}.role-item-meta{display:none}}@media (max-width: 900px){.roles-workspace{grid-template-columns:1fr}.role-items{max-height:340px}}@media (max-width: 620px){.roles-summary-grid{grid-template-columns:1fr 1fr}.roles-filters,.permission-checkbox-grid{grid-template-columns:1fr}.permission-checkbox-grid label:nth-child(odd){border-right:0}.role-editor-head{align-items:flex-start;flex-direction:column}.role-editor-actions{width:100%;justify-content:space-between}.role-tab-heading{align-items:flex-start;flex-direction:column}.role-information-grid{grid-template-columns:1fr}}.brand img,.login-logo,.simple-auth-card>img{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0!important}.period-selector{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #dce5ef!important;background:#fff!important;color:#243954!important;min-height:36px;padding:0 10px!important;font-size:12px;font-weight:700;white-space:nowrap}.app-error-boundary{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f8fb;color:#18283f}.app-error-boundary>div{width:min(520px,100%);background:#fff;border:1px solid #e0e8f1;border-radius:16px;padding:28px;box-shadow:0 12px 35px #223a5614}.app-error-boundary h1{margin:0 0 8px;font-size:22px}.app-error-boundary p{margin:0;color:#69798c;line-height:1.55}.app-error-actions{display:flex;gap:10px;margin-top:20px}.app-error-actions button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #d6e1ec;background:#fff;color:#31506f;font-weight:700}.app-error-actions button:first-child{border-color:#4d80b8;background:#4d80b8;color:#fff}@media (max-width: 900px){.period-selector span{display:none}}.resource-page{--soft-border: #e5ebf3;--soft-text: #607086;--brand-blue: #28669f;--brand-blue-dark: #1e527f}.resource-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.resource-heading-row .page-header{margin-bottom:0}.resource-heading-actions,.data-toolbar-actions,.pagination-controls,.resource-modal-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary-button,.ghost-button,.text-action,.icon-action,.modal-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-weight:750;transition:.18s ease}.primary-button{min-height:38px;border:1px solid var(--brand-blue);background:var(--brand-blue);color:#fff;padding:0 14px;box-shadow:0 5px 13px #28669f24}.primary-button:hover{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark)}.primary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{min-height:38px;border:1px solid #dce5ef;background:#fff;color:#30465f;padding:0 12px}.ghost-button:hover{background:#f7f9fc;border-color:#cbd8e6}.resource-panel,.filter-panel{border:1px solid var(--soft-border);border-radius:14px;background:#fff;box-shadow:0 5px 20px #2439520b;overflow:hidden}.filter-panel{padding:15px;margin-bottom:12px}.filter-panel-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#233b56;font-size:13px;margin-bottom:12px}.filter-grid,.schema-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid #edf1f5}.resource-panel-head h2,.resource-modal-head h2{margin:2px 0 0;font-size:16px;color:#15253a}.resource-eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:9.5px;font-weight:850;color:#74849a}.api-pill{display:inline-flex;align-items:center;max-width:min(500px,46vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dce8f3;background:#f5f9fd;color:#47729d;padding:6px 9px;border-radius:999px;font-size:10.5px;font-weight:750}.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fbfcfe;border-bottom:1px solid #edf1f5}.table-search{width:min(390px,100%);min-height:37px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:0 10px;color:#708198}.table-search:focus-within{border-color:#a9c3df;box-shadow:0 0 0 3px #3870a814}.table-search input{border:0;outline:0;width:100%;background:transparent;color:#1d2d42;font-size:12.5px}.data-toolbar-actions>span{font-size:11.5px;color:#758397;font-weight:650}.data-toolbar .ghost-button{min-height:34px;font-size:11.5px}.smart-table-wrap{overflow:auto}.smart-table{min-width:900px;width:100%;border-collapse:separate;border-spacing:0}.smart-table thead th{position:sticky;top:0;z-index:1;background:#f6f8fb;color:#52647a;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;padding:10px 12px;border-bottom:1px solid #e3e9f0;white-space:nowrap}.smart-table tbody td{padding:10px 12px;color:#27384d;font-size:11.8px;border-bottom:1px solid #edf1f5;vertical-align:middle;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-table tbody tr:last-child td{border-bottom:0}.smart-table tbody tr:hover{background:#f9fbfd}.smart-table .actions-column{text-align:right;min-width:170px}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;white-space:nowrap}.icon-action{width:31px;height:31px;border:1px solid #dce6f0;background:#fff;color:#3f678f}.icon-action:hover{background:#eef5fb;border-color:#bfd2e4}.text-action{min-height:30px;padding:0 9px;border:1px solid #dce6f0;background:#fff;color:#365c82;font-size:10.5px}.text-action:hover{background:#f3f8fc}.text-action.danger{color:#a74747;border-color:#ecd4d4;background:snow}.text-action.danger:hover{background:#fff0f0}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:800;border:1px solid transparent}.status-badge.success{background:#edf8f2;color:#26714b;border-color:#d2ebdd}.status-badge.warning{background:#fff7e8;color:#906819;border-color:#f3e2ba}.status-badge.danger{background:#fff0f0;color:#a34343;border-color:#f0d1d1}.status-badge.neutral{background:#f1f4f7;color:#5f6d7c;border-color:#e1e7ed}.table-pagination{min-height:52px;padding:10px 16px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#708096;font-size:11.5px}.pagination-controls select,.pagination-controls button{min-height:32px;border:1px solid #dce4ed;border-radius:8px;background:#fff;color:#40556e}.pagination-controls select{padding:0 7px}.pagination-controls button{width:32px;display:grid;place-items:center}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-controls span{min-width:44px;text-align:center;font-weight:750}.resource-empty{padding:52px 20px;color:#7a8798;text-align:center}.compact-empty{padding:20px;background:#f8fafc;border:1px dashed #dce4ec;border-radius:10px}.resource-error{margin:16px;display:flex;align-items:flex-start;gap:10px}.resource-error strong,.resource-error span{display:block}.resource-error span{margin-top:3px;font-size:12px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field>span{color:#35485f;font-size:11.5px;font-weight:800}.form-field>span b{color:#b85050;margin-left:3px}.form-field>span em{color:#8492a3;font-style:normal;font-size:9px;margin-left:4px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select,.form-field textarea,.form-field input[type=file]{width:100%;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#23364d;outline:0;font-size:12px}.form-field input:not([type=checkbox]):not([type=file]),.form-field select{min-height:39px;padding:0 10px}.form-field textarea{padding:10px;resize:vertical;line-height:1.45;font-family:inherit}.form-field input[type=file]{padding:8px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#9fbedc;box-shadow:0 0 0 3px #3770a912}.form-field small{color:#8491a0;font-size:9.8px;line-height:1.35}.form-field-wide{grid-column:1 / -1}.form-field-toggle{justify-content:center;min-height:70px;padding:10px 12px;border:1px solid #e2e8ef;border-radius:9px;background:#fafbfd}.form-field-toggle input{width:18px;height:18px}.feedback-banner{min-height:42px;display:flex;align-items:center;gap:9px;margin-bottom:12px;border:1px solid;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:700}.feedback-banner.ok{background:#eff9f4;border-color:#d1eadc;color:#2d7450}.feedback-banner.error{background:#fff2f2;border-color:#efd4d4;color:#9b4646}.feedback-banner button{margin-left:auto;border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#141f2e61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:22px}.resource-modal{width:min(850px,96vw);max-height:90vh;background:#fff;border:1px solid #dfe6ee;border-radius:16px;box-shadow:0 24px 70px #12253a33;display:flex;flex-direction:column;overflow:hidden}.resource-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #e9eef3}.modal-close{width:35px;height:35px;border:1px solid #e1e7ee;background:#fff;color:#53657a}.modal-close:hover{background:#f4f6f9}.resource-modal-body{overflow:auto;padding:18px 19px 21px}.resource-modal-foot{justify-content:flex-end;padding:12px 19px;border-top:1px solid #e9eef3;background:#fbfcfd}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-field{min-width:0;border:1px solid #e4eaf1;border-radius:10px;background:#fbfcfe;padding:11px 12px}.detail-field>span{display:block;color:#758498;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.detail-field>strong{display:block;color:#22364f;font-size:12.5px;overflow-wrap:anywhere}.detail-field pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#304961;font-size:11px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail-wide{grid-column:1 / -1}@media (max-width: 980px){.filter-grid,.schema-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-heading-row{flex-direction:column}.resource-heading-actions{width:100%}}@media (max-width: 640px){.filter-grid,.schema-form-grid,.detail-grid{grid-template-columns:1fr}.resource-heading-actions>button{flex:1}.data-toolbar,.table-pagination{align-items:stretch;flex-direction:column}.table-search{width:100%}.data-toolbar-actions,.pagination-controls{justify-content:space-between}.api-pill{max-width:100%}.modal-backdrop{padding:10px}.resource-modal{width:100%;max-height:94vh;border-radius:13px}.detail-wide{grid-column:auto}}.dashboard-reference{--dash-blue: #2f80ed;--dash-navy: #10204f;--dash-border: #e1e9f3;--dash-soft: #f7faff;--dash-muted: #66758a}.dashboard-reference-head{margin-bottom:10px}.dashboard-reference-head h1{color:#101d4e;font-size:clamp(23px,2vw,28px);letter-spacing:-.02em}.dashboard-reference-head p{color:#3e5578;font-size:13px}.dashboard-reference .dashboard-live{display:inline-flex;align-items:center;gap:7px;border-color:#d9e6f4;background:#f8fbff;color:#416184;padding:7px 11px}.dashboard-reference .live-dot{width:7px;height:7px;border-radius:50%;background:#48ba82;box-shadow:0 0 0 4px #48ba821f}.dashboard-reference .dashboard-live.is-refreshing .live-dot{background:#2f80ed;animation:dashPulse 1s infinite ease-in-out}@keyframes dashPulse{50%{opacity:.35;transform:scale(.8)}}.reference-stats-grid{gap:8px;margin-bottom:9px}.dashboard-reference .stat-card{min-height:82px;padding:13px 12px;border:1px solid #e4ebf4;border-radius:11px;box-shadow:0 5px 18px #2241630b}.dashboard-reference .stat-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px;background:#edf5ff;color:#2f80ed}.dashboard-reference .stat-card:nth-child(2) .stat-icon{background:#eaf8f1;color:#22a86b}.dashboard-reference .stat-card:nth-child(3) .stat-icon{background:#f0f2ff;color:#3d4eb8}.dashboard-reference .stat-card:nth-child(4) .stat-icon{background:#eef6ff;color:#3587ef}.dashboard-reference .stat-card:nth-child(5) .stat-icon{background:#eff6ff;color:#2f80ed}.dashboard-reference .stat-card:nth-child(6) .stat-icon{background:#eef3fb;color:#345582}.dashboard-reference .stat-title{color:#1d2c55;font-size:11.5px;font-weight:800}.dashboard-reference .stat-value{margin-top:5px;color:#0e1747;font-size:20px;line-height:1;letter-spacing:-.02em}.dashboard-reference .stat-value span{color:#21345c;font-size:11.5px}.reference-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,.78fr) minmax(300px,1.05fr);gap:9px}.reference-mid-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,.78fr) minmax(0,1.2fr);gap:9px;margin-top:9px}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);gap:9px;margin-top:9px}.dashboard-reference .dashboard-card{border-color:#e1e9f3;border-radius:11px;padding:12px;box-shadow:0 5px 18px #2340600a}.dashboard-reference .panel h2{color:#14214d;font-size:13px;font-weight:850;margin-bottom:8px}.dashboard-reference .panel h2 svg{color:#2f80ed}.dashboard-panel-head{min-height:28px;margin-bottom:3px}.panel-select{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #dce7f3;border-radius:8px;background:#fff;color:#273b67;font-size:10.5px;font-weight:750;white-space:nowrap}.production-chart-box{height:228px}.dashboard-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:2px 0 1px;color:#2c3d61;font-size:10.5px;font-weight:650}.dashboard-chart-legend span{display:inline-flex;align-items:center;gap:6px}.dashboard-chart-legend i{width:9px;height:9px;border-radius:50%}.dashboard-donut{height:170px}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{color:#111b4c;font-size:19px;line-height:1}.donut-center span{margin-top:4px;color:#5d6d87;font-size:9.5px;font-weight:700}.stock-legend-list{margin-top:-1px}.dashboard-reference .stock-row{padding:3px 1px;color:#223452;font-size:10.5px}.dashboard-reference .stock-row b{font-size:10.5px}.dashboard-reference .stock-row small{color:#6b7b90;font-size:9.5px;font-weight:650}.dashboard-reference .soft-chip{background:#eef6ff;color:#2470d3;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.text-action{border:0;background:transparent;color:#1476ec;padding:3px 2px;font-size:10.5px;font-weight:750;cursor:pointer}.text-action:hover{text-decoration:underline}.dashboard-table-wrap{border:0;border-radius:7px;overflow-x:auto}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.dashboard-table th{background:#edf5ff;color:#23375f;padding:6px 8px;font-size:9.6px;font-weight:800;text-transform:none;border:0;white-space:nowrap}.dashboard-table th:first-child{border-radius:6px 0 0 6px}.dashboard-table th:last-child{border-radius:0 6px 6px 0}.dashboard-table td{padding:5px 8px;color:#243552;font-size:9.8px;line-height:1.15;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.dashboard-table tbody tr:nth-child(2n) td{background:#f5f8fc}.dashboard-table tbody tr:hover td{background:#eef5ff}.dashboard-table td strong{color:#152650;font-weight:850}.dashboard-status{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.status-success{background:#def6e8;color:#16844d}.status-info{background:#deeeff;color:#1470db}.status-danger{background:#fde8e8;color:#c84343}.status-neutral{background:#eef2f6;color:#5c6b7e}.dashboard-empty-cell{padding:16px!important;color:#77869b!important;text-align:center}.reference-summary-row{min-height:28px;padding:4px 2px;border:0}.reference-summary-row+.reference-summary-row{border-top:1px solid #eef2f7}.summary-label-wrap{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#30415f;font-size:10.5px;font-weight:650}.summary-label-wrap i{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#eef5ff;color:#2f80ed;font-style:normal}.reference-summary-row b{color:#172650;font-size:11px;white-space:nowrap}.reference-summary-row .summary-success{padding:3px 10px;border-radius:999px;background:#dff5e8;color:#16844d}.dashboard-reference .audit-panel{margin-top:0}@media (max-width: 1380px){.reference-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,.85fr)}.reference-main-grid .shipped{grid-column:1 / -1}.reference-mid-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}.reference-mid-grid .losses-card{grid-column:1 / -1}}@media (max-width: 980px){.reference-main-grid,.reference-mid-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.reference-main-grid .shipped,.reference-mid-grid .losses-card{grid-column:auto}}@media (max-width: 620px){.reference-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-reference .stat-card{min-height:76px}.dashboard-reference .stat-value{font-size:17px}.production-chart-box{height:205px}.dashboard-chart-legend{justify-content:flex-start}}@media (max-width: 430px){.reference-stats-grid{grid-template-columns:1fr}}.dashboard-reference{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.dashboard-reference .dash-head,.dashboard-reference .panel-title-row,.dashboard-reference .dashboard-panel-head{flex-wrap:nowrap}.dashboard-reference .panel-title-row h2,.dashboard-reference .dashboard-panel-head h2{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-reference .panel-select,.dashboard-reference .soft-chip,.dashboard-reference .text-action,.dashboard-reference .dashboard-live{flex:0 0 auto;white-space:nowrap}.reference-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#dbe6f2 transparent}.reference-stats-grid::-webkit-scrollbar{height:5px}.reference-stats-grid::-webkit-scrollbar-thumb{background:#dbe6f2;border-radius:999px}.reference-stats-grid .stat-card{min-width:145px;width:100%}.reference-stats-grid .stat-card>div:last-child{min-width:0}.reference-stats-grid .stat-title,.reference-stats-grid .stat-value,.reference-stats-grid .stat-value span{white-space:nowrap}.reference-main-grid{display:grid;grid-template-columns:minmax(460px,1.65fr) minmax(245px,.78fr) minmax(330px,1.05fr);gap:9px;width:100%;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#dbe6f2 transparent}.reference-main-grid::-webkit-scrollbar,.reference-mid-grid::-webkit-scrollbar,.dashboard-bottom-grid::-webkit-scrollbar{height:5px}.reference-main-grid::-webkit-scrollbar-thumb,.reference-mid-grid::-webkit-scrollbar-thumb,.dashboard-bottom-grid::-webkit-scrollbar-thumb{background:#dbe6f2;border-radius:999px}.reference-main-grid>*{min-width:0;height:100%}.reference-mid-grid{display:grid;grid-template-columns:minmax(470px,1.5fr) minmax(245px,.78fr) minmax(380px,1.2fr);gap:9px;width:100%;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#dbe6f2 transparent}.reference-mid-grid>*{min-width:0;height:100%}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(520px,1.1fr);gap:9px;width:100%;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#dbe6f2 transparent}.dashboard-bottom-grid>*{min-width:0;height:100%}.dashboard-reference .dashboard-card{min-width:0;padding:10px 11px}.dashboard-reference .panel h2{line-height:1.15}.dashboard-reference .shipped{min-width:330px}.dashboard-reference .shipped .dashboard-panel-head{margin-bottom:0}.dashboard-reference .shipped .recharts-responsive-container{margin-top:-2px}.dashboard-reference .shipped .recharts-wrapper{margin:0!important}.dashboard-reference .shipped .recharts-surface{overflow:visible}.dashboard-reference .shipped .recharts-yAxis{transform:translate(20px)}.dashboard-reference .shipped .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:10px;fill:#243650;font-weight:600}.dashboard-reference .shipped .recharts-bar-rectangle path{shape-rendering:geometricPrecision}.dashboard-reference .shipped .recharts-tooltip-wrapper{font-size:10px}.dashboard-reference .dashboard-table th,.dashboard-reference .dashboard-table td{white-space:nowrap}.dashboard-reference .dashboard-table td{max-width:165px}@media (max-width: 1380px){.reference-stats-grid{grid-template-columns:repeat(6,minmax(138px,1fr))}.reference-main-grid{grid-template-columns:minmax(430px,1.55fr) minmax(230px,.8fr) minmax(310px,1fr)}.reference-main-grid .shipped,.reference-mid-grid .losses-card{grid-column:auto}.reference-mid-grid{grid-template-columns:minmax(440px,1.45fr) minmax(230px,.8fr) minmax(350px,1.15fr)}}@media (max-width: 1100px){.reference-stats-grid{grid-template-columns:repeat(6,145px)}.reference-main-grid{grid-template-columns:430px 245px 330px}.reference-mid-grid{grid-template-columns:450px 245px 360px}.dashboard-bottom-grid{grid-template-columns:520px 520px}}@media (max-width: 820px){.dashboard-reference .dash-head{flex-direction:row;align-items:center}.dashboard-reference-head h1{font-size:21px;white-space:nowrap}.dashboard-reference-head p{white-space:nowrap}.reference-stats-grid{grid-template-columns:repeat(6,142px)}.production-chart-box{height:215px}}@media (max-width: 620px){.reference-stats-grid{grid-template-columns:repeat(6,138px)}.dashboard-reference .stat-card{min-width:138px;min-height:74px;padding:10px}.dashboard-reference .stat-icon{width:38px;height:38px;flex-basis:38px}.dashboard-reference .stat-value{font-size:16px}.dashboard-reference-head h1{font-size:19px}.dashboard-reference .dashboard-live{padding:6px 8px;font-size:10px}}@media (max-width: 430px){.reference-stats-grid{grid-template-columns:repeat(6,132px)}.dashboard-reference-head h1{font-size:18px}.dashboard-reference-head p{font-size:11px}}.side-parent{width:calc(100% - 16px);min-height:38px;display:flex;align-items:center;gap:11px;margin:1px 8px;padding:9px 14px;border:0;border-radius:7px;background:transparent;color:#172235;font-size:13px;font-weight:650;text-align:left}.side-parent:hover,.side-parent.open{background:#f3f6fa;color:#215c9a}.side-parent>span{flex:1}.side-parent>svg:first-child{color:#53667f}.side-parent-chevron{transition:transform .18s ease;color:#7d8ca0}.side-parent.open .side-parent-chevron{transform:rotate(180deg)}.side-submenu{padding:2px 0 4px 18px;border-left:1px solid #e4eaf1;margin-left:24px}.side-submenu .side-link{min-height:34px;margin-left:0;padding-top:7px;padding-bottom:7px;font-size:11.5px}.side-submenu .side-link svg{width:15px;height:15px}.top-search-wrap{position:relative;width:min(580px,50vw);min-width:0}.top-global-search{width:100%}.search-clear{display:grid;place-items:center;border:0;background:transparent;color:#8795a8;padding:2px;cursor:pointer}.global-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:120;padding:6px;border:1px solid #dde7f0;border-radius:10px;background:#fff;box-shadow:0 14px 34px #27415d24}.global-search-results>button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#4d6682;text-align:left;cursor:pointer}.global-search-results>button:hover{background:#f3f8fd;color:#3e7fbb}.global-search-results span{min-width:0}.global-search-results strong,.global-search-results small{display:block}.global-search-results strong{font-size:10px;color:#243a58}.global-search-results small{margin-top:2px;font-size:8.5px;color:#8795a7}.global-search-empty{padding:12px;color:#7f8da0;font-size:9.5px;text-align:center}.top-popover-wrap{position:relative}.top-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:130;min-width:190px;padding:6px;border:1px solid #dde7f0;border-radius:10px;background:#fff;box-shadow:0 14px 34px #27415d24}.period-selector{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#52677f;padding:8px;border-radius:7px;font-size:10px;cursor:pointer}.period-selector:hover{background:#f4f8fc}.period-menu button,.profile-menu>button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#425a76;text-align:left;font-size:9.5px;cursor:pointer}.period-menu button:hover,.profile-menu>button:hover,.period-menu button.active{background:#eef6fd;color:#4b89c2}.top-icon-button{position:relative}.top-icon-button:disabled{opacity:.35;cursor:not-allowed}.notification-dot{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#e56b70;border:1px solid #fff}.profile-button{border:0;background:transparent;cursor:pointer;border-radius:9px;padding:4px 6px}.profile-button:hover{background:#f4f8fc}.profile-menu{min-width:225px}.profile-menu-head{display:flex;align-items:center;gap:9px;padding:7px 8px 10px;margin-bottom:4px;border-bottom:1px solid #edf1f5}.profile-menu-head strong,.profile-menu-head small{display:block}.profile-menu-head strong{font-size:10px;color:#253a57}.profile-menu-head small{margin-top:2px;font-size:8.5px;color:#8795a7}@media (max-width:900px){.top-search-wrap{width:min(420px,50vw)}}@media (max-width:620px){.top-search-wrap,.period-selector{display:none}}:root{font-size:16px;--bumac-readable-text:13px;--bumac-readable-small:11px;--bumac-control-height:42px}html,body,#root,.app-shell,.app-main,.content{max-width:100%;min-width:0}body{overflow-x:hidden}.content{overflow-x:hidden;padding:clamp(12px,1.4vw,22px)}.content>*,.content section,.content article,.content div{min-width:0}.content img,.content svg{max-width:100%}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{min-height:var(--bumac-control-height);font-size:13px!important}.content button{min-height:38px;font-size:12px!important}.content table th{font-size:12px!important}.content table td{font-size:13px!important}.content small{font-size:11px!important}.content p{font-size:max(12px,.78rem)}.side-link,.side-parent{font-size:14px;line-height:1.25}.side-link,.side-parent{min-height:42px}.side-submenu .side-link{min-height:38px;font-size:13px}.side-section,.global-search-results strong,.profile-menu-head strong{font-size:12px}.global-search-results small,.profile-menu-head small,.period-menu button,.profile-menu>button{font-size:11px}.period-selector{font-size:12px}.profile strong{font-size:13px}.profile small{font-size:11px}.stats-grid .stat-card>div:last-child,.users-stat-card>div:last-child{min-width:0}.stats-grid .stat-value,.users-stat-card strong{text-align:center}.content [class*=modal],.content [class*=dialog],.content [class*=panel],.content [class*=card]{max-width:100%}@media (max-width:1200px){.content{padding:14px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.content{padding:12px}.topbar{min-height:62px;height:auto;padding:8px 10px}.stats-grid,.users-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content [class*=toolbar]{max-width:100%}}@media (max-width:620px){.content{padding:10px}.dash-head h1,.page-header h1{font-size:24px}.stats-grid,.users-stat-grid{grid-template-columns:minmax(0,1fr)}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{font-size:14px!important;min-height:44px}.content button{font-size:13px!important;min-height:40px}.content table th{font-size:12px!important}.content table td{font-size:13px!important}.content small{font-size:11px!important}}@media (max-width:430px){.content{padding:9px}.side-link,.side-parent{font-size:14px}.side-submenu .side-link{font-size:13px}}.sidebar:not(.collapsed) .side-link{white-space:normal;align-items:flex-start;line-height:1.3;min-height:36px;font-size:12px;gap:9px}.sidebar:not(.collapsed) .side-link span{flex:1;min-width:0;overflow-wrap:break-word;word-break:normal}@media (max-width: 1024px){html,body,#root{max-width:100%}#root{min-width:0}img,video,canvas,svg{max-width:100%}main,article,section{min-width:0}input,select,textarea{max-width:100%;box-sizing:border-box}}@media (max-width: 640px){button{max-width:100%}.modal,[role=dialog]{max-width:calc(100vw - 16px)}}.side-section-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:0;background:transparent;cursor:pointer;font-family:inherit}.side-section-toggle:hover{color:#1767b0;background:#2d74c212}.side-section-toggle:focus-visible{outline:2px solid #2687df;outline-offset:-2px}.side-chevron{flex:0 0 auto;transition:transform .18s ease;transform:rotate(-90deg)}.side-chevron.open{transform:rotate(0)}.side-group-items[hidden]{display:none!important}.sidebar.collapsed .side-section-toggle{display:none}.content,.content>*,.app-main{min-width:0;max-width:100%}.content :is(.pay-grid,.comp-page,.crh-page,.fd-page){min-width:0;max-width:100%}.content :is(.pay-table-viewport,.comp-table-wrap,.crh-inbox-table-wrap,.bb-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.content :is(.pay-panel,.comp-card,.crh-card,.crh-detail){min-width:0}@media (max-width:900px){.content :is(.pay-grid-main,.pay-grid-general){grid-template-columns:minmax(0,1fr)}.content .pay-grid .side-form{min-width:0;width:100%}}@media (max-width:620px){.content :is(.crh-modal-letter,.bfp-shell){max-width:calc(100vw - 18px)}.content :is(.crh-toolbar,.pay-panel-header){flex-wrap:wrap}.content :is(.crh-search,.pay-toolbar-inline){min-width:0;max-width:100%}}