.op-app{--brand:#7d24cc;--ink:#17182d;--muted:#72768a;--line:#e9eaf2;--gradient:linear-gradient(125deg,#7d24cc,#5147bc);min-height:100vh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 90% 0,#eee7fa 0,#0000 38%),linear-gradient(#fafbff,#f0f3fa);font:14px/1.5 Arial,Helvetica,sans-serif}.op-app *{box-sizing:border-box}.op-app button,.op-app input,.op-app select,.op-app textarea{font:inherit}.op-app button{cursor:pointer;white-space:nowrap;color:#414157;background:#fff;border:1px solid #e2e3ef;border-radius:12px;padding:11px 17px;font-weight:600}.op-app button:hover{color:var(--brand);background:#f8f4fe;border-color:#c7afe1}.op-app button:disabled{opacity:.45;cursor:not-allowed}.op-app .primary{color:#fff;background:var(--gradient);border:1px solid #0000;box-shadow:0 5px 14px #7d24cc1c}.op-app .primary:hover{color:#fff;background:linear-gradient(125deg,#6e1eb8,#473aaa)}.op-app :focus-visible{outline-offset:3px;outline:3px solid #ba92e4}.op-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex}.op-brand{color:var(--ink);letter-spacing:-.8px;align-items:center;gap:13px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.op-brand small{color:var(--brand);letter-spacing:1.8px;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:700;display:block}.op-mark{background:var(--gradient);color:#fff;border-radius:13px;place-items:center;width:76px;height:46px;padding:8px 10px;display:grid}.op-mark img{object-fit:contain;width:100%;height:100%}.op-app .op-quiet{color:#707185;background:#f7f7fc;border-color:#eeedf5;font-size:12px}.op-layout{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 86px);display:grid}.op-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:30px 16px;display:flex}.op-nav-label{color:#9293a8;letter-spacing:1.7px;margin:0 0 18px;padding:0 15px;font-size:10px;font-weight:700}.op-sidebar nav{gap:9px;display:grid}.op-sidebar nav button{text-align:left;color:#73778d;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:13px 12px;font-weight:600;display:flex}.op-sidebar nav button>span{color:#888ba1;background:#f4f5fa;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.op-nav-icon{width:18px;height:18px}.op-sidebar nav button.selected{color:var(--brand);background:#f3ecfc;border-color:#e9daf8}.op-sidebar nav button.selected>span{color:#fff;background:var(--gradient)}.op-sidebar nav small{color:#7949a8;background:#e8ddf8;border-radius:7px;margin-left:auto;padding:2px 7px;font-size:10px}.op-sidebar-note{color:#8b8ca1;margin-top:auto;padding:22px 15px 0;font-size:11px;line-height:1.8}.op-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.op-main{align-self:start;width:100%;max-width:1550px;margin:0 auto;padding:32px 34px}.op-heading{background:radial-gradient(at 95% 10%,#e5dcfa 0,#0000 48%),linear-gradient(125deg,#fff 0%,#fbf8ff 55%,#eef0fe 100%);border:1px solid #e8def5;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px;padding:29px 30px;display:flex;box-shadow:0 8px 26px #39245a05}.op-eyebrow{color:#8f62b5;letter-spacing:2px;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:700}.op-heading h1{letter-spacing:-1.3px;margin:0 0 10px;font-size:34px;font-weight:800;line-height:1.1}.op-heading p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.op-actions{flex-wrap:wrap;gap:9px;display:flex}.op-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.op-stats article{border:1px solid var(--line);background:#fff;border-radius:19px;padding:23px;position:relative;box-shadow:0 7px 24px #29336604}.op-stats article:before{content:"";background:#d9c3ed;border-radius:8px;width:24px;height:4px;margin-bottom:16px;display:block}.op-stats article:first-child{background:var(--gradient);color:#fff;border-color:#0000}.op-stats article:first-child:before{background:#c8acf2}.op-stats span{color:#72788d;font-size:11px;font-weight:600}.op-stats strong{letter-spacing:-1px;margin:10px 0 5px;font-size:34px;font-weight:800;line-height:1.15;display:block}.op-stats small{color:#9294a8;font-size:10px}.op-stats article:first-child span,.op-stats article:first-child small{color:#e6d9f8}.op-amber{color:#b77c27}.op-panel{border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden;box-shadow:0 8px 30px #29336604}.op-toolbar{border-bottom:1px solid #f0eff6;justify-content:space-between;align-items:center;gap:14px;padding:20px 23px;display:flex}.op-tabs{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.op-tabs h2{margin:0;font-size:15px;font-weight:700}.op-app .op-tabs button{color:#8a8ba0;box-shadow:none;border:1px solid #0000;border-radius:10px;padding:9px 12px;font-size:12px}.op-app .op-tabs button.current{color:var(--brand);background:#f3ecfc;border-color:#eadcf8}.op-tools{align-items:center;gap:8px;display:flex}.op-tools[hidden]{display:none}.op-tools input{width:225px;color:var(--ink);background:#f8f9fc;border:1px solid #e9eaf2;border-radius:11px;padding:10px 13px;font-size:12px}.op-tools button{font-size:12px}.op-table-wrap{overflow:auto}.op-app table{border-collapse:collapse;text-align:left;width:100%}.op-app th{color:#9295a8;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:#fafbfe;padding:15px 23px;font-size:10px;font-weight:600}.op-app td{vertical-align:middle;border-top:1px solid #f1f1f7;padding:18px 23px;font-size:12px}.op-app tbody tr:hover{background:#fdfbff}.op-app td strong{font-size:13px;font-weight:600}.op-app td small{color:#85879c;margin-top:5px;font-size:11px;display:block}.op-app td code{color:#81718e;background:#f6f4fa;border-radius:5px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:10px}.op-app td button{border-radius:8px;padding:7px 11px;font-size:11px}.op-app .muted{color:#9698aa;font-size:11px}.op-app .nowrap{white-space:nowrap}.op-app .op-note{overflow-wrap:anywhere;max-width:280px;color:var(--muted)}.op-badge{white-space:nowrap;border:1px solid #0000;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-block}.op-badge.green{color:#568b70;background:#eff8f3;border-color:#e4f1e9}.op-badge.amber{color:#ad8137;background:#fcf6e9;border-color:#f6ecd2}.op-badge.blue{color:#8564bb;background:#f0edfc;border-color:#e7dff7}.op-badge.neutral{color:#858698;background:#f3f4f8;border-color:#eaeaf1}.op-panel-footer{border-top:1px solid var(--line);color:#9899ac;justify-content:space-between;align-items:center;gap:12px;padding:15px 23px;font-size:10px;display:flex}.op-panel-footer button{border:0;padding:4px;font-size:10px}.op-footnote{color:#9d9fb2;letter-spacing:.3px;margin-top:24px;font-size:10px}.op-empty{text-align:center;color:var(--muted);padding:56px 25px;line-height:1.7}.op-alert,.op-success{border-radius:12px;margin-bottom:18px;padding:13px 16px;font-size:13px}.op-alert{color:#a23829;background:#fff0ed}.op-success{color:#356d47;background:#eaf4eb;justify-content:space-between;align-items:center;display:flex}.op-success button{background:0 0;border:0;padding:0 6px}.op-dialog{width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);color:var(--ink);background:#fff;border:1px solid #e7ddf1;border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 22px 60px #27183a25}.op-dialog::backdrop{background:#29213f66}.op-dialog-head{background:linear-gradient(120deg,#fff,#f6effd,#f0f0fc);border-bottom:1px solid #eae2f2;justify-content:space-between;align-items:center;padding:25px 28px 22px;display:flex}.op-dialog h2{letter-spacing:-.7px;margin:0;font-size:24px;font-weight:800}.op-dialog-head button{background:#ffffffa8;border:1px solid #e6daef;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:22px;display:grid}.op-dialog form{padding:25px 28px}.op-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.op-field{min-width:0;margin-bottom:17px;display:block}.op-field>span{color:#5b546d;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.op-field input,.op-field select,.op-field textarea{width:100%;min-width:0;color:var(--ink);box-shadow:none;background:#fcfcfe;border:1px solid #dedce9;border-radius:11px;padding:11px 13px}.op-field input,.op-field select{box-sizing:border-box;min-height:46px;line-height:22px}.op-field textarea{resize:vertical}.op-field input:focus,.op-field textarea:focus{background:#fff;border-color:#b58cdb}.op-field select{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237D24CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:18px;height:46px;padding:11px 42px 11px 13px;display:block}.op-field select:required:invalid{color:#91869f}.op-field select option{color:#292330;background:#fff}.op-field select:not(:disabled):hover{border-color:#b48ad7}.op-field select:focus-visible{outline-offset:2px;border-color:#7d24cc;outline:2px solid #e7d6f6}.op-field select:disabled{cursor:not-allowed;opacity:.55;background-color:#f8f7fa}.op-field input[readonly]{color:#77717f;background:#f4f3f8}.op-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.op-hint{color:#8d829d;margin:8px 0 20px;font-size:12px;line-height:1.7}.op-dialog-actions{border-top:1px solid #f0edf5;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:20px;display:flex}.op-line-title{margin:22px 0 14px;font-size:13px;font-weight:700}.op-shipment-line{grid-template-columns:minmax(0,1fr) 75px 32px;align-items:center;gap:9px;display:grid}.op-shipment-line>button{border:0;margin-top:9px;padding:5px;font-size:22px}.op-shipment-summary{background:#f8f6fc;border:1px solid #eee8f6;border-radius:15px;margin-bottom:20px;padding:20px;font-size:13px;line-height:1.7}.op-shipment-summary p{margin:8px 0}.op-shipment-summary hr{border:0;border-top:1px solid var(--line);margin:14px 0}.op-shipment-summary small{overflow-wrap:anywhere;color:var(--muted);font-size:10px}.op-serial-codes{overflow-wrap:anywhere;color:#7d24cc;margin-top:5px;font-size:12px;display:block}.op-serial-row{margin-bottom:12px}.op-serial-search{padding:25px}.op-serial-search h2,.op-serial-search h3{margin-bottom:12px;font-weight:700}.op-serial-search-form{align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.op-serial-search-form .op-field{flex:1;margin:0}.op-serial-search-form button{min-height:46px}.op-login{place-items:center;padding:32px;display:grid}.op-login-shell{background:#fff;border:1px solid #e3d8ef;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:930px;display:grid;overflow:hidden;box-shadow:0 20px 55px #5227800c}.op-login-intro{color:#fff;background:radial-gradient(at 90% 10%,#a267d5,#0000 55%),linear-gradient(140deg,#7d24cc,#493a9c);padding:44px}.op-login-intro h1{letter-spacing:-1.4px;margin:35px 0 20px;font-size:38px;font-weight:800;line-height:1.12}.op-login-intro p{color:#e0d0f3;font-size:14px;line-height:1.8}.op-login-intro ul{gap:12px;margin:0;padding:24px 0 0;list-style:none;display:grid}.op-login-intro li{color:#f6f0ff;background:#ffffff0c;border:1px solid #ffffff26;border-radius:12px;padding:12px 15px;font-size:13px}.op-login-form{align-self:center;padding:48px 40px}.op-login-form h2{letter-spacing:-.7px;margin:0 0 9px;font-size:26px;font-weight:800}.op-login-form>p{color:var(--muted);margin-bottom:28px;font-size:13px}.op-login-form .primary{width:100%;margin-top:8px}@media (min-width:1500px){.op-main{padding:38px 48px}}@media (max-width:1150px){.op-main{padding:25px 22px}.op-layout{grid-template-columns:195px minmax(0,1fr)}.op-toolbar{flex-direction:column;align-items:flex-start}.op-tools{width:100%}.op-tools input{flex:1;width:auto}.op-stats{gap:10px}.op-stats article{padding:18px}.op-heading{padding:25px}.op-heading h1{font-size:30px}}@media (max-width:740px){.op-header{height:73px;padding:0 20px}.op-brand{font-size:20px}.op-mark{width:64px;height:40px}.op-layout{display:block}.op-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.op-nav-label,.op-sidebar-note{display:none}.op-sidebar nav{justify-content:space-between;gap:3px;display:flex}.op-sidebar nav button{gap:6px;padding:8px;font-size:12px}.op-sidebar nav button>span{border-radius:7px;width:25px;height:27px}.op-nav-icon{width:16px;height:16px}.op-sidebar nav small{display:none}.op-main{padding:20px 14px}.op-heading{border-radius:20px;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:17px;padding:23px}.op-heading h1{font-size:30px}.op-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.op-stats article{border-radius:15px;padding:17px}.op-stats strong{font-size:29px}.op-stats article:before{margin-bottom:12px}.op-toolbar{padding:15px}.op-tabs{gap:3px}.op-app .op-tabs button{padding:8px 9px;font-size:11px}.op-app th,.op-app td{padding:15px}.op-app table{min-width:580px}.op-panel-footer{padding:13px 15px}.op-dialog-head,.op-dialog form{padding:22px}.op-form-grid{grid-template-columns:1fr;gap:0}.op-dialog{border-radius:20px;max-height:calc(100dvh - 20px)}.op-tools input{min-width:0}.op-shipment-line{grid-template-columns:minmax(0,1fr) 60px 25px}.op-field input,.op-field select,.op-field textarea{font-size:16px}.op-serial-search{padding:17px}.op-serial-search-form{flex-direction:column;align-items:stretch}.op-login{padding:20px}.op-login-shell{grid-template-columns:1fr;max-width:440px}.op-login-intro{padding:26px}.op-login-intro h1{margin:20px 0 10px;font-size:28px}.op-login-intro ul{display:none}.op-login-form{padding:28px}}@media (forced-colors:active){.op-field select{appearance:auto;background-image:none}}.op-workflow{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.op-workflow button{white-space:normal;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;font-size:12px;display:flex}.op-workflow strong{font-size:25px;line-height:1}.op-workflow button.selected{background:var(--gradient);color:#fff;border-color:#0000}.op-dialog-actions{flex-wrap:wrap}@media (max-width:740px){.op-workflow{grid-template-columns:1fr 1fr}.op-workflow button:last-child{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.op-workflow button:last-child strong{font-size:16px}.op-dialog-actions button{white-space:normal}}.op-return-item{border:1px solid var(--line);border-radius:12px;margin-bottom:15px;padding:16px}.op-return-codes{gap:8px;max-height:250px;display:grid;overflow:auto}.op-return-codes label{background:#f7f2fc;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.op-return-codes input{accent-color:#7d24cc;width:20px;height:20px}.op-return-codes code{overflow-wrap:anywhere}.op-return-label{color:#7d24cc!important}.op-return-history{background:#f7f3fc;border-radius:12px;padding:16px}.op-return-history>div{border-top:1px solid #e2d7ed;padding:10px 0}.op-return-history p{margin:5px 0}.op-packing{color:#17182d;background:#fff;font:14px/1.5 Arial,sans-serif}.op-packing header{border-bottom:3px solid #7d24cc;justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.op-packing header strong{color:#7d24cc;font-size:28px}.op-packing h2{margin:22px 0 8px}.op-packing-ref{color:#666;overflow-wrap:anywhere;font-size:11px}.op-packing section{padding:18px 0}.op-packing h3{margin:0 0 8px}.op-packing table{border-collapse:collapse;width:100%;min-width:0}.op-packing th,.op-packing td{vertical-align:top;text-align:left;border-bottom:1px solid #ddd;padding:12px 8px}.op-packing td p{overflow-wrap:anywhere;font-size:11px}.op-packing footer{border-top:1px solid #ddd;margin-top:30px;padding-top:30px;font-size:12px;line-height:2.5}.op-packing-notes{white-space:pre-wrap;overflow-wrap:anywhere}@media print{@page{size:A4;margin:15mm}html,body,.op-app{background:#fff!important;min-height:0!important}.op-header,.op-layout,.op-dialog-head,.op-dialog-actions{display:none!important}.op-dialog{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;position:static!important;inset:auto!important;overflow:visible!important}.op-dialog::backdrop{background:0 0}.op-dialog form{padding:0!important}.op-packing thead{display:table-header-group}.op-packing tr,.op-packing section{break-inside:avoid}.op-packing header{-webkit-print-color-adjust:exact;print-color-adjust:exact}}