.login-page{background:#101927 var(--login-background) center/cover fixed no-repeat;position:relative}
.login-page:before{content:"";position:fixed;inset:0;background:#07111fcc;z-index:0}
.login-card{position:relative;z-index:1}
.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.file-card{min-width:0}
.file-card img{width:100%;height:170px;object-fit:cover;border-radius:6px}
.file-card h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-icon{height:170px;display:grid;place-items:center;background:var(--surface-2);border:1px dashed var(--border);font-weight:700;font-size:24px;border-radius:6px}
@media(max-width:700px){.file-grid{grid-template-columns:1fr}}
.shipment-row{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:start}
.shipment-row>label{grid-column:auto}
.shipment-row .check{align-self:center;min-height:46px}
.shipment-row .full-row{grid-column:1/-1}
.shipment-row .row-footer{justify-content:flex-end}
@media(max-width:1100px){.shipment-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shipment-row{grid-template-columns:1fr}.shipment-row .row-footer .danger-button{width:100%}}
#opening-manufacturer-field .manufacturer-grid,#serial-manufacturer-field .manufacturer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){#opening-manufacturer-field .manufacturer-grid,#serial-manufacturer-field .manufacturer-grid{grid-template-columns:1fr}}
.opening-warranty-box{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.opening-warranty-box h3{margin:0 0 6px}.opening-warranty-list{display:grid;gap:10px;margin-top:10px}.opening-warranty-row{display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(0,1fr));gap:10px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.opening-warranty-row strong{align-self:center;word-break:break-word}.opening-warranty-row label{display:grid;gap:5px}
@media(max-width:800px){.opening-warranty-row{grid-template-columns:1fr}.opening-warranty-row strong{align-self:auto}}
.accounting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.account-card,.debt-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.metric-card{display:flex;flex-direction:column;gap:8px}.metric-card strong{font-size:1.35rem}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}.account-card{display:grid;gap:10px}.account-card label{display:grid;gap:5px}.compact-form{margin-top:14px}.debt-list{display:grid;gap:10px}.debt-card summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer}.debt-card[open] summary{padding-bottom:12px;border-bottom:1px solid var(--border)}.filter-inline{display:flex;gap:8px;flex-wrap:wrap}.accounting-summary+.panel{margin-top:0}table small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:700px){.accounting-summary{grid-template-columns:1fr}.debt-card summary{flex-direction:column}.account-grid{grid-template-columns:1fr}.filter-inline{width:100%}.filter-inline>*{flex:1;min-width:0}}
.metric-card,.account-card,.debt-card{background:var(--surface)}
@media(max-width:700px){.accounting-table td:nth-child(1)::before{content:"Ngày"}.accounting-table td:nth-child(2)::before{content:"Loại"}.accounting-table td:nth-child(3)::before{content:"Tài khoản"}.accounting-table td:nth-child(4)::before{content:"Nội dung"}.accounting-table td:nth-child(5)::before{content:"Đối tác / chứng từ"}.accounting-table td:nth-child(6)::before{content:"Số tiền"}.accounting-table td:nth-child(7)::before{content:"Thao tác"}}
.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.business-lookup-status a{font-weight:600}@media(max-width:600px){.input-action{grid-template-columns:1fr}.input-action button{width:100%}}
.warranty-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px;align-items:start}.warranty-action{position:sticky;top:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.detail-grid>div{border-bottom:1px solid var(--border);padding:8px}.detail-grid dt{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:700}.detail-grid dd{margin:5px 0 0}.warranty-timeline{border-left:2px solid var(--border);margin-left:8px;padding-left:20px}.warranty-timeline article{position:relative;padding:0 0 20px}.warranty-timeline article:before{content:"";position:absolute;left:-27px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--primary)}.warranty-timeline article span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.warranty-eligibility{padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2)}@media(max-width:950px){.warranty-layout{grid-template-columns:1fr}.warranty-action{position:static}}@media(max-width:600px){.detail-grid{grid-template-columns:1fr}}
.warranty-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.warranty-step-nav button.active{background:var(--primary);color:#fff}.warranty-step-actions{display:flex;justify-content:space-between;gap:10px}.warranty-step-actions #warranty-step-next{margin-left:auto}@media(max-width:700px){.warranty-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.warranty-step-nav button{white-space:normal}}