.red-packet-page{display:grid;grid-gap:12px;gap:12px;padding:18px 20px 32px;color:#172033;text-align:left}.red-packet-page>.stores-title{margin-bottom:0!important}.red-packet-page>.stores-title h1{font-size:26px!important;line-height:1.2}.red-packet-page>.stores-title p{font-size:13px}.red-packet-page button{width:auto;margin-top:0;cursor:pointer}.red-packet-page>.stores-title>button{min-height:38px;padding:0 16px;border-radius:8px;background:#2563eb;font-size:13px;font-weight:700}.red-packet-toolbar{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;flex-wrap:nowrap}.red-packet-toolbar label{display:grid;min-width:0;grid-gap:0;gap:0}.red-packet-toolbar label>span{display:none}.red-packet-toolbar label:not(.brand){flex:0 0 160px}.red-packet-toolbar .brand{flex:1 1 240px;max-width:360px}.red-packet-toolbar>i{color:#98a2b3;font-size:12px;font-style:normal}.red-packet-details input,.red-packet-toolbar input,.red-packet-toolbar select{width:100%;height:34px;min-height:34px;margin:0;padding:0 10px;border:1px solid #d7e0ea;border-radius:7px;background:#fff;color:#172033;font-size:13px}.red-packet-toolbar-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.red-packet-details button,.red-packet-pagination button,.red-packet-toolbar button{width:auto;min-width:64px;height:34px;min-height:34px;margin:0;padding:0 14px;border:0;border-radius:7px;background:#1f5f99;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}.red-packet-toolbar .secondary{min-width:56px;background:#eef3f8!important;color:#38506a!important}.red-packet-kpis{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.red-packet-kpis article{position:relative;display:grid;min-height:94px;align-content:center;grid-gap:3px;gap:3px;padding:14px 16px;overflow:hidden;border:1px solid #e3eaf2;border-radius:10px;background:#fff}.red-packet-kpis article:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:#3f82c4;content:""}.red-packet-kpis article:nth-child(2):before{background:#22a06b}.red-packet-kpis span{color:#65758a;font-size:12px}.red-packet-kpis b{color:#17365d;font-size:25px;line-height:1.25;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.red-packet-kpis small{color:#8492a5;font-size:11px}.red-packet-batches,.red-packet-brands,.red-packet-details,.red-packet-mappings,.red-packet-trend{margin:0;padding:14px}.red-packet-page h2{margin:0;color:#203247;font-size:17px}.red-packet-page h2+p{margin:3px 0 0;color:#758498;font-size:12px}.red-packet-batches>header,.red-packet-brands>header,.red-packet-details>header,.red-packet-mappings>header,.red-packet-trend>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.red-packet-brands>header>span{color:#758498;font-size:12px}.red-packet-bars{position:relative;display:flex;height:205px;align-items:flex-end;gap:6px;overflow-x:auto;padding:6px 2px 0}.red-packet-bars>div{position:relative;display:grid;min-width:36px;flex:1 1;justify-items:center;grid-gap:3px;gap:3px;color:#64748b;z-index:2}.red-packet-bars>p{align-self:center;width:100%;color:#64748b;text-align:center}.red-packet-bars b{color:#334155;font-size:10px;font-weight:650}.red-packet-bars>div>i{display:block;width:19px;max-height:140px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#54a5e2,#276da9)}.red-packet-bars span{font-size:11px;white-space:nowrap}.red-packet-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:9px}.red-packet-page table{width:100%;border-collapse:collapse;white-space:nowrap}.red-packet-page th{border-bottom:1px solid #dce5ef;background:#f8fafc;color:#526478;font-weight:650;text-align:left}.red-packet-page td,.red-packet-page th{height:36px;padding:7px 11px;font-size:12px}.red-packet-page td{border-bottom:1px solid #edf1f5;color:#26384c}.red-packet-page tbody tr:last-child td{border-bottom:0}.red-packet-page tbody tr:hover{background:#f8fafc}.red-packet-brands tbody tr{cursor:pointer}.red-packet-brands td:nth-child(n+2),.red-packet-brands th:nth-child(n+2){text-align:right}.red-packet-details{padding:10px 12px}.red-packet-details>header{margin-bottom:7px}.red-packet-details>header>div:first-child{min-width:220px}.red-packet-details>header>div:last-child{display:flex;flex:1 1;justify-content:flex-end;align-items:center;gap:6px}.red-packet-details input{width:180px}.red-packet-details input:last-of-type{width:210px}.red-packet-details table{table-layout:fixed}.red-packet-details th:first-child{width:12%}.red-packet-details th:nth-child(2){width:25%}.red-packet-details th:nth-child(3){width:16%}.red-packet-details th:nth-child(4){width:9%}.red-packet-details th:nth-child(5),.red-packet-details th:nth-child(6){width:10%}.red-packet-details th:nth-child(7){width:9%}.red-packet-details th:nth-child(8){width:11%}.red-packet-details td{overflow:hidden;text-overflow:ellipsis}.red-packet-details td:nth-child(7),.red-packet-details td:nth-child(8),.red-packet-details th:nth-child(7),.red-packet-details th:nth-child(8){text-align:right}.red-packet-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;color:#64748b;font-size:12px}.red-packet-pagination button{min-width:auto;height:32px;min-height:32px;padding:0 12px}.red-packet-pagination button:disabled{opacity:.4;cursor:not-allowed}.red-packet-batches a{color:#1c67a5;font-weight:700}.red-packet-mappings td>button,.red-packet-mappings>header>button{width:auto;min-height:32px;margin:0;padding:0 12px;border:0;border-radius:7px}.red-packet-mapping-actions{display:flex;align-items:center;gap:7px}.red-packet-mapping-actions button{width:auto;min-height:34px;margin:0;padding:0 12px;border:0;border-radius:7px;background:#1f5f99;color:#fff}.red-packet-brand-picker,.red-packet-mapping-search{display:flex;align-items:center;gap:7px}.red-packet-mapping-search{margin-bottom:10px}.red-packet-brand-picker input,.red-packet-brand-picker select,.red-packet-mapping-search input{width:240px;height:34px;min-height:34px;margin:0;padding:0 10px;border:1px solid #d7e0ea;border-radius:7px;background:#fff}.red-packet-brand-picker button,.red-packet-mapping-search button{width:auto;min-height:34px;margin:0;padding:0 12px;border:0;border-radius:7px;background:#1f5f99;color:#fff}.red-packet-brand-picker select{width:280px}.red-packet-empty{padding:48px;text-align:center}.red-packet-empty b{color:#243a52;font-size:20px}.red-packet-empty p{color:#718096}.red-packet-notice{margin:0;padding:10px 13px;border-radius:8px;font-size:13px}.red-packet-notice.success{background:#ecfdf3;color:#18794e}.red-packet-notice.error{background:#fff1f2;color:#b42318}@media(max-width:1000px){.red-packet-toolbar{flex-wrap:wrap}.red-packet-toolbar .brand{max-width:none}.red-packet-toolbar-actions{margin-left:0}.red-packet-details>header{display:grid}.red-packet-details>header>div:last-child{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:640px){.red-packet-page{padding:16px 12px 88px}.red-packet-page>.stores-title{align-items:flex-start!important}.red-packet-kpis{grid-template-columns:1fr}.red-packet-toolbar{display:grid;grid-template-columns:1fr auto 1fr}.red-packet-toolbar .brand,.red-packet-toolbar-actions{grid-column:1/-1;width:100%}.red-packet-toolbar label:not(.brand){width:100%}.red-packet-toolbar-actions button{flex:1 1}.red-packet-details>header>div:last-child{display:grid;grid-template-columns:1fr 1fr}.red-packet-details input,.red-packet-details input:last-of-type{width:100%}.red-packet-details button{grid-column:1/-1}.red-packet-batches,.red-packet-brands,.red-packet-details,.red-packet-mappings,.red-packet-trend{padding:12px}}