@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{color:#17233b;font-synthesis:none;background:#f4f7fb;font-family:Be Vietnam Pro,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.login-shell{grid-template-columns:minmax(380px,46%) 1fr;min-height:100vh;display:grid}.brand-panel{color:#fff;background:linear-gradient(145deg,#11264f,#174b86 62%,#148ca2);flex-direction:column;padding:48px 64px;display:flex;position:relative;overflow:hidden}.brand-panel:before,.brand-panel:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.brand-panel:before{width:540px;height:540px;top:-170px;right:-260px}.brand-panel:after{width:320px;height:320px;bottom:-120px;left:-160px}.brand-mark{z-index:1;background:#ffffff24;border:1px solid #ffffff38;border-radius:15px;place-items:center;width:52px;height:52px;display:grid;position:relative}.brand-copy{z-index:1;max-width:540px;margin:auto 0;position:relative}.brand-copy span{letter-spacing:.04em;color:#a9e5ed;font-weight:600}.brand-copy h1{letter-spacing:-.04em;margin:18px 0 24px;font-size:clamp(40px,4vw,64px);line-height:1.13}.brand-copy p{color:#d2e1f1;max-width:480px;margin:0;font-size:17px;line-height:1.8}.brand-panel small{z-index:1;color:#a8bad0;position:relative}.form-panel{background:radial-gradient(circle at 85% 10%,#e6f2fa 0,#0000 28%),#f7f9fc;place-items:center;padding:40px;display:grid}.login-card{width:min(100%,430px)}.language-switcher{justify-content:flex-end;gap:4px;margin-bottom:42px;display:flex}.language-switcher button{color:#76849a;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:42px;height:32px;padding:0 10px;font-size:12px;font-weight:600}.language-switcher button:hover{background:#eaf0f7}.language-switcher button.active{color:#153e75;background:#e1ebf6}.mobile-logo{display:none}.eyebrow{color:#148ca2;letter-spacing:.12em;margin:0 0 12px;font-size:12px;font-weight:700}.login-card h2{letter-spacing:-.035em;margin:0;font-size:34px}.subtitle{color:#68758b;margin:12px 0 34px;line-height:1.6}label{margin:18px 0 8px;font-size:14px;font-weight:600;display:block}.input-wrap{color:#8190a5;background:#fff;border:1px solid #d8dfeb;border-radius:12px;align-items:center;gap:12px;height:54px;padding:0 16px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:#16859c;box-shadow:0 0 0 4px #16859c1a}.input-wrap input{color:#17233b;background:0 0;border:0;outline:0;width:100%;height:100%}.input-wrap input::placeholder{color:#a3adbd}.reveal{color:#748198;cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:grid}.error{color:#a52525;background:#fff0f0;border:1px solid #ffd2d2;border-radius:9px;margin-top:16px;padding:11px 13px;font-size:13px}.submit{color:#fff;cursor:pointer;background:#153e75;border:0;border-radius:12px;width:100%;height:54px;margin-top:24px;font-weight:600;transition:all .2s;box-shadow:0 10px 24px #153e752e}.submit:hover:not(:disabled){background:#102f5b;transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait}.support{text-align:center;color:#8a96a8;margin-top:24px;font-size:12px}.app-shell{background:#f3f7f6;grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.public-shell{display:block}.public-shell .app-content{width:100%;max-width:1660px;margin:0 auto}.sidebar{color:#ccd9e9;background:linear-gradient(#294867 0%,#213b58 100%);flex-direction:column;width:260px;height:100vh;padding:28px 20px 20px;transition:transform .25s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:10px 0 30px #1a324c17}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-brand{color:#fff;white-space:nowrap;background:#ffffff0e;border:1px solid #d5e5f729;border-radius:12px;align-items:center;gap:7px;min-height:56px;padding:0 17px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0b}.brand-accent{background:#79addb;border-radius:0 4px 4px 0;width:4px;height:31px;position:absolute;left:0;box-shadow:0 0 12px #79addb40}.cts-wordmark{color:#a9ceef;letter-spacing:.03em;font-size:23px;font-weight:700}.sidebar-brand strong{font-size:13px}.menu-label{color:#8fa8c2;letter-spacing:.15em;margin:32px 12px 11px;font-size:10px;font-weight:700}.sidebar-nav{margin:0}.nav-item{color:#c4d2e2;border-radius:10px;align-items:center;gap:12px;height:48px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#86b3dc2e;box-shadow:inset 3px 0 #86b8e3}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.guide-link,.product-card{color:#cfdeed;background:#ffffff0b;border:1px solid #d6e6f821;border-radius:10px;align-items:center;gap:10px;min-height:43px;padding:0 12px;font-size:11px;text-decoration:none;display:flex}.guide-link{text-align:left;cursor:pointer;width:100%;font-family:inherit}.guide-link:hover{color:#fff;background:#6f9df414;border-color:#6f9df44d}.guide-link span:nth-child(2){flex:1;font-weight:600}.product-card{min-height:60px}.product-icon{color:#b5d5f1;background:#97c2e71f;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.product-card div{flex-direction:column;display:flex}.product-card strong{color:#fff;font-size:12px}.product-card small{color:#91a9c1;margin-top:4px;font-size:9px}.app-content{min-width:0;padding:0 36px 40px}.topbar{border-bottom:1px solid #dbe5e2;align-items:center;gap:18px;min-height:104px;display:flex}.collapse-button{color:#fff;cursor:pointer;background:#263a60;border:0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 13px #263a602e}.collapse-button:hover{background:#315080}.page-heading{border-right:1px solid #d8e2df;padding-right:28px}.page-heading h1{color:#103b36;letter-spacing:-.04em;margin:0;font-size:26px}.page-heading p{color:#829691;margin:5px 0 0;font-size:11px}.company-scope{color:#536b66;white-space:nowrap;font-size:12px;font-weight:600}.topbar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.update-status{color:#829691;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.update-status i{background:#2dcbb0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e0f6f1}.topbar .language-switcher{margin:0}.topbar .language-switcher button{min-width:32px;padding:0 6px}.header-language{position:relative}.header-language>button{color:#496982;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:54px;height:36px;padding:0 10px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.header-language>button:hover,.header-language>button.open{background:#fff;border-color:#d6e1e8}.header-language>button svg{color:#8da0ae;transition:transform .18s}.header-language>button.open svg{transform:rotate(180deg)}.language-menu{z-index:30;background:#fff;border:1px solid #dce4e9;border-radius:11px;width:166px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 35px #1a324c24}.language-menu button{color:#536b7c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:26px 1fr 16px;align-items:center;gap:7px;width:100%;height:40px;padding:0 8px;display:grid}.language-menu button:hover{background:#f2f6f8}.language-menu button.active{color:#315c78;background:#eaf3f5}.language-code{font-size:10px;font-weight:700}.language-menu strong{font-size:11px;font-weight:600}.language-menu svg{color:#478ba0}.icon-button{color:#7e948f;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.profile-wrapper{position:relative}.header-user{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.header-avatar{color:#fff;background:linear-gradient(145deg,#365d82,#294867);border-radius:10px;place-items:center;width:39px;height:39px;font-weight:700;display:grid;box-shadow:0 7px 16px #29486733}.header-user div{flex-direction:column;max-width:120px;display:flex}.header-user strong{color:#193b37;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.header-user small{color:#8b9d99;text-transform:capitalize;margin-top:3px;font-size:9px}.header-user>svg{color:#8ca09b}.header-login-button{color:#294867;cursor:pointer;background:#fff;border:1px solid #cad8df;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.header-login-button:hover{color:#fff;background:#294867;border-color:#294867}.import-preview-modal{background:#fff;border-radius:16px;width:min(650px,100vw - 32px);padding:22px;box-shadow:0 24px 70px #18304838}.import-preview-modal.details-open{width:min(820px,100vw - 32px)}.import-preview-modal>header{border-bottom:1px solid #dce6eb;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.import-preview-modal h2{color:#173b59;margin:0 0 5px;font-size:19px}.import-preview-modal header p{color:#78909e;margin:0;font-size:12px}.import-preview-modal header button{color:#76909d;cursor:pointer;background:#f0f5f7;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.import-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.import-summary-grid div{background:#f8fafb;border:1px solid #dce6eb;border-radius:11px;flex-direction:column;justify-content:space-between;min-height:76px;padding:12px;display:flex}.import-summary-grid span{color:#708896;font-size:11px;font-weight:600}.import-summary-grid strong{color:#294867;font-size:22px}.import-summary-grid .good strong{color:#14866d}.import-summary-grid .bad strong{color:#d95555}.import-summary-grid>div:last-child{display:none}.import-error-list{color:#a54444;background:#fff8f8;border:1px solid #f1d4d4;border-radius:10px;flex-direction:column;gap:6px;max-height:150px;margin-top:14px;padding:12px;font-size:11px;display:flex;overflow:auto}.import-error-list>strong{color:#a54444;margin-bottom:3px}.import-error-group{border-top:1px solid #f3dddd;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.import-error-group>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.import-error-group b{color:#8f3e3e;font-size:12px}.import-error-group small{color:#b67b7b;font-size:10px}.error-row-chips{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:230px;display:flex}.error-row-chips span{color:#ad4747;white-space:nowrap;background:#fbe4e4;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.import-details-toggle{color:#294867;text-align:left;cursor:pointer;background:#f8fafb;border:1px solid #d7e2e8;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;margin-top:14px;padding:12px 14px;display:grid}.import-details-toggle span{font-size:12px;font-weight:750}.import-details-toggle small{color:#78909e;grid-column:1;font-size:10px}.import-details-toggle svg{grid-area:1/2/span 2}.import-detail-table-wrap{border:1px solid #dce6eb;border-radius:10px;max-height:300px;margin-top:10px;overflow:auto}.import-detail-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}.import-detail-table th{z-index:1;color:#718997;text-align:left;text-transform:uppercase;background:#f2f6f8;padding:9px 10px;font-size:9px;position:sticky;top:0}.import-detail-table th:first-child{width:55px}.import-detail-table th:nth-child(2){width:130px}.import-detail-table th:nth-child(3){width:190px}.import-detail-table td{color:#476270;overflow-wrap:anywhere;border-top:1px solid #e5ecef;padding:9px 10px}.import-detail-table tr.valid{background:#f3fbf7}.import-detail-table tr.invalid{background:#fff5f5}.import-detail-table td:last-child{align-items:flex-start;gap:7px;display:flex}.import-detail-table td:last-child div{flex-direction:column;gap:2px;display:flex}.import-detail-table td:last-child b{color:#18816a}.import-detail-table tr.invalid td:last-child b,.import-detail-table tr.invalid td:last-child small{color:#c64f4f}.row-result-icon{color:#fff;background:#20a47e;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.invalid .row-result-icon{background:#df6262}.import-sheet-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#142736a3;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.import-sheet-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(1500px,100vw - 40px);height:min(780px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 28px 90px #0c1f2f59}.import-sheet-modal>header{border-bottom:1px solid #d9e2e6;justify-content:space-between;align-items:center;min-height:68px;padding:15px 18px;display:flex}.import-sheet-modal h2{color:#173b59;margin:0 0 4px;font-size:18px}.import-sheet-modal header p{color:#78909e;margin:0;font-size:11px}.import-sheet-modal header button{color:#6e8794;cursor:pointer;background:#eef3f5;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.sheet-grid-wrap{background:#f7f9fa;flex:1;overflow:hidden auto}.sheet-grid{border-spacing:0;border-collapse:separate;table-layout:fixed;color:#334f5e;background:#fff;width:100%;min-width:0;font-size:10px}.sheet-grid th,.sheet-grid td{box-sizing:border-box;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #d9e1e5;border-right:1px solid #d9e1e5;height:39px;padding:7px 9px;overflow:hidden}.sheet-grid th{z-index:3;color:#526e7d;background:#edf2f4;height:38px;font-size:10px;font-weight:750;position:sticky;top:0}.sheet-grid th:first-child{width:42px}.sheet-grid th:nth-child(2),.sheet-grid th:nth-child(3){width:90px}.sheet-grid th:nth-child(4){width:100px}.sheet-grid th:nth-child(5){width:145px}.sheet-grid th:nth-child(6){width:110px}.sheet-grid th:nth-child(7){width:90px}.sheet-grid th:nth-child(8){width:105px}.sheet-grid th:nth-child(9){width:90px}.sheet-grid th:nth-child(10){width:100px}.sheet-grid th:nth-child(11){width:130px}.sheet-grid th:nth-child(12){width:250px}.sheet-grid .sheet-row-number{z-index:2;color:#6f8793;text-align:center;background:#f0f4f6;font-weight:700;position:sticky;left:0}.sheet-grid th.sheet-row-number{z-index:4}.sheet-grid tr.valid td:not(.sheet-row-number){background:#f1fbf6}.sheet-grid tr.invalid td:not(.sheet-row-number){background:#fff0f0}.sheet-grid tr.valid:hover td:not(.sheet-row-number){background:#e7f8ef}.sheet-grid tr.invalid:hover td:not(.sheet-row-number){background:#ffe5e5}.sheet-status{color:#13755e;background:#d9f3e8;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:750;display:inline-flex}.sheet-status.invalid{color:#b94343;background:#fbdada}.sheet-grid .sheet-reason{color:#18816a;font-weight:650}.sheet-grid td:nth-child(11),.sheet-grid .sheet-reason{text-overflow:clip;white-space:normal;height:auto;line-height:1.35;overflow:visible}.sheet-grid tr.invalid .sheet-reason{color:#c14848}@media (width<=700px){.import-sheet-backdrop{padding:10px}.import-sheet-modal{width:calc(100vw - 20px);height:calc(100vh - 20px)}}.supply-order-tabs{border-bottom:1px solid #dde6ea;gap:9px;margin:18px 0 15px;padding-bottom:12px;display:flex}.pending-orders-section>header>div:first-child{display:none}.pending-orders-section{position:relative}.pending-orders-section>header{z-index:2;justify-content:flex-end;position:absolute;top:-9px;right:4px}.pending-orders-section>header .pending-header-actions>button{min-height:46px}.supply-order-tabs button{color:#6d8592;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:0 17px;font-size:12px;font-weight:750;display:flex}.supply-order-tabs button span{background:#eaf0f3;border-radius:7px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-size:11px;display:grid}.supply-order-tabs button.active{color:#294867;background:#edf4f8;border-color:#b9cfdb}.supply-order-tabs button.active span{color:#fff;background:#294867}.pending-order-card.has-received{cursor:pointer}.pending-order-card.has-received:hover{border-color:#9fc2d4;box-shadow:0 8px 22px #2948671a}.order-status.completed{color:#14785f;background:#dbf3e9}.view-order-sims{color:#294867;cursor:pointer;background:#fff;border:1px solid #c9d9e1;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.completed-sheet th:first-child{width:45px}.completed-sheet th:nth-child(2){width:105px}.completed-sheet th:nth-child(3){width:120px}.completed-sheet th:nth-child(4){width:175px}.completed-sheet th:nth-child(5){width:145px}.completed-sheet th:nth-child(6){width:105px}.completed-sheet th:nth-child(7){width:125px}.completed-sheet th:nth-child(8),.completed-sheet th:nth-child(9){width:115px}.completed-sheet th:nth-child(10){width:auto}.import-sheet-modal:has(.completed-sheet){width:min(1180px,100vw - 40px);height:min(650px,100vh - 56px)}.import-sheet-modal:has(.completed-sheet) .sheet-grid-wrap{flex:1;min-height:0;overflow:hidden auto}.pending-orders-section>header{height:46px;min-height:46px;padding:0}.pending-orders-section>header .pending-header-actions>button{height:46px}.import-preview-modal>footer{border-top:1px solid #dce6eb;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:15px;display:flex}.import-preview-modal>footer button{color:#496575;cursor:pointer;background:#fff;border:1px solid #cad8df;border-radius:9px;min-height:39px;padding:0 15px;font-weight:700}.import-preview-modal>footer .confirm-import{color:#fff;background:#294867;border-color:#294867;align-items:center;gap:7px;display:flex}.import-preview-modal>footer button:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.import-summary-grid{grid-template-columns:repeat(2,1fr)}}.profile-menu{z-index:30;background:#fff;border:1px solid #dce4e9;border-radius:13px;width:254px;padding:10px;position:absolute;top:calc(100% + 11px);right:0;box-shadow:0 16px 38px #1a324c26}.profile-summary{align-items:center;gap:11px;padding:8px 9px 11px;display:flex}.header-avatar.large{flex:none;width:43px;height:43px}.profile-summary div{flex-direction:column;min-width:0;display:flex}.profile-summary strong{color:#183a50;font-size:12px}.profile-summary small{color:#8799a6;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.profile-divider{background:#e7ecef;height:1px;margin:0 0 6px}.profile-menu>button{color:#526a79;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:40px;padding:0 10px;font-size:11px;font-weight:500;display:flex}.profile-menu>button:hover{color:#294867;background:#f1f5f8}.profile-menu>button.profile-logout{color:#d35656;margin-top:4px}.profile-menu>button.profile-logout:hover{background:#fff1f1}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1223307a;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.account-modal{background:#fff;border:1px solid #dbe5e8;border-radius:18px;width:min(100%,560px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #0e212e40}.account-modal>header{z-index:2;background:#fff;border-bottom:1px solid #e4eaec;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 26px 21px;display:flex;position:sticky;top:0}.account-modal header h2{color:#183b3a;letter-spacing:-.03em;margin:0;font-size:22px}.account-modal header p{color:#849795;margin:7px 0 0;font-size:11px}.account-modal header>button{color:#78908e;cursor:pointer;background:#eff4f3;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.account-modal form{padding:24px 26px 22px}.account-modal h3{color:#365a58;margin:0 0 12px;font-size:12px}.readonly-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.readonly-field{background:#f4f7f7;border:1px solid #dce6e5;border-radius:9px;flex-direction:column;justify-content:center;min-height:65px;padding:13px;display:flex}.readonly-field.wide{grid-column:1/-1}.readonly-field span{color:#819795;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:700}.readonly-field strong{color:#294d4a;font-size:11px}.form-section{border-top:1px solid #e5ebec;margin-top:20px;padding-top:20px}.account-modal label{color:#385956;margin:0 0 7px;font-size:11px}.account-modal input{color:#294440;background:#fff;border:1px solid #ccdcd9;border-radius:9px;outline:none;width:100%;height:47px;padding:0 13px}.account-modal input:focus{border-color:#547c9c;box-shadow:0 0 0 3px #547c9c1a}.form-section>small{color:#97a8a6;margin-top:7px;font-size:9px;display:block}.password-section h3{margin-bottom:15px}.password-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:13px;display:grid}.modal-message{border-radius:8px;margin-top:14px;padding:10px 12px;font-size:10px}.modal-message.error{color:#b34242;background:#fff0f0}.modal-message.success{color:#26745d;background:#eaf8f2}.account-modal footer{border-top:1px solid #e6ecee;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:18px;display:flex}.account-modal footer button{cursor:pointer;border-radius:9px;height:42px;padding:0 17px;font-size:11px;font-weight:600}.cancel-button{color:#617875;background:#fff;border:1px solid #d1dddf}.save-button{color:#fff;background:#294867;border:0}.save-button:hover:not(:disabled){background:#213b58}.save-button:disabled{opacity:.6;cursor:wait}.sim-warehouse-view{margin-top:26px}.sim-table-card{background:#fff;border:1px solid #d9e4e7;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #1832430e}.sim-card-header{justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:21px 23px 16px;display:flex}.sim-card-header h2{color:#193b48;letter-spacing:-.025em;margin:0;font-size:19px}.sim-card-header p{color:#8a9ba4;margin:6px 0 0;font-size:10px}.sim-header-actions{align-items:center;gap:10px;display:flex}.add-menu{position:relative}.filter-add-menu{margin-left:auto}.filter-add-menu .add-button{justify-content:center;min-width:108px;height:46px}.add-button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.add-button:hover{background:#213b58}.add-dropdown{z-index:45;background:#fff;border:1px solid #dbe4e7;border-radius:9px;width:145px;padding:6px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 28px #142a3926}.add-dropdown button{color:#4f6875;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;height:40px;padding:0 9px;font-size:12px;display:flex}.add-dropdown button:hover{color:#294867;background:#eff4f7}.feature-notice{color:#496676;background:#edf5f7;border-radius:8px;justify-content:space-between;align-items:center;margin:0 23px 14px;padding:10px 12px;font-size:10px;display:flex}.feature-notice button{color:inherit;cursor:pointer;background:0 0;border:0}.sim-search{color:#8a9ba7;border:1px solid #d6e1e5;border-radius:9px;align-items:center;gap:9px;width:300px;height:40px;padding:0 12px;display:flex}.sim-search input{color:#304957;background:0 0;border:0;outline:0;width:100%;font-size:11px}.sim-filterbar{gap:10px;margin-bottom:16px;display:flex}.filter-dropdown{flex:none;width:215px;position:relative}.filter-dropdown.wide{width:260px}.filter-trigger{color:#75909a;cursor:pointer;background:#fff;border:1px solid #d4e0e4;border-radius:10px;align-items:center;gap:9px;width:100%;height:46px;padding:0 12px;transition:all .18s;display:flex;box-shadow:0 3px 10px #19334209}.filter-dropdown.open .filter-trigger{border-color:#70b7ae;box-shadow:0 0 0 3px #50a69b14}.filter-trigger>svg:first-child{color:#587a8c;background:#edf4f6;border-radius:8px;flex:none;width:30px;height:30px;padding:6px}.filter-trigger>span{color:#395562;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.filter-trigger>svg:last-child{flex:none;transition:transform .18s}.filter-dropdown.open .filter-trigger>svg:last-child{transform:rotate(180deg)}.filter-menu{z-index:40;background:#fff;border:1px solid #d8e3e4;border-radius:10px;width:100%;max-height:280px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 14px 32px #19324124}.filter-menu button{color:#607b80;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;font-size:12px;display:flex}.filter-menu button span{flex:1;min-width:0;line-height:1.4}.filter-menu button:hover{color:#315e61;background:#f1f6f6}.filter-menu button.active{color:#34746d;background:#e8f4f1;font-weight:600}.filter-menu button svg{color:#3d9a8d;flex:none}.form-dropdown{margin-top:7px;position:relative}.form-dropdown-trigger{color:#334e5b;cursor:pointer;background:#fff;border:1px solid #d2dde1;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:45px;padding:0 12px;font-size:11px;transition:all .18s;display:flex}.form-dropdown-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.form-dropdown-trigger svg{color:#6f8793;flex:none;transition:transform .18s}.form-dropdown.open .form-dropdown-trigger{border-color:#70a69f;box-shadow:0 0 0 3px #50a69b14}.form-dropdown.open .form-dropdown-trigger svg{transform:rotate(180deg)}.form-dropdown-menu{z-index:60;background:#fff;border:1px solid #d8e3e4;border-radius:11px;width:100%;padding:7px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 38px #19324129}.form-dropdown-search{color:#81949d;border:1px solid #dce5e7;border-radius:8px;align-items:center;gap:8px;height:38px;margin-bottom:6px;padding:0 10px;display:flex}.form-dropdown-search input{color:#3f5965;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:10px}.form-dropdown-options{max-height:275px;overflow-y:auto}.form-dropdown-options>button{color:#536e78;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:43px;padding:7px 10px;display:flex}.form-dropdown-options>button:hover{background:#f1f6f6}.form-dropdown-options>button.active{color:#34746d;background:#e8f4f1}.form-dropdown-options>button>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.form-dropdown-options strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.form-dropdown-options small{color:#92a1a8;font-size:8px}.form-dropdown-options>button>svg{color:#3d9a8d;flex:none}.sim-count{color:#315f72;white-space:nowrap;background:#e6f2f2;border-radius:8px;align-items:center;min-height:30px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.sim-table-scroll{overflow-x:auto}.sim-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:990px;font-size:12px}.sim-table th{color:#70858d;text-align:left;vertical-align:middle;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;background:#fff;border-bottom:1px solid #dfe7e9;height:45px;padding:10px 13px;font-size:10px;font-weight:700;line-height:1.25}.sim-table th:last-child,.sim-table td:last-child{text-align:center}.sim-table td{color:#4d6672;white-space:nowrap;border-top:1px solid #e5ebed;height:56px;padding:11px 13px}.sim-table tbody tr{cursor:pointer}.sim-table tbody tr:hover{background:#f6f9fb}.sim-table .sim-empty{color:#91a0a8;text-align:center;cursor:default;height:180px}.sim-table td:nth-child(3){color:#263f4d;font-weight:600}.sim-table th:nth-child(3),.sim-table td:nth-child(3){white-space:normal;min-width:210px;line-height:1.45}.sim-table .mono{color:#6f7f89;font-family:Consolas,monospace;font-size:11px}.warehouse-badge,.status-badge{border-radius:7px;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.warehouse-badge{color:#315f82;background:#e6f0f7}.status-badge{color:#687983;background:#edf1f3}.sim-hoạt-động{color:#177459;background:#e5f6ef}.sim-tạm-cắt{color:#a36b13;background:#fff3d9}.stock-in{color:#2d668b;background:#e4f0f7}.stock-sold{color:#6c7280;background:#eceef1}.sim-pagination{color:#81929b;border-top:1px solid #e5ebed;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 22px;font-size:10px;display:flex}.page-buttons{align-items:center;gap:6px;display:flex}.sim-pagination button{color:#536d79;cursor:pointer;background:#fff;border:1px solid #d7e1e4;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:10px;font-weight:600;display:grid}.sim-pagination button:hover:not(:disabled):not(.active){color:#31566c;background:#f5f8fa;border-color:#789bb0}.sim-pagination button.active{color:#fff;background:#315f72;border-color:#315f72}.sim-pagination button:disabled{opacity:.4;cursor:default}.page-ellipsis{text-align:center;color:#8a9ba4;width:20px}.row-view-button{color:#496e89;white-space:nowrap;cursor:pointer;background:#eaf2f7;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:600;display:inline-flex}.row-view-button:hover{color:#fff;background:#496e89}.drawer-layer{z-index:80;background:#11212e4d;position:fixed;inset:0}.sim-drawer{background:#fff;width:min(440px,100%);height:100%;padding:27px;animation:.22s ease-out drawer-in;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #11212e2e}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sim-drawer>header{border-bottom:1px solid #e7ecee;justify-content:space-between;gap:20px;padding-bottom:21px;display:flex}.sim-drawer header p{color:#557d99;text-transform:uppercase;margin:0 0 6px;font-size:9px;font-weight:700}.sim-drawer header h2{color:#243f50;margin:0;font-size:21px}.sim-drawer header span{color:#8fa0a9;margin-top:7px;font-size:10px;display:block}.sim-drawer header button{color:#708892;cursor:pointer;background:#eff3f4;border:0;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.drawer-identity{background:#f3f7f9;border-radius:12px;align-items:center;gap:13px;margin-top:23px;padding:16px;display:flex}.drawer-header-actions{align-items:center;gap:8px;display:flex}.drawer-header-actions>button{position:static!important}.drawer-edit-button{color:#315d78!important;background:#e6f0f5!important}.drawer-edit-button:hover{background:#d9e9f1!important}.drawer-sim-icon{color:#fff;background:#294867;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.drawer-identity div{flex-direction:column;gap:5px;display:flex}.drawer-identity strong{color:#294451;font-size:14px}.drawer-identity small{color:#7b8e98;font-family:Consolas,monospace;font-size:10px}.drawer-statuses{gap:12px;margin:15px 0 25px;display:flex}.drawer-statuses.editable{align-items:center;position:relative;overflow:visible}.drawer-status-picker{position:relative}.status-picker-trigger{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:10px;font-weight:750;display:flex}.status-picker-trigger svg{margin-left:2px}.status-picker-trigger:disabled{opacity:.65;cursor:wait}.status-color-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.status-picker-menu{z-index:20;background:#fff;border:1px solid #d7e2e7;border-radius:11px;flex-direction:column;gap:4px;width:190px;padding:7px;display:flex;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 14px 34px #1b374a2e}.drawer-status-picker:nth-child(2) .status-picker-menu{left:auto;right:0}.status-picker-menu button{color:#526b78;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 9px;font-size:10px;font-weight:650;display:flex}.status-picker-menu button:hover,.status-picker-menu button.selected{background:color-mix(in srgb, currentColor 10%, white)}.status-picker-menu button svg{margin-left:auto}.status-saving{color:#8297a2;font-size:9px}.status-picker-trigger.tone-neutral,.status-picker-menu .tone-neutral{color:#607783;background:#edf2f4}.status-picker-trigger.tone-active,.status-picker-menu .tone-active{color:#14745a;background:#e1f5ec}.status-picker-trigger.tone-paused,.status-picker-menu .tone-paused{color:#a06a12;background:#fff0cf}.status-picker-trigger.tone-renewed,.status-picker-menu .tone-renewed{color:#6654b5;background:#eeeaff}.status-picker-trigger.tone-cancelled,.status-picker-menu .tone-cancelled{color:#b94444;background:#fde5e5}.status-picker-trigger.tone-in-stock,.status-picker-menu .tone-in-stock{color:#28658c;background:#e3f0f8}.status-picker-trigger.tone-sold,.status-picker-menu .tone-sold{color:#6b7280;background:#eceef1}.status-picker-trigger.tone-issued,.status-picker-menu .tone-issued{color:#9b5b10;background:#fff0d8}.status-picker-trigger.tone-returned,.status-picker-menu .tone-returned{color:#176d65;background:#dff3ef}.drawer-section{margin-top:22px}.drawer-details input,.note-section textarea{color:#314f5d;width:100%;font:inherit;background:#fff;border:1px solid #cbd9df;border-radius:7px;outline:none}.drawer-details input{height:35px;padding:0 8px}.note-section textarea{resize:vertical;min-height:72px;padding:9px}.drawer-details input:focus,.note-section textarea:focus{border-color:#6e9bb0;box-shadow:0 0 0 3px #4b89a41f}.drawer-edit-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #dce6e9;margin:18px -26px -18px;padding:13px 26px 18px;position:sticky;bottom:-18px}.drawer-edit-footer>p{color:#bd4e4e;margin:0 0 9px;font-size:10px}.drawer-edit-footer>div{justify-content:flex-end;gap:8px;display:flex}.drawer-edit-footer button{color:#55707c;cursor:pointer;background:#fff;border:1px solid #cad9df;border-radius:8px;height:36px;padding:0 13px;font-size:10px;font-weight:700}.drawer-edit-footer button.save{color:#fff;background:#294867;border-color:#294867;align-items:center;gap:6px;display:inline-flex}.drawer-edit-footer button:disabled{opacity:.55;cursor:wait}.drawer-section>h3{color:#607985;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.drawer-details{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-details>div{border:1px solid #e1e8eb;border-radius:9px;min-height:70px;padding:12px}.drawer-details>div.wide{grid-column:1/-1}.drawer-details dt{color:#8c9ca5;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:700}.drawer-details dd{color:#3b5664;overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:500}.drawer-details dd.mono{font-family:Consolas,monospace;font-size:10px}.drawer-details .contract-card{background:#f7f9fa;min-height:62px}.drawer-details .fee-card{border:0;min-height:78px;position:relative;overflow:hidden}.drawer-details .fee-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.drawer-details .fee-card dt{font-size:9px}.drawer-details .fee-card dd{font-size:17px;font-weight:700}.drawer-details .fee-card.saihakko{background:#fff8e5}.drawer-details .fee-card.saihakko:before{background:#e3a728}.drawer-details .fee-card.saihakko dt{color:#a77817}.drawer-details .fee-card.saihakko dd{color:#8c6515}.drawer-details .fee-card.cancellation{background:#fff0f0}.drawer-details .fee-card.cancellation:before{background:#db5a5a}.drawer-details .fee-card.cancellation dt{color:#b44c4c}.drawer-details .fee-card.cancellation dd{color:#a43d3d}.drawer-status-editor{background:#f7fafb;border:1px solid #d8e3e8;border-radius:11px;margin:0 24px 16px;padding:15px}.drawer-status-editor h3{color:#294867;margin:0 0 12px;font-size:12px}.drawer-status-editor>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.drawer-status-editor label{color:#718894;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.drawer-status-editor select{color:#385666;background:#fff;border:1px solid #ccdbe2;border-radius:8px;outline:none;width:100%;height:38px;padding:0 9px;font-size:10px}.drawer-status-editor select:focus{border-color:#6d9dba;box-shadow:0 0 0 3px #6d9dba1f}.drawer-status-editor>button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;margin-top:11px;font-size:10px;font-weight:750;display:flex}.drawer-status-editor>button:disabled{opacity:.45;cursor:not-allowed}.drawer-status-editor>p{margin:9px 0 0;font-size:10px}.drawer-status-editor>p.success{color:#168168}.drawer-status-editor>p.error{color:#ca4e4e}.status-badge.tone-neutral,.colored-select.tone-neutral{color:#607783;background:#edf2f4}.status-badge.tone-active,.colored-select.tone-active{color:#14745a;background:#e1f5ec}.status-badge.tone-paused,.colored-select.tone-paused{color:#a06a12;background:#fff0cf}.status-badge.tone-renewed,.colored-select.tone-renewed{color:#6654b5;background:#eeeaff}.status-badge.tone-cancelled,.colored-select.tone-cancelled{color:#b94444;background:#fde5e5}.status-badge.tone-in-stock,.colored-select.tone-in-stock{color:#28658c;background:#e3f0f8}.status-badge.tone-sold,.colored-select.tone-sold{color:#6b7280;background:#eceef1}.status-badge.tone-issued,.colored-select.tone-issued{color:#9b5b10;background:#fff0d8}.status-badge.tone-returned,.colored-select.tone-returned{color:#176d65;background:#dff3ef}.drawer-status-editor{background:#fff;border-color:#d9e5ea;border-radius:12px;padding:16px;box-shadow:0 5px 18px #24435812}.status-editor-heading{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex!important}.drawer-status-editor .status-editor-heading h3{margin:0 0 4px;font-size:13px}.status-editor-heading p{color:#8a9da7;margin:0;font-size:9px;font-weight:500}.edit-status-mark{color:#9aabb3;letter-spacing:2px;font-size:13px}.drawer-status-editor>.status-editor-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.colored-select{border:1px solid;border-radius:9px;align-items:center;width:100%;height:42px;display:flex;position:relative;overflow:hidden}.drawer-status-editor .colored-select select{z-index:1;width:100%;height:100%;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;padding:0 30px 0 11px;font-size:10px;font-weight:750;position:relative}.colored-select svg{pointer-events:none;position:absolute;right:10px}.drawer-status-editor>button{background:linear-gradient(135deg,#294867,#35678d);border-radius:9px;height:42px;margin-top:13px;box-shadow:0 5px 12px #2948672e}.drawer-status-editor>button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 15px #2948673d}.drawer-status-editor>button:disabled{color:#7f929e;box-shadow:none;opacity:1;background:#e7edf0}.note-section{background:#fafcfc;border:1px solid #e1e8eb;border-radius:9px;padding:14px}.note-section>h3{margin-bottom:8px}.note-section p{color:#536b77;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.6}.add-sim-backdrop{z-index:110}.add-sim-modal{background:#fff;border-radius:17px;width:min(100%,880px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #0e212e40}.add-sim-modal>header{z-index:2;background:#fff;border-bottom:1px solid #e5ebed;justify-content:space-between;gap:20px;padding:23px 25px 19px;display:flex;position:sticky;top:0}.add-sim-modal header h2{color:#213f50;margin:0;font-size:21px}.add-sim-modal header p{color:#84969f;margin:6px 0 0;font-size:10px}.add-sim-modal header button{color:#718790;cursor:pointer;background:#eff3f4;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.add-sim-modal form{padding:22px 25px 24px}.sim-form-grid{grid-template-columns:1fr 1fr;gap:15px 13px;display:grid}.sim-form-grid label{color:#455f6b;margin:0;font-size:10px}.sim-form-grid label small{color:#93a2aa;font-weight:400}.sim-form-grid input,.sim-form-grid select,.sim-form-grid textarea{color:#334e5b;background:#fff;border:1px solid #d2dde1;border-radius:8px;outline:none;width:100%;height:43px;margin-top:7px;padding:0 12px;font-size:11px}.sim-form-grid input:focus,.sim-form-grid select:focus,.sim-form-grid textarea:focus{border-color:#658ba3;box-shadow:0 0 0 3px #658ba317}.sim-form-grid input:disabled{color:#a3afb5;background:#f5f7f8}.date-picker{margin-top:7px;position:relative}.date-trigger{color:#334e5b;cursor:pointer;background:#fff;border:1px solid #d2dde1;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:43px;padding:0 12px;font-size:11px;transition:all .18s;display:flex}.date-trigger:hover,.date-trigger.open{border-color:#658ba3;box-shadow:0 0 0 3px #658ba317}.date-trigger .placeholder{color:#99a7ae}.date-trigger svg{color:#6f8997}.calendar-popover{z-index:130;background:#fff;border:1px solid #d9e3e6;border-radius:12px;width:292px;padding:12px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 18px 42px #142a3933}.calendar-header{justify-content:space-between;align-items:center;height:35px;display:flex}.calendar-header strong{color:#294856;text-transform:capitalize;font-size:11px}.calendar-header button{color:#607b88;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.calendar-header button:hover{background:#edf3f5}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays{margin:6px 0 3px}.calendar-weekdays span{color:#91a0a7;text-transform:uppercase;place-items:center;height:27px;font-size:8px;font-weight:700;display:grid}.calendar-grid button{aspect-ratio:1;color:#48616d;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:10px}.calendar-grid button:hover{color:#294867;background:#edf3f7}.calendar-grid button.outside{color:#c0c9cd}.calendar-grid button.today{box-shadow:inset 0 0 0 1px #88a9bb}.calendar-grid button.selected{color:#fff;box-shadow:none;background:#294867;font-weight:700}.calendar-footer{border-top:1px solid #e8edef;justify-content:space-between;margin-top:8px;padding-top:9px;display:flex}.calendar-footer button{color:#4f7386;cursor:pointer;background:0 0;border:0;border-radius:7px;height:30px;padding:0 9px;font-size:9px;font-weight:600}.calendar-footer button:hover{background:#edf4f6}.sim-form-grid textarea{resize:vertical;height:65px;padding-top:10px}.sim-form-grid .wide{grid-column:1/-1}.add-sim-modal footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.add-sim-modal footer button{cursor:pointer;border-radius:9px;height:42px;padding:0 16px;font-size:10px;font-weight:700}.add-sim-modal .save-button{align-items:center;gap:7px;display:flex}.inventory-view{margin-top:26px}.inventory-tools{gap:12px;margin-bottom:16px;display:flex}.inventory-card{background:#fff;border:1px solid #d9e4e7;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #1832430e}.inventory-card-header{justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:20px 23px;display:flex}.inventory-card-header h2{color:#193b48;margin:0;font-size:19px}.inventory-card-header p{color:#8a9ba4;margin:6px 0 0;font-size:10px}.inventory-table-wrap{overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:800px}.inventory-table th{color:#70858d;text-align:left;text-transform:uppercase;border-block:1px solid #dfe7e9;height:45px;padding:0 16px;font-size:10px}.inventory-table th:first-child{width:36%}.inventory-table th:nth-child(2){width:13%}.inventory-table th:nth-child(3){width:17%}.inventory-table th:nth-child(4){width:14%}.inventory-table th:nth-child(5){width:20%}.sortable-heading{color:inherit;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-weight:700;display:inline-flex}.sortable-heading:hover{color:#315f72;background:#edf4f6}.sortable-heading.active{color:#315f72;background:#e5f0f3}.inventory-table td{color:#526a76;border-bottom:1px solid #e7edef;height:62px;padding:9px 16px;font-size:11px}.inventory-table tr.inventory-filler td{background:#fff;border-bottom-color:#0000;height:62px;padding:0}.inventory-table tr.inventory-filler:hover{background:#fff}.inventory-table td:first-child strong{color:#263f4c;font-size:12px;display:block}.inventory-table td:first-child small{color:#91a0a8;margin-top:5px;font-size:9px;display:block}.brand-badge{color:#496b80;background:#e8f0f5;border-radius:7px;align-items:center;min-height:27px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.brand-softbank{color:#b52f49;background:#ffe5eb}.brand-docomo{color:#a23c67;background:#f9e5ee}.brand-callsim{color:#336bb0;background:#e4effc}.brand-rakuten{color:#7446a4;background:#eee5f8}.brand-pocket{color:#a26912;background:#fff0d1}.recent-change{color:#617680;align-items:center;gap:7px;font-size:10px;display:flex}.recent-change b{border-radius:7px;place-items:center;min-width:31px;height:25px;font-size:10px;display:grid}.recent-change.positive b{color:#23735d;background:#e1f4ed}.recent-change.negative b{color:#b34949;background:#ffe7e7}.no-change{color:#a0adb3;font-size:9px;font-style:italic}.inventory-table tbody tr:hover{background:#f9fbfc}.stock-quantity{align-items:center;gap:8px;display:inline-flex}.stock-quantity strong{border-radius:8px;place-items:center;min-width:39px;height:29px;font-size:13px;display:grid}.stock-quantity span{font-size:9px;font-weight:600}.stock-quantity.high strong{color:#177057;background:#dcf4ea}.stock-quantity.high span{color:#38846e}.stock-quantity.medium strong{color:#9b6a0d;background:#fff0bd}.stock-quantity.medium span{color:#a57b2d}.stock-quantity.low strong{color:#c34949;background:#ffe0e0}.stock-quantity.low span{color:#bd6868}.stock-quantity.empty strong{color:#fff;background:#df3b3b}.stock-quantity.empty span{color:#c34e4e}.inventory-loading{text-align:center;color:#8a9ba4!important;height:150px!important}.supply-order-view{margin-top:26px}.supply-create-card{background:#fff;border:1px solid #d9e4e7;border-radius:16px;overflow:visible;box-shadow:0 8px 28px #1832430e}.supply-create-card>header{border-bottom:1px solid #e5ebed;align-items:center;gap:13px;padding:22px 24px;display:flex}.supply-card-icon{color:#fff;background:#294867;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.supply-create-card header h2{color:#193b48;margin:0;font-size:19px}.supply-create-card header p{color:#8799a2;margin:6px 0 0;font-size:10px}.supply-create-card form{padding:22px 24px 24px}.supply-form-grid{grid-template-columns:1fr 1fr;gap:15px 14px;display:grid}.supply-form-grid label{color:#455f6b;margin:0;font-size:11px}.supply-form-grid select{color:#334e5b;background:#fff;border:1px solid #d2dde1;border-radius:9px;outline:none;width:100%;height:45px;margin-top:7px;padding:0 12px;font-size:11px}.supply-form-grid .wide{grid-column:1/-1}.creator-field{background:#f6f8f9;border:1px solid #dbe4e7;border-radius:9px;align-items:center;gap:10px;height:52px;margin-top:7px;padding:0 13px;display:flex}.creator-field>span{color:#fff;background:#365d82;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.creator-field div{flex-direction:column;gap:3px;display:flex}.creator-field strong{color:#344e5a;font-size:11px}.creator-field small{color:#8b9aa2;font-size:9px}.schedule-section{background:#f9fbfb;border:1px solid #e0e8ea;border-radius:12px;margin-top:22px;padding:18px}.schedule-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.schedule-title h3{color:#36535f;margin:0;font-size:12px}.schedule-title p{color:#96a4aa;margin:4px 0 0;font-size:9px}.schedule-title button{color:#42677a;cursor:pointer;background:#fff;border:1px solid #cddde1;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.schedule-list{gap:9px;margin-top:14px;display:grid}.schedule-row{grid-template-columns:28px minmax(220px,1fr) 155px 34px;align-items:center;gap:9px;display:grid}.schedule-row .date-picker{margin:0}.schedule-number{color:#537183;background:#e5eef2;border-radius:7px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:700;display:grid}.quantity-field{position:relative}.quantity-field input{border:1px solid #d2dde1;border-radius:8px;outline:none;width:100%;height:43px;padding:0 38px 0 11px}.quantity-field span{color:#8a9aa2;font-size:9px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.remove-schedule{color:#c45c5c;cursor:pointer;background:#fff0f0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.remove-schedule:disabled{opacity:.3;cursor:default}.create-order-button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.create-order-button:hover:not(:disabled){background:#213b58}.create-order-button:disabled{opacity:.6;cursor:wait}.pending-orders-section{margin-top:0}.pending-orders-section>header{justify-content:space-between;align-items:center;min-height:64px;padding:0 4px;display:flex}.pending-orders-section header h2{color:#1e3d4c;margin:0;font-size:17px}.pending-orders-section header p{color:#8b9ba3;margin:5px 0 0;font-size:10px}.pending-header-actions{align-items:center;gap:9px;display:flex}.pending-header-actions>span{color:#315d74;background:#e4eff3;border-radius:9px;place-items:center;min-width:31px;height:35px;padding:0 9px;font-size:11px;font-weight:700;display:grid}.pending-header-actions>button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.pending-header-actions>button:hover{background:#213b58}.supply-modal-backdrop{z-index:105}.supply-create-modal{width:min(100%,1050px);max-height:calc(100vh - 40px);position:relative;overflow:visible;box-shadow:0 25px 70px #0e212e40}.supply-create-modal>header{position:relative}.supply-modal-close{color:#718790;cursor:pointer;background:#eff3f4;border:0;border-radius:9px;place-items:center;width:33px;height:33px;display:grid;position:absolute;right:20px}.supply-page-message{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.supply-page-message button{color:inherit;cursor:pointer;background:0 0;border:0}.pending-order-list{gap:12px;display:grid}.card-pagination{color:#81949d;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 3px 0;font-size:10px;display:flex}.card-pagination>div{align-items:center;gap:6px;display:flex}.card-pagination button{color:#526f7c;cursor:pointer;background:#fff;border:1px solid #d3e0e4;border-radius:8px;place-items:center;min-width:34px;height:34px;padding:0 9px;font-size:10px;font-weight:650;display:grid}.card-pagination button:hover:not(:disabled):not(.active){color:#294f66;background:#f5f8fa;border-color:#789db0}.card-pagination button.active{color:#fff;background:#294867;border-color:#294867}.card-pagination button:disabled{opacity:.38;cursor:default}.pending-order-card{background:#fff;border:1px solid #dbe4e7;border-radius:13px;padding:17px 18px;box-shadow:0 5px 18px #1832430a}.order-card-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.order-product{align-items:center;gap:8px;min-width:0;display:flex}.order-product>div{flex-direction:column;gap:4px;min-width:0;display:flex}.order-product strong{color:#213e4d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.order-product small{color:#8a9ba3;font-size:9px}.supplier-chip,.order-status{white-space:nowrap;border-radius:7px;align-items:center;min-height:25px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.supplier-chip{color:#5f7380;background:#edf1f3}.order-status.waiting{color:#916513;background:#fff1c9}.order-status.partial{color:#2b6688;background:#e2f1fa}.remaining-count{flex-direction:column;flex:none;align-items:flex-end;display:flex}.remaining-count strong{color:#294867;font-size:21px;line-height:1}.remaining-count span{color:#9a8580;margin-top:4px;font-size:9px}.order-meta{color:#84959d;margin:9px 0 11px;font-size:10px}.order-meta b{color:#526b77}.order-progress{background:#edf1f2;border-radius:999px;height:6px;overflow:hidden}.order-progress span{border-radius:inherit;background:linear-gradient(90deg,#547d9b,#79a5bf);height:100%;display:block}.schedule-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.schedule-chips span{color:#627985;background:#f1f5f6;border-radius:8px;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:9px;font-weight:600;display:inline-flex}.orders-empty{color:#8da0a8;background:#ffffffa6;border:1px dashed #d5e0e3;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.orders-empty p{margin:10px 0 0;font-size:10px}.supply-receive-notice{margin:0 0 12px}.order-card-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.order-card-footer .schedule-chips{margin-top:0}.compact-upload{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.compact-upload>span{color:#738790;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:9px;overflow:hidden}.compact-upload label{color:#42677a;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cddae0;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.compact-upload label:hover{color:#294867;background:#f3f7f9;border-color:#789caf}.compact-upload input{display:none}.recall-order-view{margin-top:26px}.recall-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:54px;display:flex}.recall-toolbar h2{color:#1d3e4d;margin:0;font-size:18px}.recall-toolbar p{color:#899ba4;margin:5px 0 0;font-size:10px}.recall-toolbar>button,.recall-sim-heading>button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.recall-toolbar>button{height:40px;padding:0 15px;font-size:11px}.recall-toolbar>button:hover,.recall-submit:hover:not(:disabled){background:#213b58}.recall-order-list{gap:12px;margin-top:14px;display:grid}.recall-order-card{background:#fff;border:1px solid #d9e4e7;border-radius:14px;padding:18px;box-shadow:0 6px 20px #1832430b}.recall-card-main{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.recall-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recall-title strong{color:#203f4e;font-size:14px}.recall-title span{color:#78909b;font-size:9px}.recall-title em{color:#9a6810;background:#fff0c4;border-radius:7px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:700}.recall-card-main p{color:#81949e;margin:8px 0 0;font-size:10px}.recall-card-main p b{color:#526d79}.recall-count{flex-direction:column;align-items:flex-end;display:flex}.recall-count strong{color:#294867;font-size:21px;line-height:1}.recall-count span{color:#8ca0aa;margin-top:4px;font-size:9px}.recall-sim-preview{border-top:1px solid #e7edef;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;display:flex}.recall-sim-preview>span{background:#f3f7f8;border-radius:8px;flex-direction:column;gap:3px;min-width:155px;padding:8px 10px;display:flex}.recall-sim-preview b{color:#3e5c69;font-size:10px}.recall-sim-preview small{color:#8799a2;font-size:8px}.recall-sim-preview .more{color:#456b7d;justify-content:center;align-items:center;min-width:38px;font-weight:700}.recall-create-modal{background:#fff;border-radius:16px;width:min(940px,100vw - 36px);max-height:calc(100vh - 38px);overflow-y:auto;box-shadow:0 26px 75px #0c202e47}.recall-create-modal>header{border-bottom:1px solid #e3eaed;justify-content:space-between;align-items:flex-start;padding:21px 24px;display:flex}.recall-create-modal header h2{color:#1d3e4d;margin:0;font-size:19px}.recall-create-modal header p{color:#899aa3;margin:5px 0 0;font-size:10px}.recall-create-modal header button{color:#71868f;cursor:pointer;background:#eff4f5;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.recall-create-modal form{padding:18px 24px 22px;position:relative}.recall-form-grid{grid-template-columns:1fr 1fr;gap:4px 15px;display:grid}.recall-form-grid>label,.recall-sim-row label{color:#45606c;font-size:10px;font-weight:600}.recall-form-grid .wide{grid-column:1}.recall-sim-section{background:#f9fbfb;border:1px solid #dfe8ea;border-radius:12px;margin-top:14px;padding:17px}.recall-sim-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.recall-sim-heading h3{color:#36535f;margin:0;font-size:13px}.recall-sim-heading p{color:#91a1a8;margin:4px 0 0;font-size:9px}.recall-sim-heading>button{height:34px;padding:0 11px;font-size:10px}.recall-sim-rows{gap:9px;margin-top:13px;display:grid}.recall-sim-row{grid-template-columns:28px 1fr 1.35fr 34px;align-items:end;gap:9px;display:grid}.recall-sim-row>span{color:#567487;background:#e6eff2;border-radius:8px;place-items:center;width:28px;height:42px;font-size:10px;font-weight:700;display:grid}.recall-sim-row label{gap:6px;display:grid}.recall-sim-row input{color:#334f5c;background:#fff;border:1px solid #d0dde1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px}.recall-sim-row input:focus{border-color:#77a3b7;box-shadow:0 0 0 3px #68a0b81f}.recall-sim-row>button{color:#c25b5b;cursor:pointer;background:#fff0f0;border:0;border-radius:8px;place-items:center;width:34px;height:42px;display:grid}.recall-sim-row>button:disabled{opacity:.3;cursor:default}.recall-creator{background:#f6f8f9;border:1px solid #dde6e9;border-radius:9px;align-items:center;gap:10px;width:calc(50% - 31.5px);height:46px;margin:0;padding:7px 12px;display:flex;position:absolute;top:124px;right:24px}.recall-creator>span{color:#fff;background:#294867;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.recall-creator div{flex-direction:column;gap:3px;display:flex}.recall-creator small{color:#8b9ca4;font-size:8px}.recall-creator strong{color:#38535f;font-size:10px}.recall-creator{top:151px}.recall-sim-row>span,.recall-sim-row>button{transform:translateY(-8px)}.recall-list-toolbar{border-bottom:1px solid #dde6e9;justify-content:space-between;align-items:center;gap:20px;min-height:62px;display:flex}.app-toast-stack{z-index:250;pointer-events:none;gap:10px;width:min(370px,100vw - 32px);display:grid;position:fixed;top:22px;right:24px}.app-toast{pointer-events:auto;background:#fff;border:1px solid;border-radius:12px;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;min-height:66px;padding:12px 12px 12px 13px;animation:.22s ease-out toast-in;display:grid;box-shadow:0 16px 42px #162b392e}.app-toast>span{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.app-toast>div{min-width:0}.app-toast strong{color:#294653;font-size:11px;display:block}.app-toast p{color:#667d87;margin:4px 0 0;font-size:10px;line-height:1.4}.app-toast>button{color:#84969e;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.app-toast>button:hover{background:#eef3f4}.app-toast.success{border-color:#bce3d5}.app-toast.success>span{color:#16805f;background:#e1f5ed}.app-toast.error{border-color:#f0c1c1}.app-toast.error>span{color:#c34f4f;background:#ffe7e7}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.recall-tabs{border:0;margin:0}.recall-create-button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.recall-create-button:hover{background:#213b58}.recall-sim-card-list{gap:12px;margin-top:14px;display:grid}.recall-receive-modal{width:min(610px,100vw - 34px)}.recall-confirm-hint{color:#5d7884;background:#f4f8fa;border:1px solid #d5e4ea;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:10px;line-height:1.5}.recall-confirm-grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.recall-confirm-grid label{gap:7px;font-weight:650;display:grid}.recall-receive-modal .save-button{align-items:center;gap:7px;display:flex}.transaction-timeline-page{width:100%;padding:4px 4px 34px}.transaction-timeline{width:min(1040px,100%);margin:0 auto}.transaction-date-group{padding-top:4px}.transaction-date-group+.transaction-date-group{border-top:2px solid #afc1ca;margin-top:30px;padding-top:26px}.transaction-date-divider{color:#2c5367;text-transform:capitalize;align-items:center;gap:14px;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.transaction-date-divider:after{content:"";background:#cad8de;flex:1;height:1px}.transaction-date-divider span{white-space:nowrap}.transaction-shift+.transaction-shift{border-top:1px dashed #bdcdd4;margin-top:18px;padding-top:18px}.transaction-shift-heading{align-items:baseline;gap:9px;margin:0 0 7px 74px;display:flex}.transaction-shift-heading strong{color:#456979;text-transform:uppercase;letter-spacing:.055em;font-size:10px}.transaction-shift-heading span{color:#91a2a9;font-size:9px}.transaction-event-list{position:relative}.transaction-event-list:before{content:"";background:#d5e0e4;width:1px;position:absolute;top:0;bottom:0;left:90px}.transaction-event{border-radius:10px;grid-template-columns:68px 34px 50px minmax(0,1fr) 150px;align-items:center;gap:10px;min-height:60px;padding:9px 10px 9px 0;transition:background .18s;display:grid;position:relative}.transaction-event:hover{background:#ffffffa6}.transaction-event+.transaction-event{border-top:1px solid #e2eaed}.transaction-event time{color:#68808b;text-align:right;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.transaction-direction{z-index:1;border:3px solid #f4f8f8;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.transaction-event.positive .transaction-direction{color:#078568;background:#daf3ea}.transaction-event.negative .transaction-direction{color:#d74949;background:#ffe0e0}.transaction-amount{font-variant-numeric:tabular-nums;font-size:13px}.transaction-event.positive .transaction-amount{color:#078568}.transaction-event.negative .transaction-amount{color:#d74949}.transaction-event-copy b{color:#173f50;font-size:11px}.transaction-event-copy p{color:#748992;margin:4px 0 0;font-size:9px}.transaction-event aside{justify-items:end;gap:4px;display:grid}.transaction-event aside b{color:#456878;font-size:10px}.transaction-event aside small{color:#91a0a7;font-size:9px}.transaction-log-empty{color:#91a3ab;align-content:center;place-items:center;gap:8px;min-height:220px;font-size:11px;display:grid}.transaction-log-empty p{margin:0}@media (width<=720px){.transaction-shift-heading{margin-left:0}.transaction-event-list:before{left:67px}.transaction-event{grid-template-columns:48px 30px 42px minmax(0,1fr);gap:7px}.transaction-event aside{grid-column:4;justify-items:start}.transaction-event time{font-size:9px}}.supplier-management-modal{position:relative}.supplier-management-modal .supplier-list-toolbar{z-index:2;margin:0;position:absolute;top:18px;right:62px}.supplier-management-modal .supplier-management-body{padding-top:14px}.transaction-timeline-page{padding-top:26px}.transaction-date-divider{margin-bottom:18px;font-size:14px}.transaction-shift-heading{margin-bottom:10px}.transaction-shift-heading strong{font-size:12px}.transaction-shift-heading span{font-size:10px}.transaction-event{grid-template-columns:74px 38px 54px minmax(0,1fr) 165px;gap:12px;min-height:68px}.transaction-event-list:before{left:96px}.transaction-event time{font-size:11px}.transaction-direction{width:31px;height:31px}.transaction-amount{font-size:14px}.transaction-event-copy b{font-size:13px}.transaction-event-copy p{margin-top:5px;font-size:10px;line-height:1.45}.transaction-event aside b{font-size:11px}.transaction-event aside small{font-size:10px}@media (width<=720px){.transaction-event-list:before{left:67px}.transaction-event{grid-template-columns:48px 30px 42px minmax(0,1fr);gap:7px}}.recall-sim-card{background:#fff;border:1px solid #d9e4e7;border-radius:13px;padding:17px 18px;box-shadow:0 5px 18px #1832430b}.recall-sim-card.overdue{border-color:#f0b3b3;box-shadow:0 5px 18px #bc3d3d0f}.recall-sim-card-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.recall-sim-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recall-sim-card-title strong{color:#203e4d;font-size:13px}.recall-sim-card-title>span{color:#7b919b;font-size:9px}.recall-sim-card-title em{border-radius:7px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:700}.recall-sim-card-title em.waiting{color:#936717;background:#fff1c8}.recall-sim-card-title em.overdue{color:#bd4545;background:#ffe3e3}.recall-sim-card-title em.received{color:#21745e;background:#dff3ec}.recall-sim-card-top p{color:#82949d;margin:8px 0 0;font-size:10px}.recall-sim-card-top p b{color:#526d78}.stock-added{color:#168760;flex:none;font-size:11px;font-weight:700}.recall-identifiers{grid-template-columns:minmax(170px,.65fr) 1.35fr;gap:9px;margin-top:13px;display:grid}.recall-identifiers>div{background:#f3f7f8;border-radius:8px;flex-direction:column;gap:4px;padding:9px 11px;display:flex}.recall-identifiers small{color:#8a9da6;text-transform:uppercase;font-size:8px}.recall-identifiers b{color:#395664;font-size:10px;font-weight:600}.recall-sim-card-footer{border-top:1px solid #e7edef;justify-content:space-between;align-items:center;gap:14px;min-height:36px;margin-top:12px;padding-top:11px;display:flex}.recall-sim-card-footer>span{color:#8799a1;font-size:9px}.recall-sim-card-footer>span b{color:#58717c}.recall-actions{align-items:center;gap:7px;display:flex}.recall-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:33px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.recall-actions .receive{color:#fff;background:#294867;border:0}.recall-actions .receive:hover{background:#213b58}.recall-actions .process{color:#b94c4c;background:#fff5f5;border:1px solid #e5b0b0}.recall-actions button:disabled{opacity:.55;cursor:wait}.recall-submit{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.recall-submit:disabled{opacity:.55;cursor:wait}.sim-warehouse-view.read-only .filter-add-menu{display:none}.create-account-modal{width:min(620px,100vw - 34px)}.account-create-grid{grid-template-columns:1fr 1fr;gap:15px 13px;display:grid}.account-create-grid label{color:#425f6c;gap:7px;font-size:10px;font-weight:650;display:grid}.account-create-grid label.wide{grid-column:1/-1}.account-create-grid input,.account-create-grid select{color:#314e5b;background:#fff;border:1px solid #d0dce1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px;font-size:11px}.account-create-grid input:focus,.account-create-grid select:focus{border-color:#719caf;box-shadow:0 0 0 3px #4f8ba41f}.role-permission-note{background:#f4f8f9;border:1px solid #d9e5e9;border-radius:9px;margin-top:17px;padding:12px 13px}.role-permission-note strong{color:#315667;font-size:11px}.role-permission-note p{color:#718791;margin:5px 0 0;font-size:10px;line-height:1.5}.upload-guide-modal{width:min(650px,100vw - 34px)}.upload-guide-body{padding:22px 26px 25px}.upload-guide-callout{color:#315f76;background:#f3f8fa;border:1px solid #cfe0e8;border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.upload-guide-callout strong{font-size:12px;display:block}.upload-guide-callout p{color:#738a95;margin:4px 0 0;font-size:10px;line-height:1.5}.upload-guide-columns{margin-top:18px}.upload-guide-columns h3{margin-bottom:10px}.upload-guide-columns>div{flex-wrap:wrap;gap:7px;display:flex}.upload-guide-columns code{color:#315a70;background:#f7fafb;border:1px solid #d7e2e7;border-radius:6px;padding:6px 8px;font-size:10px}.upload-guide-rules{color:#526d79;margin:18px 0 0;padding-left:20px;font-size:11px;line-height:1.65}.upload-guide-rules li+li{margin-top:5px}.upload-guide-note{color:#76591e;background:#fff9e9;border-left:3px solid #e5ad38;border-radius:6px;gap:4px;margin-top:16px;padding:11px 13px;font-size:10px;display:grid}.upload-template-download{color:#fff;background:#294f70;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:43px;margin-top:20px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.upload-template-download:hover{background:#203f5b}.supplier-management-modal{width:min(680px,100vw - 34px)}.supplier-management-body>form{padding:0}.supplier-form-grid{grid-template-columns:1fr 190px;gap:13px;display:grid}.supplier-form-grid label{color:#425f6c;gap:7px;font-size:10px;font-weight:650;display:grid}.supplier-form-grid label.wide{grid-column:1/-1}.supplier-form-grid input,.supplier-form-grid textarea{color:#314e5b;width:100%;font:inherit;background:#fff;border:1px solid #d0dce1;border-radius:8px;outline:none;padding:0 11px}.supplier-form-grid input{height:42px}.supplier-form-grid textarea{resize:vertical;min-height:70px;padding-top:10px}.supplier-add-button{color:#fff;cursor:pointer;background:#294f70;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;margin-top:13px;font-size:10px;font-weight:700;display:flex}.supplier-add-button:disabled{opacity:.6;cursor:wait}.supplier-list{border:1px solid #dbe5e8;border-radius:10px;margin-top:20px;overflow:hidden}.supplier-list article{justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:11px 13px;display:flex}.supplier-list article+article{border-top:1px solid #e4eaed}.supplier-list article>div{min-width:0}.supplier-list article strong{color:#264958;font-size:11px}.supplier-list article p{color:#778b94;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:9px;overflow:hidden}.supplier-status-pill{cursor:pointer;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:105px;height:30px;font-size:9px;font-weight:700;display:flex}.supplier-status-pill span{border-radius:50%;width:7px;height:7px}.supplier-status-pill.active{color:#08785c;background:#def4ec}.supplier-status-pill.active span{background:#168c6c}.supplier-status-pill.inactive{color:#c34848;background:#ffe5e5}.supplier-status-pill.inactive span{background:#d95b5b}.supplier-empty{color:#8ca0a8;place-items:center;min-height:90px;font-size:10px;display:grid}.supplier-management-modal{background:#fff;border-radius:16px;width:min(620px,100vw - 34px);overflow:hidden;box-shadow:0 26px 75px #0c202e47}.supplier-management-modal>header{border-bottom:1px solid #e3eaed;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.supplier-management-modal>header h2{color:#1f3e4c;margin:0;font-size:20px}.supplier-management-modal>header p{color:#8699a2;margin:5px 0 0;font-size:10px}.supplier-management-modal>header button,.supplier-create-modal>header>button{color:#718790;cursor:pointer;background:#eff3f4;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.supplier-management-body{padding:14px 20px 16px}.supplier-list-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.supplier-list-toolbar button{color:#fff;cursor:pointer;background:#294f70;border:0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:10px;font-weight:750;display:flex}.supplier-list-table{border:1px solid #d6e1e5;border-radius:10px;overflow:hidden}.supplier-list-head,.supplier-list-row{grid-template-columns:1.05fr 1.15fr 1fr;align-items:center;gap:12px;display:grid}.supplier-list-head{color:#6d838d;text-transform:uppercase;background:#f1f5f6;height:42px;padding:0 14px;font-size:9px;font-weight:800}.supplier-list-row{border-top:1px solid #e0e8eb;min-height:58px;padding:8px 14px}.supplier-person{align-items:center;gap:9px;min-width:0;display:flex}.supplier-person>span{color:#fff;text-transform:uppercase;background:#294f70;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.supplier-person strong{color:#254655;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.supplier-list-row>p{color:#768b94;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.supplier-switch-control{align-items:center;gap:7px;display:flex}.supplier-switch-control b{white-space:nowrap;font-size:9px}.supplier-switch-control b.active{color:#0d8063}.supplier-switch-control b.locked{color:#cf4d4d}.supplier-list-placeholder{color:#91a2aa;font-size:10px}.supplier-management-body .card-pagination{min-height:46px;padding-top:8px}.nested-modal{z-index:10;background:#12253157}.supplier-create-modal{width:min(610px,100vw - 34px)}.supplier-create-modal>form{padding:20px 24px 24px}.account-management-modal{background:#fff;border-radius:16px;width:min(720px,100vw - 34px);max-height:calc(100vh - 40px);overflow:hidden;box-shadow:0 26px 75px #0c202e47}.account-management-modal>header{border-bottom:1px solid #e3eaed;justify-content:space-between;gap:18px;padding:21px 24px;display:flex}.account-management-modal header h2{color:#1f3e4c;margin:0;font-size:20px}.account-management-modal header p{color:#8699a2;margin:6px 0 0;font-size:10px}.account-management-modal header button{color:#718790;cursor:pointer;background:#eff3f4;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.account-management-body{max-height:calc(100vh - 135px);padding:20px 24px 22px;overflow-y:auto}.account-list-table{border:1px solid #dbe5e8;border-radius:11px;overflow:hidden}.account-list-head,.account-list-row{grid-template-columns:minmax(230px,1.45fr) minmax(120px,.8fr) minmax(180px,1fr);align-items:center;gap:12px;display:grid}.account-list-head{color:#738891;text-transform:uppercase;background:#f2f6f7;min-height:40px;padding:0 14px;font-size:9px;font-weight:750}.account-list-row{border-top:1px solid #e4ebed;min-height:68px;padding:10px 14px}.account-person{align-items:center;gap:10px;min-width:0;display:flex}.account-person>span{color:#fff;background:#294867;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.account-person div{flex-direction:column;gap:4px;min-width:0;display:flex}.account-person strong,.account-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-person strong{color:#314f5c;font-size:11px}.account-person small{color:#81949d;font-size:9px}.account-role{text-transform:uppercase;border-radius:6px;width:fit-content;padding:5px 7px;font-size:8px;font-weight:750}.account-role.role-admin{color:#7254b6;background:#eee7ff}.account-role.role-japan_support{color:#226d93;background:#e2f1fa}.account-role.role-spvn{color:#9a6817;background:#fff0c8}.account-status-control{align-items:center;gap:8px;display:flex}.status-switch{cursor:pointer;background:#c8d3d7;border:0;border-radius:999px;width:34px;height:20px;padding:0;transition:background .2s;position:relative}.status-switch>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #142a3740}.status-switch.active{background:#1ca681}.status-switch.active>span{transform:translate(14px)}.status-switch:disabled{opacity:.45;cursor:default}.account-status-control b{color:#87969d;white-space:nowrap;font-size:9px}.account-status-control b.active{color:#188367}.account-status-control b.locked{color:#b75151}.account-status-control small{color:#93a1a7;font-size:8px}.account-list-empty{color:#8a9ba3;place-items:center;min-height:120px;font-size:10px;display:grid}.account-management-modal{width:min(570px,100vw - 34px);height:auto}.account-management-modal>header{padding:18px 20px}.account-management-body{flex-direction:column;padding:16px 20px 18px;display:flex}.account-list-table{background:#fff;min-height:0}.account-list-row{min-height:58px;padding-top:7px;padding-bottom:7px}.account-list-placeholder{color:#8a9ba3;grid-template-columns:1fr;font-size:10px;display:grid}.account-list-loading{color:#8a9ba3;border-top:1px solid #e4ebed;place-items:center;min-height:290px;font-size:10px;display:grid}.account-role.role-agent{color:#28704f;background:#e1f4e9}.account-create-grid .form-dropdown{width:100%;margin-top:0}.account-create-grid .form-dropdown-trigger{height:42px}.account-create-grid .form-dropdown-menu{padding:6px}.account-create-grid .form-dropdown-options{gap:4px;display:grid}.account-create-grid .form-dropdown-options>button{min-height:38px}.form-dropdown.colored .form-dropdown-trigger>span,.form-dropdown.colored .form-dropdown-options strong{align-items:center;gap:8px;display:flex}.form-dropdown.colored .form-dropdown-trigger>span:before,.form-dropdown.colored .form-dropdown-options strong:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.form-dropdown.colored .form-dropdown-trigger.tone-success{color:#18785e;background:#edf9f5;border-color:#9dd9c7}.form-dropdown.colored .form-dropdown-trigger.tone-danger{color:#ba4848;background:#fff1f1;border-color:#efb4b4}.form-dropdown.colored .form-dropdown-options>button.tone-success{color:#18785e;background:#e5f6ef}.form-dropdown.colored .form-dropdown-options>button.tone-danger{color:#ba4848;background:#ffe8e8}.form-dropdown.colored .form-dropdown-options>button.tone-success:hover{background:#d7f1e7}.form-dropdown.colored .form-dropdown-options>button.tone-danger:hover{background:#fdd}.agent-command-view{margin-top:26px}.agent-command-toolbar{border-bottom:1px solid #dce5e8;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding-bottom:12px;display:flex}.agent-command-toolbar .order-tabs{align-items:center;gap:9px;display:flex}.agent-command-toolbar .order-tabs button{color:#6d8592;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:0 15px;font-size:11px;font-weight:750;display:flex}.agent-command-toolbar .order-tabs button span{background:#eaf0f3;border-radius:7px;place-items:center;min-width:23px;height:23px;padding:0 6px;display:grid}.agent-command-toolbar .order-tabs button.active{color:#294867;background:#edf4f8;border-color:#b9cfdb}.agent-command-toolbar .order-tabs button.active span{color:#fff;background:#294867}.agent-command-create{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:11px;font-weight:750;display:inline-flex}.agent-command-list{gap:12px;margin-top:14px;display:grid}.agent-command-empty{color:#8ba0aa;background:#ffffff8c;border:1px dashed #d5e1e5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;font-size:10px;display:flex}.agent-command-card{background:#fff;border:1px solid #d9e4e7;border-radius:13px;padding:17px 18px;box-shadow:0 5px 18px #1832430b}.agent-command-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.agent-command-card-head>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agent-command-card-head strong{color:#203f4e;font-size:14px}.agent-command-card-head span{color:#7e939d;font-size:9px}.agent-command-card-head em{border-radius:7px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:750}.agent-command-card-head em.pending{color:#9a6817;background:#fff0c8}.agent-command-card-head em.processed{color:#21745e;background:#dff3ec}.agent-command-card-head em.waiting_card{color:#7658b4;background:#eee8ff}.agent-command-identifiers{grid-template-columns:.7fr 1.3fr;gap:9px;margin-top:13px;display:grid}.agent-command-identifiers>div{background:#f3f7f8;border-radius:8px;flex-direction:column;gap:4px;padding:9px 11px;display:flex}.agent-command-identifiers small{color:#8a9da6;text-transform:uppercase;font-size:8px}.agent-command-identifiers b{color:#395664;font-size:10px}.agent-command-card footer{border-top:1px solid #e7edef;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-top:12px;padding-top:11px;display:flex}.agent-command-card footer>span{color:#8799a1;font-size:9px}.agent-command-card footer b{color:#58717c}.agent-command-card footer button{color:#fff;cursor:pointer;background:#294867;border:0;border-radius:8px;align-items:center;gap:6px;height:33px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.agent-command-modal{width:min(650px,100vw - 34px);overflow:visible}.agent-command-modal form{overflow:visible}.agent-command-form-grid{grid-template-columns:1fr 1fr;gap:15px 13px;display:grid}.agent-command-form-grid>label{color:#425f6c;gap:7px;font-size:10px;font-weight:650;display:grid}.agent-command-form-grid>label>input{color:#334e5b;background:#fff;border:1px solid #d2dde1;border-radius:9px;outline:none;width:100%;height:45px;padding:0 12px}.agent-command-form-grid>label>input:focus{border-color:#70a69f;box-shadow:0 0 0 3px #50a69b14}.agent-command-form-grid .form-dropdown{margin-top:0}.modal-backdrop.nested{z-index:220}.command-process-modal{width:min(590px,100vw - 34px);overflow:visible}.command-process-modal form{overflow:visible}.command-result-form{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.command-result-form label{color:#425f6c;gap:7px;margin:0;font-size:10px;display:grid}.command-result-form label.wide{grid-column:1/-1}.command-result-form input,.command-result-form textarea{color:#334e5b;background:#fff;border:1px solid #d2dde1;border-radius:9px;outline:none;width:100%}.command-result-form input{height:43px;padding:0 11px}.command-result-form textarea{resize:vertical;min-height:90px;padding:10px 11px}.command-result-form input:focus,.command-result-form textarea:focus{border-color:#70a69f;box-shadow:0 0 0 3px #50a69b14}.account-list-head,.account-list-row{grid-template-columns:minmax(200px,1.4fr) minmax(105px,.75fr) minmax(145px,1fr);gap:9px}.account-management-body .card-pagination{min-height:48px;padding-top:8px}.account-list-head,.account-list-row,.account-list-empty{z-index:1;background-color:#fff;position:relative}.account-list-head{background-color:#f2f6f7}.overview-placeholder{text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:34px;padding:56px 30px;display:flex;box-shadow:0 5px 24px #18263a0a}.overview-placeholder>span{color:#16859c;background:#e8f5f6;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.overview-placeholder h2{margin:20px 0 8px;font-size:21px}.overview-placeholder p{color:#7b8798;max-width:500px;margin:0;line-height:1.65}@media (width<=800px){.login-shell{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;padding:28px 22px}.language-switcher{margin-bottom:36px}.mobile-logo{color:#153e75;align-items:center;gap:10px;margin-bottom:46px;font-weight:700;display:flex}.login-card h2{font-size:30px}.app-shell{display:block}.sidebar{z-index:20;position:fixed}.app-shell:not(.sidebar-collapsed):after{content:"";z-index:10;background:#041b1959;position:fixed;inset:0}.sidebar-collapsed .sidebar{transform:translate(-100%)}.app-content{padding:0 18px 30px}.topbar{gap:12px;min-height:88px}.page-heading{border:0;padding:0}.page-heading h1{font-size:21px}.page-heading p,.company-scope,.update-status,.topbar .language-switcher,.icon-button,.header-user div,.header-user>svg{display:none}.topbar-actions{gap:0}.modal-backdrop{align-items:start;padding:10px}.account-modal{max-height:calc(100vh - 20px)}.account-modal>header,.account-modal form{padding-left:18px;padding-right:18px}.password-grid{grid-template-columns:1fr}.sim-card-header{flex-direction:column;align-items:stretch;gap:15px}.sim-header-actions{align-items:stretch}.sim-search{width:100%}.sim-filterbar{padding-bottom:4px;overflow-x:auto}.filter-dropdown,.filter-dropdown.wide{width:210px}.filter-add-menu{flex:none;margin-left:0}.sim-pagination{flex-direction:column;align-items:flex-start}.sim-table{min-width:870px}.sim-drawer{padding:20px}.sim-form-grid{grid-template-columns:1fr}.sim-form-grid .wide{grid-column:auto}.supply-form-grid{grid-template-columns:1fr}.supply-form-grid .wide{grid-column:auto}.schedule-row{grid-template-columns:28px 1fr 34px}.schedule-row .quantity-field{grid-column:2/3}.schedule-row .remove-schedule{grid-area:1/3/3}.schedule-title,.order-card-footer{flex-direction:column;align-items:flex-start}.compact-upload{justify-content:flex-end;width:100%}}
