/* V585 — Premium management dashboard */
.v577-page{
 --p:#f3f6fa;--card:#fff;--ink:#17243a;--muted:#718096;--line:#e5eaf0;
 --navy:#17365d;--green:#20875a;--amber:#c98a18;--red:#c95252;
 background:var(--p)!important;max-width:1840px!important;margin:auto!important;padding:24px 26px 42px!important
}
.v577-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:0 0 16px!important}
.v577-head h1{font-size:29px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.35px!important;color:var(--ink)!important}
.v577-head p{font-size:12.5px!important;color:var(--muted)!important;margin-top:6px!important}
.v577-head button,.v577-topbar button{height:40px!important;padding:0 15px!important;border:1px solid #dce3eb!important;border-radius:10px!important;background:#fff!important;color:#263852!important;font-weight:750!important;box-shadow:0 2px 7px rgba(22,40,65,.035)!important}
.v577-head button:hover,.v577-topbar button:hover{background:#f8fafc!important;border-color:#cbd5e1!important}
.v577-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:11px 13px!important;box-shadow:0 5px 20px rgba(22,38,62,.045)!important;margin-bottom:13px!important}
.v577-topbar input[type=date]{height:40px!important;border:1px solid #dce3eb!important;border-radius:9px!important;padding:0 12px!important;font-weight:750!important;color:#263852!important;background:#fff!important}
.v577-tabs{display:flex!important;gap:4px!important;width:max-content!important;max-width:100%!important;background:#e8edf4!important;padding:4px!important;border-radius:10px!important;margin-bottom:14px!important}
.v577-tabs button{height:35px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#68768a!important;padding:0 14px!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important}
.v577-tabs button.active,.v577-tabs button[aria-selected=true]{background:#fff!important;color:#17365d!important;box-shadow:0 2px 7px rgba(26,44,70,.09)!important}
.v577-banner{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;background:linear-gradient(125deg,#17365d 0%,#244b78 100%)!important;border:0!important;border-radius:15px!important;padding:20px 22px!important;box-shadow:0 8px 24px rgba(23,54,93,.16)!important;margin-bottom:15px!important}
.v577-banner:before{display:none!important}.v577-banner h2{font-size:27px!important;color:#fff!important;margin:3px 0!important;font-weight:850!important}.v577-banner span,.v577-banner p,.v577-banner small{color:#d9e5f3!important}.v577-banner aside{text-align:right!important}.v577-banner aside strong{display:block!important;color:#b9f0d0!important;font-size:12px!important;font-weight:850!important}
.v577-banner:after{content:"SAU 17:30 VẪN GHI NHẬN PHÁT SINH  •  00:05 CHỐT CHÍNH THỨC"!important;display:block!important;flex-basis:100%!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f4f8fc!important;border-radius:8px!important;padding:8px 11px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.25px!important}
.v577-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}
.v577-kpi{position:relative!important;min-width:0!important;min-height:120px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:16px!important;box-shadow:0 5px 18px rgba(21,37,59,.045)!important;overflow:hidden!important}
.v577-kpi:after{content:""!important;position:absolute!important;right:-18px!important;top:-20px!important;width:72px!important;height:72px!important;border-radius:50%!important;background:#f2f6fa!important}
.v577-kpi:before{content:""!important;position:absolute!important;left:0!important;top:15px!important;width:4px!important;height:35px!important;border-radius:0 5px 5px 0!important;background:#4777a8!important}
.v577-kpi:nth-child(2):before,.v577-kpi:nth-child(4):before{background:#2d9669!important}.v577-kpi:nth-child(3):before,.v577-kpi:nth-child(7):before{background:#d19a2e!important}.v577-kpi:nth-child(5):before{background:#cf5b58!important}.v577-kpi:nth-child(6):before{background:#7c62a5!important}.v577-kpi:nth-child(8):before{background:#257f84!important}
.v577-kpi span,.v577-kpi small{position:relative!important;z-index:1!important;display:block!important;color:#7b8797!important;font-size:10px!important;line-height:1.35!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.25px!important}.v577-kpi strong{position:relative!important;z-index:1!important;display:block!important;margin-top:13px!important;color:#172b47!important;font-size:23px!important;line-height:1.05!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v577-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(330px,.95fr)!important;gap:14px!important;align-items:start!important}
.v577-card,.v577-chart,.v577-panel,.v577-section{min-width:0!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:0 5px 20px rgba(22,38,62,.045)!important;padding:17px!important}
.v577-card h3,.v577-chart h3,.v577-panel h3,.v577-section h3{font-size:13.5px!important;color:#1b2d48!important;font-weight:850!important;margin:0 0 13px!important;padding-bottom:10px!important;border-bottom:1px solid #edf0f4!important}
.v577-chart{min-height:315px!important;overflow:hidden!important}.v577-orders{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.v577-orders>div{border:1px solid #e7ebf0!important;border-radius:10px!important;background:#f8fafc!important;padding:12px!important}.v577-orders strong{font-size:20px!important;color:#1a2d49!important}
.v577-table{width:100%!important;border-collapse:collapse!important;min-width:660px!important}.v577-table th{background:#f7f9fc!important;color:#718096!important;font-size:9.5px!important;font-weight:850!important;text-transform:uppercase!important;padding:10px!important;border-bottom:1px solid #e4e9ef!important}.v577-table td{font-size:11.5px!important;color:#2b3a50!important;padding:11px 10px!important;border-bottom:1px solid #edf0f4!important}.v577-table tbody tr:hover td{background:#fafbfd!important}
.v577-note textarea{width:100%!important;min-height:115px!important;border:1px solid #dce3eb!important;border-radius:9px!important;background:#fbfcfe!important;padding:11px!important;color:#27374e!important;font-size:13px!important}
.v577-auto{background:linear-gradient(135deg,#17365d,#244d7c)!important;border:0!important;color:#fff!important;box-shadow:0 8px 22px rgba(23,54,93,.15)!important}.v577-auto h3{color:#fff!important;border-color:rgba(255,255,255,.15)!important}.v577-auto p,.v577-auto small,.v577-auto strong{color:#edf5ff!important}.v577-auto button{height:38px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#17365d!important;font-weight:850!important}
@media(max-width:1250px){.v577-page{padding:18px!important}.v577-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v577-grid{grid-template-columns:1fr!important}}
@media(max-width:767px){.v577-page{padding:10px!important}.v577-head{align-items:flex-start!important;flex-direction:column!important}.v577-head h1{font-size:21px!important}.v577-topbar{align-items:stretch!important;flex-direction:column!important}.v577-topbar>div{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.v577-topbar input[type=date],.v577-topbar button{width:100%!important}.v577-tabs{width:100%!important;overflow-x:auto!important}.v577-banner{padding:15px!important;align-items:flex-start!important;flex-direction:column!important}.v577-banner h2{font-size:21px!important}.v577-banner aside{text-align:left!important}.v577-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.v577-kpi{min-height:105px!important;padding:12px!important}.v577-kpi strong{font-size:18px!important;white-space:normal!important}.v577-card,.v577-chart,.v577-panel,.v577-section{padding:13px!important;border-radius:11px!important}.v577-orders{grid-template-columns:1fr!important}.v577-card:has(.v577-table),.v577-panel:has(.v577-table){overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}
@media(max-width:430px){.v577-kpis{grid-template-columns:1fr!important}.v577-kpi{min-height:94px!important}.v577-banner:after{font-size:9px!important}}
@media print{.v577-page{background:#fff!important;max-width:none!important;padding:0!important}.v577-tabs,.v577-topbar button{display:none!important}.v577-card,.v577-chart,.v577-panel,.v577-section,.v577-kpi,.v577-banner{box-shadow:none!important;break-inside:avoid!important}}