.req-root{--indigo:#2563eb;--indigo-d:#1d4ed8;--bg:#f4f6fb;--card:#fff;--line:#e3e7f0;--txt:#263238;--mut:#78909c;--teal:#00897b;--purple:#5e35b1;--orange:#ef6c00;--pink:#d81b60;--green:#2e7d32;--red:#c62828;--amber:#f9a825;background:var(--bg);color:var(--txt);min-height:100vh;font-family:Sarabun,sans-serif;font-size:15px}.req-root .req-sidebar{color:#e8edf6;z-index:70;background:#0c1322;border-right:1px solid #ffffff0f;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 16px #00000040}.req-root .req-sidebar .sb-brand{color:#fff;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:18px;font-size:19px;font-weight:800;display:flex}.req-root .req-sidebar .sb-brand-ico{background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 12px #3b82f659}.req-root .req-sidebar .sb-menu{flex-direction:column;flex:1;gap:4px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.req-root .req-sidebar .sb-item{color:#b4c0d4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.req-root .req-sidebar .sb-item:hover{color:#fff;background:#ffffff0f}.req-root .req-sidebar .sb-item.on{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px #2563eb66}.req-root .req-sidebar .sb-ico{font-size:20px}.req-root .req-sidebar .sb-item .sb-lbl{flex:1}.req-root .req-sidebar .sb-item .sb-badge{color:#fff;text-align:center;background:#e53935;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px}.req-root .req-sidebar .sb-item.on .sb-badge{color:#2563eb;background:#fff}.req-root.has-sidebar .req-content{margin-left:240px}@media(max-width:860px){.req-root .req-sidebar{display:none}.req-root.has-sidebar .req-content{margin-left:0}}.req-root *{box-sizing:border-box;margin:0;padding:0}.req-root header{color:#fff;z-index:50;background:#0c1322;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.req-root header h1{font-size:18px;font-weight:700}.req-root header .sub{opacity:.8;font-size:12px}.req-root header .hd-user{text-align:right;margin-left:auto;font-size:14px;font-weight:600}.req-root .roletabs{gap:6px;margin-left:auto;display:flex}.req-root .roletabs button{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600}.req-root .roletabs button.on{color:var(--indigo-d);background:#fff}.req-root .bell{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;width:38px;height:38px;font-size:17px;position:relative}.req-root .bell .dot{color:#fff;background:#ff5252;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px}.req-root main{max-width:1480px;padding:0 16px calc(76px + env(safe-area-inset-bottom));margin:24px auto}.req-root .bottomnav{z-index:60;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.req-root .bottomnav .bn-item{cursor:pointer;color:var(--mut);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-family:inherit;display:flex}.req-root .bottomnav .bn-item .bn-ico{font-size:24px;line-height:1;position:relative}.req-root .bottomnav .bn-item .bn-badge{color:#fff;text-align:center;background:#e53935;border-radius:999px;min-width:16px;height:16px;margin-left:-8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-6px;left:100%}.req-root .bottomnav .bn-item .bn-lbl{font-size:14px;font-weight:600}.req-root .bottomnav .bn-item.on{color:var(--indigo)}.req-root .card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #2632380d}.req-root .card h2{color:var(--indigo-d);margin-bottom:14px;font-size:17px}.req-root label{color:#455a64;margin:10px 0 4px;font-size:13px;font-weight:600;display:block}.req-root input,.req-root select,.req-root textarea{box-sizing:border-box;background:#fff;border:1px solid #cfd8dc;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;line-height:21px}.req-root input:not([type=checkbox]):not([type=radio]),.req-root select,.req-root textarea{min-height:41px}.req-root input:focus,.req-root select:focus,.req-root textarea:focus{border-color:var(--indigo);outline:2px solid #c5cae9}.req-root select,.req-root select option,.req-root select optgroup{color:#1f2937;background-color:#fff}.req-root .row{flex-wrap:wrap;gap:14px;display:flex}.req-root .row>div{flex:1;min-width:180px}.req-root .req-combo{width:100%;position:relative}.req-root .req-combo-trigger{color:#6b7280;text-align:left;background:#fff;border:1px solid #cfd8dc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 12px;font-family:inherit;font-size:14px;display:flex}.req-root .req-combo-trigger.has-value{color:#1f2937}.req-root .req-combo-caret{color:#607d8b;flex:none}.req-root .req-combo-menu{z-index:40;background:#fff;border:1px solid #cfd8dc;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #0000001f}.req-root .req-combo-option{color:#1f2937;text-align:left;background:#fff;border:0;border-radius:0;width:100%;min-height:38px;padding:9px 12px;font-family:inherit;font-size:14px;display:block}.req-root .req-combo-option:hover,.req-root .req-combo-option.selected{background:#e3f2fd}.req-root .req-combo-empty{color:#6b7280;padding:10px 12px;font-size:14px}.req-root .type-inline{display:none}.req-root .hd-left{display:contents}.req-root .hd-status{display:none}.req-root .typegrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:6px;display:grid}.req-root .typebtn{border:2px solid var(--line);cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:14px;transition:all .15s}.req-root .typebtn .ic{font-size:26px}.req-root .typebtn b{margin-top:6px;font-size:1.15rem;display:block}.req-root .typebtn small{color:var(--mut)}.req-root .typebtn.on1{border-color:var(--teal);background:#e0f2f1}.req-root .typebtn.on2{border-color:var(--purple);background:#ede7f6}.req-root .typebtn.on3{border-color:var(--orange);background:#fff3e0}.req-root .items .it{border:1px solid var(--line);background:#fafafa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:6px;display:flex}.req-root .items .it .it-files{flex-basis:100%;width:100%}.req-root .items .it .it-name{flex:1;min-width:0}.req-root .items .it .it-reqby{color:var(--indigo-d,#3730a3);white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;max-width:260px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.req-root .items .it .it-reqby .it-reqby-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.req-root .items .it .it-reqby .it-reqby-ref{background:#c7d2fe;border-radius:6px;flex-shrink:0;padding:1px 6px}.req-root .items .it .it-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.req-root .items .it .it-q{width:84px}.req-root .items .it .it-u{width:60px}.req-root .items .it .it-price{text-align:right;width:130px}.req-root .items .it .it-sum{text-align:right;white-space:nowrap;min-width:90px;font-weight:600}.req-root .pr-total{border:1px solid var(--line);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;font-size:15px;display:flex}.req-root .pr-total strong{color:var(--pri,#1d4ed8);font-size:18px}.req-root .items .it .it-ret{border:1px solid var(--line);color:var(--mut);white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;margin:0;padding:5px 8px;font-size:12px;font-weight:600;display:flex}.req-root .items .it .it-ret.on{color:#bf360c;background:#fff3e0;border-color:#ffab91}.req-root .items .it .it-ret input{width:15px;height:15px;margin:0}.req-root .items .it .it-del{color:var(--mut);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:15px}.req-root .items .it .it-del:hover{color:#c62828;background:#ffebee}.req-root .ghost{color:#546e7a;cursor:pointer;background:#fff;border:1.5px dashed #b0bec5;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px}.req-root .pr-dropzone{cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:18px;transition:border-color .2s,background .2s;display:flex}.req-root .pr-dropzone:hover{border-color:var(--indigo);background:#f1f5ff}.req-root .pr-dropzone.over{border-color:var(--indigo);background:#e8edff}.req-root .pr-dropzone-icon{font-size:22px}.req-root .pr-dropzone-title{color:#475569;font-size:14px;font-weight:600}.req-root .pr-dropzone-sub{color:var(--mut);font-size:12px}.req-root .btn{background:var(--indigo);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:600}.req-root .btn:hover{background:var(--indigo-d)}.req-root .btn.sm{padding:7px 14px;font-size:13px}.req-root .btn.green{background:var(--green)}.req-root .btn.red{background:var(--red)}.req-root .btn.gray{background:#90a4ae}.req-root .btn.pink{background:var(--pink)}.req-root .btn.amber{background:#ef6c00}.req-root .btn.outline-amber{color:#ef6c00;background:#fff3e0;border:1px solid #ef6c00}.req-root .btn.outline-amber:hover{background:#ffe0b2}.req-root .btn.outline-red{color:var(--red);border:1px solid var(--red);background:#ffebee}.req-root .btn.outline-red:hover{background:#ffcdd2}.req-root .pr-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.req-root .pr-actions-main{flex-wrap:wrap;gap:10px;display:flex}.req-root .btn-soft,.req-root .btn-primary{cursor:pointer;border-radius:12px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s}.req-root .btn-soft{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.req-root .btn-soft:hover{background:#e8edf3;transform:translateY(-1px)}.req-root .btn-primary{color:#fff;background:linear-gradient(135deg,var(--indigo),var(--indigo-d));box-shadow:0 6px 16px -6px color-mix(in oklab,var(--indigo) 70%,transparent);border:0}.req-root .btn-primary:hover{box-shadow:0 10px 22px -8px color-mix(in oklab,var(--indigo) 75%,transparent);transform:translateY(-1px)}.req-root .btn-soft:active,.req-root .btn-primary:active{transform:translateY(0)}.req-root .badge{white-space:nowrap;border-radius:14px;padding:3px 12px;font-size:12.5px;font-weight:600;display:inline-block}.req-root .table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.req-root .table-wrap>table{min-width:max-content}.req-root table{border-collapse:collapse;width:100%;font-size:14px}.req-root th{text-align:left;color:#37474f;background:#eceff7;padding:9px 10px;font-size:13px}.req-root td{border-top:1px solid var(--line);vertical-align:top;padding:9px 10px}.req-root tr.click{cursor:pointer}.req-root tr.click:hover{background:#f5f7ff}.req-root .stats{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:20px;display:grid}.req-root .stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.req-root .stat b{font-size:22px;display:block}.req-root .stat span{color:var(--mut);font-size:12px}.req-root .noti{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.req-root .noti .grow{flex:1;min-width:200px}.req-root .modalbg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0a0f23b3;justify-content:center;align-items:center;padding:30px 14px;display:flex;position:fixed;inset:0;overflow:auto}.req-root .modal{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:calc(100vh - 60px);margin:auto;padding:24px;overflow-y:auto}.req-root .modal h3{color:var(--indigo-d);margin-bottom:4px}.req-root .x{float:right;cursor:pointer;background:#eceff1;border:0;border-radius:50%;width:32px;height:32px;font-size:15px}.req-root .steps{flex-wrap:wrap;gap:0;margin:14px 0;display:flex}.req-root .step{align-items:center;font-size:12.5px;display:flex}.req-root .step .b{color:#90a4ae;white-space:nowrap;background:#eceff1;border-radius:14px;padding:5px 12px;font-weight:600}.req-root .step .b .num{background:#0000001f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:3px;font-size:10px;font-weight:700;display:inline-flex}.req-root .step.done .b{color:#2e7d32;background:#c8e6c9}.req-root .step.cur .b{background:var(--indigo);color:#fff}.req-root .step .ar{color:#b0bec5;margin:0 4px}@media(max-width:768px){.req-root .steps{scrollbar-width:none;flex-wrap:nowrap;gap:0;margin:12px -4px;padding:4px;overflow-x:auto}.req-root .steps::-webkit-scrollbar{display:none}.req-root .step{flex:none;font-size:11px}.req-root .step .b{border-radius:10px;padding:4px 9px}.req-root .step:not(.cur):not(.done) .b{color:#b0bec5;padding:4px 7px}.req-root .step .ar{margin:0 2px;font-size:10px}.req-root .modal{padding:20px 16px;font-size:16px}.req-root .modal h3{font-size:20px}.req-root .modal table{font-size:15px}.req-root .modal small{font-size:14px}.req-root .hist{font-size:16px}}.req-root .hist{color:#546e7a;border:1px solid var(--line);background:#fafbfe;border-radius:8px;max-height:170px;padding:10px 14px;font-size:15px;overflow:auto}.req-root .hist div{border-bottom:1px dashed #eceff1;padding:3px 0}.req-root .slipbox{background:#fce4ec;border:1px solid #f8bbd0;border-radius:10px;margin-top:14px;padding:14px}.req-root .slipbox h4{color:var(--pink);margin-bottom:8px;font-size:14px}.req-root .kv{font-size:14px;line-height:1.9}.req-root .kv b{color:#455a64}.req-root .toast{color:#fff;opacity:0;z-index:200;pointer-events:none;background:#323232;border-radius:24px;padding:12px 24px;font-size:14px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.req-root .toast.show{opacity:1}.req-root .notipanel{border:1px solid var(--line);z-index:120;background:#fff;border-radius:14px;width:340px;max-height:70vh;position:fixed;top:60px;right:16px;overflow:auto;box-shadow:0 8px 30px #0000002e}.req-root .notipanel .h{border-bottom:1px solid var(--line);padding:12px 16px;font-weight:700}.req-root .notipanel .n{border-bottom:1px solid #f0f2f8;padding:10px 16px;font-size:13.5px}.req-root .notipanel .n.unread{background:#f3f6ff}.req-root .notipanel .n .t{color:var(--mut);font-size:11.5px}.req-root .empty{text-align:center;color:var(--mut);padding:30px 10px}.req-root .stsel{cursor:pointer;appearance:auto;border:1px solid #00000014;border-radius:12px;width:auto;max-width:100%;padding:3px 16px 3px 8px;font-size:12px;font-weight:600}.req-root .filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.req-root .filters select,.req-root .filters input{width:auto;min-width:150px}.req-root .fcol{flex-direction:column;flex:1 1 0;gap:3px;min-width:0;display:flex}.req-root .fcol small{color:var(--mut,#78909c);white-space:nowrap;font-size:11px}.req-root .filters-row{width:100%}.req-root .filters-row .fcol input,.req-root .filters-row .fcol select{width:100%;min-width:0}.req-root .stabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.req-root .stab{border:1px solid var(--bd,#d7dbe0);color:var(--mut,#607d8b);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.req-root .stab:hover{background:#f4f6f8}.req-root .stab.on{background:var(--pri,#1565c0);color:#fff;border-color:var(--pri,#1565c0)}@media(max-width:768px){.req-root{font-size:14px}.req-root header{gap:10px;padding:10px 14px}.req-root header h1{font-size:16px}.req-root header .sub{display:none}.req-root .roletabs{order:3;width:100%;margin-left:0;overflow-x:auto}.req-root .roletabs button{white-space:nowrap;flex:1;padding:8px 12px;font-size:13px}.req-root .bell{margin-left:auto}.req-root main{margin:14px auto;padding:0 12px 50px}.req-root .card{border-radius:12px;margin-bottom:14px;padding:14px}.req-root .row>div{flex:100%;min-width:0}.req-root .typegrid{grid-template-columns:1fr 1fr 1fr;gap:8px}.req-root .stats{grid-template-columns:1fr 1fr;gap:8px}.req-root .stat b{font-size:22px}.req-root .filters{flex-direction:column}.req-root .filters select,.req-root .filters input{width:100%;min-width:0}.req-root .notipanel{width:auto;left:8px;right:8px}.req-root .table-wrap{overflow-x:auto}.req-root table{font-size:15px}.req-root .btn{padding:11px 18px}.req-root .items .it{flex-wrap:nowrap;gap:4px;padding:4px}.req-root .items .it .it-name{flex:auto;min-width:0}.req-root .items .it .it-meta{flex:none;gap:4px}.req-root .items .it .it-q{width:42px}.req-root .items .it .it-u{width:46px}.req-root .items .it .it-ret{padding:4px 6px}.req-root table.mycards{border-collapse:collapse;width:max-content;min-width:100%;display:table}.req-root table.mycards tbody{display:table-row-group}.req-root table.mycards tr,.req-root table.mycards tr:first-child{display:table-row}.req-root table.mycards td{white-space:nowrap;text-align:left;border-bottom:1px solid var(--line);padding:8px 10px;font-size:15px;display:table-cell}.req-root table.mycards td:before{content:none}.req-root table.mycards td.type-col,.req-root table.mycards td[data-label=สถานะ]{display:table-cell}.req-root table.mycards td[data-label=เลขที่]{font-size:15px}.req-root table.mycards td[data-label=เลขที่] .type-inline{color:var(--mut);font-size:14px;font-weight:600}.req-root table.mycards td[data-label=อัปเดต]{color:var(--mut);font-size:14px}.req-root table.mycards td[data-label=รายการ]{text-align:left}}@media(max-width:420px){.req-root{font-size:16px}.req-root header h1{font-size:20px}.req-root header .sub{font-size:13px}.req-root header .hd-user{font-size:16px}.req-root .typegrid{grid-template-columns:1fr 1fr 1fr;gap:6px}.req-root .typebtn{padding:10px 6px}.req-root .typebtn .ic{font-size:24px}.req-root .typebtn b{margin-top:4px;font-size:15px}.req-root .typebtn small{font-size:12px}.req-root .stats{grid-template-columns:1fr}}.req-root .req-sidebar .sb-group{letter-spacing:.04em;color:#6b7a90;text-transform:none;margin:14px 14px 4px;font-size:11px;font-weight:700}.req-root .pu-statcard{text-align:left;cursor:pointer;font-family:inherit;transition:all .15s}.req-root .pu-statcard:hover{box-shadow:0 2px 10px #2632381f}.req-root .pu-statcard.on{border-color:var(--indigo);box-shadow:0 0 0 2px #2563eb40}.req-root .pu-menu{display:inline-block;position:relative}.req-root .pu-menu-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:30px;font-size:18px;line-height:1}.req-root .pu-menu-btn:hover{background:#f4f6fb}.req-root .pu-menu-pop{z-index:40;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:180px;position:absolute;top:34px;right:0;overflow:hidden;box-shadow:0 8px 24px #00000029}.req-root .pu-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--txt);background:0 0;border:0;padding:9px 14px;font-family:inherit;font-size:14px;display:block}.req-root .pu-menu-item:hover{background:#f4f6fb}.req-root .pu-menu-item.danger{color:#c62828}.req-root .pu-cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.req-root .pu-cal-dow{text-align:center;color:var(--mut);padding:4px 0;font-size:12px;font-weight:700}.req-root .pu-cal-cell{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:3px;min-height:92px;padding:4px;display:flex}.req-root .pu-cal-cell.empty{background:#f7f9fc;border-style:dashed}.req-root .pu-cal-date{color:#455a64;font-size:12px;font-weight:700}.req-root .pu-cal-ev{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:6px;padding:3px 5px;font-family:inherit;font-size:11px;font-weight:600;overflow:hidden}@media(max-width:768px){.req-root .pu-cal-cell{min-height:64px}}.req-root .pu-spin{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite pu-spin;display:inline-block}@keyframes pu-spin{to{transform:rotate(360deg)}}.req-root .btn:disabled,.req-root .btn.gray:disabled{opacity:.75;cursor:progress}.req-root .spinner{vertical-align:-2px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:4px;animation:.6s linear infinite spin;display:inline-block}.req-root .modal.pom{background:#fafbfc;border:1px solid #e8ecf1;border-radius:18px;padding:0;box-shadow:0 24px 60px -20px #0f172a59}.req-root .modal.pom>:not(.pom-head):not(.pom-foot){margin-left:22px;margin-right:22px}.req-root .pom-head{z-index:5;background:#fff;border-bottom:1px solid #e8ecf1;border-radius:18px 18px 0 0;align-items:flex-start;gap:12px;margin-bottom:14px;padding:16px 22px 14px;display:flex;position:sticky;top:0}.req-root .pom-head .pom-title{flex:1;min-width:0}.req-root .pom-head h3{letter-spacing:-.01em;color:#1e293b;margin:0 0 2px;font-size:18px}.req-root .pom-sub{color:#64748b;font-size:12.5px;line-height:1.5}.req-root .pom-head .x{float:none;color:#475569;background:#f1f5f9;flex:none;transition:background .15s}.req-root .pom-head .x:hover{background:#e2e8f0}.req-root .modal.pom label{color:#475569;letter-spacing:.01em;font-weight:600}.req-root .modal.pom input,.req-root .modal.pom select,.req-root .modal.pom textarea{background:#fff;border-color:#e2e8f0;border-radius:10px;transition:border-color .15s,box-shadow .15s}.req-root .modal.pom input:focus,.req-root .modal.pom select:focus,.req-root .modal.pom textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.req-root .pom-foot{z-index:5;background:#fff;border-top:1px solid #e8ecf1;border-radius:0 0 18px 18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 22px 16px;display:flex;position:sticky;bottom:0}.req-root .pom-total{color:#334155;font-size:15px}.req-root .pom-total b{color:#1d4ed8;margin-left:6px;font-size:19px}.req-root .pom-total-sub{color:#94a3b8;margin-top:2px;font-size:12px}.req-root .pom-draft{color:#94a3b8;margin-top:4px;font-size:11.5px}.req-root .pom-actions{flex-wrap:wrap;gap:8px;display:flex}@media(max-width:768px){.req-root .modal.pom>:not(.pom-head):not(.pom-foot){margin-left:14px;margin-right:14px}.req-root .pom-head,.req-root .pom-foot{padding-left:14px;padding-right:14px}.req-root .pom-actions{width:100%}.req-root .pom-actions .btn,.req-root .pom-actions .ghost{flex:auto}}.req-root .modal.pom{background:linear-gradient(#f7f9fc,#f2f5f9);border-color:#e3e9f0;box-shadow:0 30px 70px -24px #0f172a52}.req-root .pom-head{-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);background:#ffffffeb;border-bottom-color:#e8eef5;padding:18px 24px 15px}.req-root .pom-head h3{font-size:19px;font-weight:700}.req-root .pom-head .x{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.req-root .modal.pom>label{color:#334155;text-transform:none;align-items:center;gap:8px;margin:20px 0 8px;font-size:13.5px;font-weight:700;display:flex}.req-root .modal.pom>label:before{content:"";background:linear-gradient(#60a5fa,#3b82f6);border-radius:3px;width:3px;height:15px}.req-root .modal.pom>div[style*=border],.req-root .modal.pom>div>div[style*="border: 1px solid"]{box-shadow:0 1px 2px #0f172a0a,0 6px 18px -12px #0f172a2e;background:#fff!important;border-color:#e5ebf2!important;border-radius:14px!important}.req-root .modal.pom .table-wrap{background:#fff;border:1px solid #e5ebf2;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.req-root .modal.pom .table-wrap table{border-collapse:separate;border-spacing:0}.req-root .modal.pom .table-wrap th{color:#64748b;letter-spacing:.02em;background:#f6f9fc;border-bottom:1px solid #e8eef5;font-size:12px;font-weight:700}.req-root .modal.pom .table-wrap td{border-bottom:1px solid #f1f5f9}.req-root .modal.pom .table-wrap tr:last-child td{border-bottom:none}.req-root .modal.pom .table-wrap tbody tr:hover td{background:#f9fbfe}.req-root .modal.pom input,.req-root .modal.pom select,.req-root .modal.pom textarea{border-color:#dfe6ee;border-radius:10px;font-size:13.5px}.req-root .modal.pom input:hover,.req-root .modal.pom select:hover,.req-root .modal.pom textarea:hover{border-color:#cbd5e1}.req-root .modal.pom input[type=checkbox]{accent-color:#3b82f6}.req-root .modal.pom .btn,.req-root .modal.pom .ghost{border-radius:10px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.req-root .modal.pom .btn:active,.req-root .modal.pom .ghost:active{transform:translateY(1px)}.req-root .modal.pom .ghost{background:#fff;border-color:#dfe6ee}.req-root .modal.pom .ghost:hover:not(:disabled){background:#f5f9ff;border-color:#bfdbfe}.req-root .modal.pom .kv{background:#f4f8fd;border:1px solid #e4edf8;border-radius:10px;padding:8px 10px;line-height:1.55}.req-root .pom-foot{-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);background:#fffffff0;border-top-color:#e8eef5;padding:14px 24px 16px;box-shadow:0 -6px 20px -18px #0f172a80}.req-root .pom-total b{color:#2563eb}