html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.h2-title{font-size:26px;font-weight:700;margin-bottom:8px}.flex-space-between{display:flex;align-items:center;justify-content:space-between}.mb0{margin-bottom:0}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.toggle-btn{position:absolute;left:50%;transform:translate(-50%);bottom:-16px;z-index:2;box-shadow:0 4px 16px #246bfd14;background:#fff;border:1px solid rgba(37,99,235,.35);border-radius:20px;width:42px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s}.toggle-btn:hover{background:#2563eb1f;color:#1e40af;box-shadow:0 8px 20px #0f172a2e}.toggle-btn-icon{font-size:20px;color:#2563eb;display:flex;align-items:center;justify-content:center;transition:transform .2s}.tip-text{display:block;font-size:14px;font-weight:600;color:#475569;margin-bottom:6px}.ellipsis-2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ant-modal .ant-modal-header{margin-bottom:16px}.ant-modal .ant-modal-title{font-size:18px;color:#0f172a;font-weight:700}.search-header-actions{display:flex;align-items:center;gap:8px}.search-header-actions .search-header-count-label{color:#475569;font-size:15px}.status-cell>span{display:block;width:max-content;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:6px;background:#94a3b833;color:#334155;white-space:nowrap}.status-cell>span:last-child{margin-bottom:0}.status-cell>span.status-confirming,.status-cell>span.status-confirming .ant-select-single .ant-select-selector{background:#facc1533;color:#854d0e}.status-cell>span.status-customer-confirming,.status-cell>span.status-customer-confirming .ant-select-single .ant-select-selector{background:#fbbf2433;color:#92400e}.status-cell>span.status-uncertain,.status-cell>span.status-uncertain .ant-select-single .ant-select-selector{background:#94a3b82e;color:#1f2937}.status-cell>span.status-unordered,.status-cell>span.status-unordered .ant-select-single .ant-select-selector{background:#7dd3fc40;color:#0f172a}.status-cell>span.status-unreceived,.status-cell>span.status-unreceived .ant-select-single .ant-select-selector{background:#86efac40;color:#166534}.status-cell>span.status-unshipped,.status-cell>span.status-unshipped .ant-select-single .ant-select-selector{background:#c4b5fd40;color:#5b21b6}.status-cell>span.status-shipping-delay,.status-cell>span.status-shipping-delay .ant-select-single .ant-select-selector{background:#f8717138;color:#991b1b}.status-cell>span.status-done,.status-cell>span.status-done .ant-select-single .ant-select-selector{background:#4ade8040;color:#15803d}.status-cell>span.status-canceling,.status-cell>span.status-canceling .ant-select-single .ant-select-selector{background:#fb923c33;color:#9a3412}.status-cell>span.status-canceled,.status-cell>span.status-canceled .ant-select-single .ant-select-selector{background:#94a3b840;color:#475569}.status-cell>span.status-alert,.status-cell>span.status-alert .ant-select-single .ant-select-selector{background:#ffd5d4;color:#ca4d4b}.status-cell.status-select>span{width:100%;padding:0}.status-cell.status-select .ant-select .ant-select-arrow{color:#758498}.status-cell.status-select .ant-select-selector{border:0;border-radius:999px;background:transparent}.ant-select .ant-select-selection-item{font-weight:700;font-size:12px}.search-bar-wrapper .search-bar-flex{display:grid;gap:0 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.search-bar-wrapper .search-bar-item{width:100%;min-width:130px}.search-bar-wrapper .search-bar-label{display:block;margin-bottom:4px;font-size:14px;color:#333}.search-bar-input,.search-bar-select{height:40px}.ant-picker{width:100%;height:40px}.ant-select-selection-wrap{height:100%}.search-bar-radio{display:flex;align-items:center;height:40px}.search-bar-btn-row{display:flex;justify-content:flex-end;align-items:center}.search-bar-wrapper .search-bar-btn{width:165px;height:40px;background:#2563eb}.search-bar-wrapper .search-bar-btn-reset{width:165px;height:40px;margin-left:8px}.search-bar-wrapper .search-bar-btn:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #2563eb40}.search-bar-wrapper .search-bar-box{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:0px 16px}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child{border-start-start-radius:0}.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child{border-start-end-radius:0}.ant-table-thead th{white-space:nowrap}.ant-table-wrapper .ant-table-thead>tr>th{background:#f1f5f9}.ant-table-wrapper .ant-table-container{border-start-start-radius:0;border-start-end-radius:0}.ant-table-wrapper .ant-table.ant-table-bordered>.ant-table-container{border:0}.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid rgba(148,163,184,.3);border-right:1px solid rgba(148,163,184,.25);border-inline-end:1px solid rgba(148,163,184,.25)!important}.ant-table-wrapper .ant-table-thead>tr>th{padding:9px 8px!important}.ant-table-wrapper .ant-table-thead>tr>th:last-child,.ant-table-wrapper .ant-table-tbody>tr>td:last-child{border-inline-end:0!important}.ant-table-wrapper .ant-table-tbody>tr>td.remarks{max-width:150px}.ant-table-wrapper .ant-table-thead>tr>th.fixed-column{background:#e5eaf1}.ant-table-wrapper .ant-table-tbody>tr>td.fixed-column{font-weight:700!important}.ant-table-wrapper .ant-table-tbody>tr>td .small-font{display:block;font-size:12px;color:#64748b;font-weight:400;margin-top:-2px}.ant-table-wrapper .ant-table-thead>tr>th.bold-right-border,.ant-table-wrapper .ant-table-tbody>tr>td.bold-right-border{border-inline-end-width:2px!important}.ant-table-wrapper .ant-table-tbody>tr>td a:hover{text-decoration:underline}.ant-pagination.ant-pagination-simple .ant-pagination-prev,.ant-pagination.ant-pagination-simple .ant-pagination-next{padding:0 14px;border-radius:8px;border:1px solid rgba(148,163,184,.5);background:#fff;color:#1d4ed8;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.ant-pagination.ant-pagination-simple .ant-pagination-prev:hover,.ant-pagination.ant-pagination-simple .ant-pagination-next:hover{background:#2563eb1f;border-color:#2563eb73;color:#1e40af;box-shadow:0 4px 10px #0f172a1a}.ant-pagination.ant-pagination-simple .ant-pagination-disabled{cursor:not-allowed;background:#94a3b826!important;border-color:#94a3b84d!important;color:#64748bcc!important;box-shadow:none!important}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager{font-weight:700}.ant-pagination .ant-pagination-slash{margin-inline-end:6px;margin-inline-start:6px}.ant-btn.common-btn{height:37px;padding:8px 16px;font-weight:600;border-radius:8px}.ant-btn.download-btn{background:#2563eb1f;border-color:#2563eb59;color:#1d4ed8}.ant-btn.download-btn:hover{color:#1d4ed8!important;background:#2563eb33!important;border-color:#2563eb99!important}.ant-btn.upload-btn{border:1px solid rgba(34,197,94,.35);background:#22c55e24;color:#15803d}.ant-btn.upload-btn:hover{background:#22c55e3d!important;border-color:#22c55e8c!important;color:#15803d!important}.ant-btn.update-btn{border:1px solid rgba(14,165,233,.55);background:#0ea5e929;color:#0369a1}.ant-btn.update-btn:hover{background:#0ea5e942!important;border-color:#0ea5e9bf!important;color:#0369a1!important}.number-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-bottom:0}.number-summary dt{font-size:13px;color:#64748b;font-weight:600}.number-summary dd{margin:2px 0 0;font-size:20px;font-weight:600;color:#0f172a}.status-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.status-summary-grid .status-summary-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#475569;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:linear-gradient(135deg,#eff6ff,#f8fafc);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-summary-grid .status-summary-item .title{margin:0;font-size:14px;color:#1d4ed8;font-weight:600}.status-summary-grid .status-summary-item .value{font-size:24px;font-weight:700;line-height:1.1}.status-summary-grid .status-summary-item .value.alert-value{color:#ef4444}.status-summary-grid .status-summary-item .hint{font-size:11px}.status-border{position:relative}.status-border .status-subheading{position:absolute;top:-10px;left:14px;background:#fff;font-size:13px;font-weight:700;color:#475569;padding:0 4px}.status-border .status-group{display:flex;gap:50px;padding:12px 14px;border-radius:10px;border:1px solid #cbd5f5;background:#fff}.status-border .status-group .left{flex:1.5}.status-border .status-group .right{flex:1}.status-border .status-group .left .group-flex>div{flex:1}.status-border .status-group .group-flex{display:flex;flex-direction:row;gap:35px}.status-border .status-group .group-title{font-size:12px;font-weight:600;color:#334155;margin-bottom:6px}.status-border .status-group .group-column{display:flex;flex-direction:column;gap:8px}.aoms-modal-maxheight .ant-modal-content{max-height:80vh;overflow-y:auto}.update-modal-w80{width:60%!important}.update-modal-content{min-height:320px;padding:20px;border:2px dashed rgba(148,163,184,.6);border-radius:14px;background:#f8fafceb;margin-bottom:24px;overflow:hidden}.update-modal-content .update-modal-changes{display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:60vh}.update-modal-content .update-modal-changes .update-modal-empty{display:flex;align-items:center;justify-content:center;min-height:320px;font-size:14px;color:#64748b;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #94a3b833}.update-modal-content .update-modal-changes .update-modal-row{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #94a3b833}.update-modal-content .update-modal-changes .update-modal-row-header{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));gap:10px 16px}.update-modal-content .update-modal-changes .update-modal-row-header .update-modal-change-product{display:flex;flex-direction:column;font-size:11px;letter-spacing:.05em;color:#64748b}.update-modal-content .update-modal-changes .update-modal-row-header .update-modal-change-product .update-modal-meta-value{font-size:14px;font-weight:600;color:#0f172a;margin-top:2px;word-break:break-word}.update-modal-content .update-modal-changes .update-modal-row-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.update-modal-content .update-modal-changes .update-modal-field{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;font-size:14px}.update-modal-content .update-modal-changes .update-modal-field-label{font-weight:600;color:#1e293b}.update-modal-content .update-modal-changes .update-modal-field dd{display:inline-flex;align-items:center;gap:10px;font-weight:500;margin:0}.update-modal-content .update-modal-changes .update-modal-field-value{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:4px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#f8fafce6;color:#0f172a}.update-modal-content .update-modal-changes .update-modal-field-from{background:#f1f5f9e6}.update-modal-content .update-modal-changes .update-modal-field-arrow{font-size:16px;color:#475569}.update-modal-content .update-modal-changes .update-modal-field-to{background:#dcfce7d9;border-color:#4ade8073}@media (max-width: 1440px){.status-border .status-group{gap:25px}.status-border .status-group .group-flex{gap:16px}}@media (max-width: 1280px){.search-bar-wrapper .search-bar-box{grid-template-columns:repeat(1,minmax(0px,1fr));margin-bottom:24px}.search-header-wrapper{flex-direction:column;align-items:flex-end;gap:12px}.search-header-wrapper>div{flex:1}.search-header-wrapper .search-header-actions{width:100%}}@media (max-width: 1024px){.search-bar-wrapper .search-bar-flex{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{font-family:Noto Sans JP,Segoe UI,sans-serif;--title-font: "Hiragino Kaku Gothic ProN", "Yu Mincho", "Noto Serif JP", serif;line-height:1.5;color:#111827;background-color:#f5f7fb;--top-bar-height: 56px;--nav-width: 280px;--notification-width: 320px;--surface-color: #ffffff;--surface-subtle: #f1f5f9;--border-color: #e5e7eb;--accent-color: #1d4ed8}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;min-height:100vh;background:#f5f7fb;overflow:hidden}#root{height:100%;min-height:100vh}button{font:inherit}.auth-shell{position:relative;min-height:100vh;width:100%;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(900px 520px at 12% 10%,rgba(173,216,230,.55),transparent 60%),radial-gradient(780px 460px at 88% 86%,rgba(245,245,220,.68),transparent 62%),radial-gradient(520px 320px at 68% 22%,rgba(191,224,255,.35),transparent 66%),linear-gradient(135deg,#eaf6ff,#f7f9f2)}.auth-card{position:relative;width:min(460px,92vw);padding:64px 28px 28px;border-radius:12px;background:#d2e6ff1f;border:3px solid rgba(255,255,255,.9);backdrop-filter:blur(34px) saturate(0%) contrast(108%);-webkit-backdrop-filter:blur(34px) saturate(0%) contrast(108%);box-shadow:0 20px 50px #00000024,inset 0 1px #ffffffb3,inset 0 -12px 24px #ffffff38}.auth-icon-wrap{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:94px;height:94px;display:grid;place-items:center}.auth-icon-wrap:after{content:"";position:absolute;left:50%;top:80px;transform:translate(-50%);width:2px;height:16px;background:#fff}.auth-icon{width:94px;height:94px;border-radius:999px;background:#8fb8f7;border:1px solid #ffffff;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px #5d8bd640}.auth-icon svg{width:42px;height:42px}.auth-eyebrow{margin:0 0 8px;color:#365fa8;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;font-family:var(--title-font)}.auth-card h1{margin:0 0 8px;font-size:32px;line-height:1.15;text-align:center;color:#7b899e;font-family:var(--title-font);font-weight:700;letter-spacing:.01em}.auth-copy{margin:0 0 20px;font-size:13px;text-align:center;color:#7b899e;font-family:var(--title-font);font-weight:500;letter-spacing:.01em}.login-form{display:grid;gap:14px}.form-group{display:grid;gap:8px}.form-group label{font-size:15px;font-weight:700;color:#7b899e;font-family:var(--title-font);letter-spacing:.01em}.form-group input{width:100%;padding:12px 14px;font-size:16px;border-radius:12px;border:1px solid #bcd9fb;background:#ffffff94;color:#142036;font-family:var(--title-font);transition:border-color .2s ease,box-shadow .2s ease}.form-group input::placeholder{color:#61738f;font-family:var(--title-font)}.form-group input:focus{outline:none;border-color:#89b4f3;box-shadow:0 0 0 4px #89b4f333}.login-form button{margin-top:4px;width:100%;padding:12px;font-size:18px;font-weight:700;border-radius:8px;border:none;color:#fff;background:#9ec3fa;cursor:pointer;transition:background .2s ease;font-family:var(--title-font)}.login-form button:hover{background:#89b4f3}@media (max-width: 768px){.auth-card{padding:56px 22px 22px}.auth-icon-wrap,.auth-icon{width:84px;height:84px}.auth-icon svg{width:36px;height:36px}.auth-card h1{font-size:28px}.auth-copy{font-size:13px}.form-group label{font-size:14px}.form-group input{font-size:15px}.login-form button{font-size:17px}}.layout{height:100%;min-height:100vh;display:flex;flex-direction:column;color:inherit;background:#f5f7fb;--nav-current-width: var(--nav-width);--notification-current-width: 0px}.layout--nav-closed{--nav-current-width: 0px}.layout--notification-closed{--notification-current-width: 0px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--top-bar-height);padding:0 20px;background:#111c3d;color:#f8fafc;position:sticky;top:0;z-index:10;box-shadow:0 6px 18px #111c3d2e}.top-bar__section{display:flex;align-items:center;gap:12px}.top-bar__section--right{margin-left:auto}.top-bar__title{font-size:18px;font-weight:600}.top-bar__logout{border:1px solid rgba(248,250,252,.28);border-radius:999px;padding:8px 14px;background:#f8fafc1f;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease}.top-bar__logout:hover{background:#f8fafc38;border-color:#f8fafc70}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#f8fafc1f;color:inherit;font-size:20px;cursor:pointer;transition:background .2s ease}.icon-button:hover{background:#f8fafc3d}.icon-button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.layout__body{flex:1;display:grid;grid-template-columns:var(--nav-current-width) 1fr var(--notification-current-width);transition:grid-template-columns .3s ease;height:calc(100vh - var(--top-bar-height));background:transparent;overflow:hidden}.nav-panel,.notification-panel{overflow-y:auto;overflow-x:hidden;background:var(--surface-color);border-inline-end:1px solid var(--border-color);transition:opacity .3s ease;padding:20px;display:flex;flex-direction:column;gap:16px;height:100%}.notification-panel{border-inline-end:none;border-inline-start:1px solid var(--border-color)}.nav-panel[aria-hidden=true],.notification-panel[aria-hidden=true]{opacity:0;pointer-events:none}.content-area{background:linear-gradient(180deg,#f8fafc,#eef2ff);padding:32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;height:100%}.nav-panel__content,.notification-panel__content{display:flex;flex-direction:column;gap:16px}.nav-panel__heading,.notification-panel__heading{margin:0;font-size:16px;font-weight:600;color:#0f172a;white-space:nowrap}.nav-panel__list,.notification-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-panel__list--primary{margin-bottom:16px}.nav-panel__group{display:flex;flex-direction:column;gap:8px;margin-top:16px}.nav-panel__link{width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:#1f2937;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;display:block;text-decoration:none;font:inherit}.nav-panel__section-title{margin:0;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.nav-panel__footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.4);display:flex;flex-direction:column;gap:8px}.nav-panel__link:hover{background:var(--surface-subtle)}.nav-panel__link--active{background:#1d4ed81f;color:var(--accent-color)}.nav-panel__user{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.4);display:flex;flex-direction:column;gap:8px}.nav-panel__user-info{display:flex;flex-direction:column;gap:2px}.nav-panel__user-name{font-weight:600;font-size:14px;color:var(--text-color)}.nav-panel__user-role{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.nav-panel__logout{background:none;border:1px solid rgba(148,163,184,.4);border-radius:6px;padding:6px 12px;font-size:13px;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.nav-panel__logout:hover{background:#dc262614;color:#dc2626;border-color:#dc26264d}.notification-panel__card{padding:16px;border-radius:12px;background:var(--surface-subtle);border:1px solid rgba(148,163,184,.4);display:flex;flex-direction:column;gap:6px;animation:panel-enter .24s ease}.notification-panel__card h3{margin:0;font-size:15px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-panel__card p{margin:0;color:#475569;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{min-height:100%;display:flex;flex-direction:column;gap:24px;animation:page-enter .22s ease}.panel{width:100%;background:var(--surface-color);border-radius:16px;padding:24px 28px;box-shadow:0 16px 32px #0f172a0f;border:1px solid rgba(229,231,235,.8)}h1{margin:0 0 12px;font-size:26px;font-weight:600}h2{margin-top:0}.placeholder-panel__meta{margin:8px 0 0;color:#4b6284}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;border-radius:10px;padding:10px 16px;cursor:pointer;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.actions button:hover{background:#1e40af;box-shadow:0 10px 18px #1d4ed83d}.actions button:active{transform:translateY(1px)}.actions button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.status{margin-top:16px;font-weight:700}.status.idle{color:#44536b}.status.loading{color:#986200}.status.success{color:#0a7a3d}.status.error{color:#b61919}pre{margin:10px 0 0;background:#f4f8ff;border-radius:8px;padding:12px;overflow:auto;white-space:pre-wrap}.status-list{margin:6px 0 0;padding-left:18px}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.layout{--nav-width: 240px;--notification-width: 280px}.content-area{padding:24px}.panel{padding:20px 22px}}@media (max-width: 760px){.layout__body{grid-template-columns:0 1fr 0}.layout--nav-open .layout__body{grid-template-columns:var(--nav-current-width) 1fr 0}.layout--notification-open .layout__body{grid-template-columns:0 1fr var(--notification-current-width)}.content-area{padding:20px}.actions{flex-direction:column}.actions button{width:100%}}.suppliers-page{gap:20px}.suppliers-page>*{flex-shrink:0}.supplier-summary-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;border:1px solid #e2e8f0}.supplier-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.supplier-summary-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.supplier-summary-right{display:flex;align-items:center;gap:16px}.summary-total{font-size:14px;color:#64748b}.summary-total strong{color:#0f172a}.supplier-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.supplier-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s ease}.supplier-stat-card:hover{border-color:#cbd5e1}.stat-label{font-size:12px;font-weight:700;color:#2563eb}.stat-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1.2}.stat-note{font-size:11px;color:#64748b}.supplier-hero{display:none}.supplier-board{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.supplier-board__main{display:flex;flex-direction:column;gap:20px;min-width:0}.supplier-card{padding:22px;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#fffffff0;box-shadow:0 18px 42px #0f172a14}.supplier-card--list{padding:0;overflow:hidden}.supplier-card__header,.supplier-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.supplier-toolbar{padding:22px;border-bottom:1px solid rgba(148,163,184,.22)}.supplier-toolbar h2,.supplier-card h2{color:#0f172a}.supplier-toolbar p,.supplier-card p{margin:6px 0 0;font-size:14px}.supplier-toolbar__controls{display:grid;grid-template-columns:auto minmax(110px,1fr);gap:8px 10px;align-items:center;font-size:13px;color:#475569}.supplier-toolbar__controls select,.supplier-form input,.supplier-form select,.supplier-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.supplier-toolbar__controls select{padding:8px 10px}.supplier-form input,.supplier-form select,.supplier-form textarea{padding:10px 12px}.supplier-form input:focus,.supplier-form select:focus,.supplier-form textarea:focus,.supplier-toolbar__controls select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.supplier-form input:disabled{background:#e2e8f0;color:#475569}.supplier-table-wrap{overflow-x:auto}.supplier-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}.supplier-table th{padding:11px 10px;color:#475569;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;font-weight:800;text-align:left;white-space:nowrap}.supplier-table td{padding:12px 10px;border-bottom:1px solid #e2e8f0;vertical-align:top;overflow-wrap:anywhere}.supplier-table .supplier-table__status{width:58px}.supplier-table .supplier-table__number{width:48px}.supplier-table .supplier-table__code{width:125px}.supplier-table .supplier-table__name{width:145px}.supplier-table .supplier-table__contact{width:330px}.supplier-table .supplier-table__methods{width:160px}.supplier-table .supplier-table__actions{width:136px}.supplier-table td>span:not(.supplier-method-row),.supplier-table td>strong{display:block}.supplier-table tbody tr{transition:background .2s ease,box-shadow .2s ease}.supplier-table tbody tr:hover{background:#f8fbff;box-shadow:inset 4px 0 #3b82f6}.supplier-table__row--inactive{background:#f8fafc;color:#64748b}.supplier-muted{display:block;margin-top:3px;font-size:12px}.supplier-id-number{font-variant-numeric:tabular-nums;color:#0f172a}.supplier-contact-cell{line-height:1.5}.supplier-contact-main{font-weight:700;white-space:normal}.supplier-contact-cell .supplier-muted{overflow-wrap:anywhere;word-break:normal}.supplier-address-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.supplier-table .supplier-method-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:6px;align-items:baseline}.supplier-method-row+.supplier-method-row{margin-top:5px}.supplier-method-row span{color:#64748b;font-size:10px;font-weight:700}.supplier-method-row strong{color:#0f172a;font-weight:700}.supplier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800}.supplier-badge--active{color:#047857;background:#d1fae5}.supplier-badge--inactive{color:#92400e;background:#fef3c7}.supplier-button{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.supplier-button:hover:not(:disabled){transform:translateY(-1px)}.supplier-button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.supplier-button:disabled{opacity:.55;cursor:not-allowed}.supplier-button--primary{color:#fff;background:#1d4ed8;box-shadow:0 12px 24px #1d4ed838}.supplier-button--primary:hover:not(:disabled){background:#1e40af}.supplier-button--ghost{color:#1e3a8a;background:#fff;border-color:#cbd5e1}.supplier-button--ghost:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.supplier-button--warning{color:#92400e;background:#fffbeb;border-color:#fcd34d;box-shadow:0 10px 20px #f59e0b24}.supplier-button--warning:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b}.supplier-button--danger{color:#fff;background:#dc2626;box-shadow:0 10px 20px #dc26262e}.supplier-button--small{padding:6px 8px;border-radius:9px;font-size:11px;white-space:nowrap}.supplier-table .supplier-row-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.supplier-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 22px 22px;color:#475569;font-size:13px}.supplier-pagination button{padding:7px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer}.supplier-empty{margin:22px;padding:28px;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;background:#f8fafc;text-align:center}.supplier-empty--compact{margin:0}.supplier-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.supplier-form--single{grid-template-columns:1fr;padding-top:16px;border-top:1px solid #e2e8f0}.supplier-form h3{margin:0}.supplier-form label{display:flex;flex-direction:column;gap:6px;color:#334155;font-size:13px;font-weight:800}.supplier-form__wide,.supplier-form__actions{grid-column:1 / -1}.supplier-alert{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;font-weight:700}.supplier-alert--error{color:#991b1b;background:#fee2e2}.supplier-alert--success{color:#065f46;background:#d1fae5}.supplier-account-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.supplier-account-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.supplier-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.supplier-confirm{width:min(460px,100%);padding:28px;border-radius:24px;background:#fff;box-shadow:0 28px 70px #0f172a47}.supplier-confirm p:not(.supplier-eyebrow){color:#475569}.supplier-account-modal{width:min(760px,100%);max-height:min(86vh,760px);overflow-y:auto}.supplier-account-modal .supplier-card__header{align-items:flex-start;margin-bottom:14px}.supplier-account-modal .supplier-eyebrow{color:#2563eb}.supplier-account-modal .supplier-form{margin-top:18px}@media (max-width: 1180px){.supplier-board{grid-template-columns:1fr}}@media (max-width: 760px){.supplier-hero,.supplier-card__header,.supplier-toolbar{flex-direction:column;align-items:stretch}.supplier-hero{display:flex}.supplier-hero__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-hero__actions{justify-content:stretch}.supplier-form,.supplier-toolbar__controls{grid-template-columns:1fr}}