.global-month{display:flex;align-items:center;gap:10px;margin:0 0 16px auto;width:max-content;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;box-shadow:0 5px 16px #2221}.global-month span{font-weight:700}.global-month select{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff}.global-month small{color:var(--muted)}
.hero{background:linear-gradient(90deg,#fff 20%,#ffffffa8 58%,#ffffff24),url('/assets/hero.svg') right center/cover no-repeat}
.fuel-month-filter{align-items:center;justify-content:space-between}.fuel-month-filter span{color:var(--muted)}
.fleet-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.fleet-extra span{display:flex;flex-direction:column;color:var(--muted);font-size:12px}.fleet-extra strong{color:var(--ink);font-size:14px;margin-top:4px}
.cockpit-kpis,.vehicle-summary{grid-template-columns:repeat(3,1fr)}
.material-picker{position:relative}.material-picker small{display:block;margin-top:7px;color:#8a9098;line-height:1.45}
.brand-watermark{display:flex;justify-content:center;align-items:center;padding:28px 20px 10px;min-height:74px}.brand-watermark img{width:185px;max-height:42px;object-fit:contain;opacity:.09;filter:grayscale(1)}
@media(max-width:900px){.cockpit-kpis,.vehicle-summary{grid-template-columns:1fr}}
@media(max-width:760px){.global-month{width:100%;flex-wrap:wrap}.global-month small{width:100%}.fleet-extra{grid-template-columns:1fr}}
.repair-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-weight:700}.repair-pending{border-color:#ef4444!important;background:#fff1f2!important;color:#b91c1c}.repair-progress{border-color:#f59e0b!important;background:#fff7ed!important;color:#b45309}.repair-ok{border-color:#22c55e!important;background:#ecfdf5!important;color:#15803d}.dorm-resident-filters{display:flex;flex-wrap:wrap;gap:10px}
.parking-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.parking-kpis .metric{min-height:150px}nav button[data-page="parking"] span{line-height:1.25;text-align:left}.table-wrap td button{margin:2px 4px 2px 0}@media(max-width:1100px){.parking-kpis{grid-template-columns:1fr}.table-wrap{overflow:auto}}
.property-only nav button:not([data-page="parking"]){display:none!important}.property-only .global-month{display:none!important}
.parking-tech-table{border:1px solid #e6e9ee;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 18px 48px rgba(15,23,42,.06);overflow:hidden}.parking-tech-table table{margin:0}.parking-tech-table thead{background:linear-gradient(90deg,#111827,#202938);color:#fff}.parking-tech-table th{color:#fff;border-bottom:0;letter-spacing:.04em}.parking-tech-table tbody tr{transition:background .18s ease,transform .18s ease}.parking-tech-table tbody tr:hover{background:#fff9dc}.parking-tech-table .muted-row{opacity:.58;background:#f4f5f7}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor inset}.status-neutral{color:#64748b;background:#eef2f7}.status-warning{color:#b77900;background:#fff3bf}.recycle-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:15px 18px;border:1px solid #f0d15a;border-radius:14px;background:linear-gradient(120deg,#141a24,#272f3b);color:#fff}.recycle-notice b{color:#ffd431;font-size:16px}.recycle-notice span{color:#d7dce4;font-size:13px}.tech-action{border-color:#1f2937!important;background:#111827!important;color:#ffd431!important;box-shadow:0 8px 22px rgba(17,24,39,.16)}.danger-ghost{border-color:#fecaca!important;background:#fff!important;color:#b91c1c!important}.parking-quote{margin-top:14px;padding:16px;border:1px solid #eed35e;border-radius:14px;background:linear-gradient(135deg,#fffdf3,#fff7c9);box-shadow:inset 0 1px #fff}.parking-quote>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px dashed #ddc45b}.parking-quote span{color:#6b7280}.parking-quote strong{font-size:25px;color:#111827}.parking-quote ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.parking-quote li{display:grid;grid-template-columns:1fr auto auto;gap:14px;color:#475569}.parking-quote li b{font-weight:600;color:#64748b}.parking-quote li em{font-style:normal;font-weight:800;color:#111827}@media(max-width:760px){.recycle-notice{align-items:flex-start;flex-direction:column}.parking-quote li{grid-template-columns:1fr auto}.parking-quote li em{grid-column:2}}
.business-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:24px}.business-block{grid-column:span 6;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.055);overflow:hidden}.business-block:nth-child(2){grid-column:span 6}.business-block:nth-child(3),.business-block:nth-child(4),.business-block:nth-child(5){grid-column:span 4}.business-block>header{padding:22px 24px 16px;cursor:pointer;border-bottom:1px solid #eef0f3}.business-block>header:hover{background:#fffbea}.business-block h3{margin:0;font-size:22px}.business-block p{margin:7px 0 0;color:var(--muted);font-size:13px}.business-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:#eef0f3}.business-metrics .kpi{border:0;border-radius:0;box-shadow:none;min-height:116px;background:#fff;padding:18px 20px}.business-metrics .kpi:hover{background:#fff9dc;transform:none}.fleet-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fleet-card-actions .btn{font-size:12px}.maintenance-sync{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:13px 14px;border:1px solid #ead66d;border-radius:10px;background:#fffbea}.maintenance-sync input{width:auto!important;margin:0}.occupancy-badge,.occupancy-text{display:inline-flex;align-items:center;border-radius:999px;font-weight:800}.occupancy-badge{padding:5px 10px;font-size:12px}.occupancy-badge.checked{color:#15803d;background:#e9f8ef}.occupancy-badge.pending,.occupancy-text.pending{color:#a16207;background:#fff1b8}.occupancy-text{padding:2px 6px}.pending-attention{border-color:#f4c430!important;background:#fff8d6!important}.pending-attention strong{color:#9a6700!important}@media(max-width:1050px){.business-block,.business-block:nth-child(2),.business-block:nth-child(3),.business-block:nth-child(4),.business-block:nth-child(5){grid-column:span 12}}@media(max-width:760px){.business-metrics{grid-template-columns:1fr}.maintenance-toolbar{align-items:stretch}.maintenance-toolbar input,.maintenance-toolbar select{width:100%}}

/* Parking management: compact black/yellow business-tech presentation. */
.parking-search{position:relative;margin:4px 0 14px}.parking-search:before{content:"⌕";position:absolute;left:14px;top:50%;z-index:1;transform:translateY(-50%);color:#9a7400;font-size:20px}.parking-search input{min-width:340px;padding-left:42px;border:1px solid #e5d272;border-radius:13px;background:linear-gradient(135deg,#fffef7,#fff9da);box-shadow:0 9px 26px rgba(26,32,44,.06)}
.parking-data-grid{border:0;background:transparent;box-shadow:none;overflow:auto}.parking-data-grid table{border-collapse:separate;border-spacing:0 10px;background:transparent}.parking-data-grid thead{background:linear-gradient(100deg,#111827,#242d3a)}.parking-data-grid thead th:first-child{border-radius:12px 0 0 12px}.parking-data-grid thead th:last-child{border-radius:0 12px 12px 0}.parking-data-grid tbody tr{background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.07)}.parking-data-grid tbody tr:hover{background:#fffbea;transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.11)}.parking-data-grid tbody td{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.parking-data-grid tbody td:first-child{border-left:1px solid #edf0f3;border-radius:13px 0 0 13px}.parking-data-grid tbody td:last-child{border-right:1px solid #edf0f3;border-radius:0 13px 13px 0}.parking-data-grid .muted-row{background:#f5f6f8;box-shadow:none}
.parking-seq{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#111827;color:#ffd431;font-weight:900}.plate-chip{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #e5d272;border-radius:8px;background:#fffbea;color:#1a202c;font-weight:900;letter-spacing:.04em;white-space:nowrap}.parking-amount{color:#111827;font-size:16px}.parking-action-group{display:flex;flex-wrap:wrap;gap:7px;min-width:260px}.parking-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0!important;padding:7px 11px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:850;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.parking-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.15)}.parking-action.edit{border-color:#d7dde6;background:#fff;color:#334155}.parking-action.pay{background:#ffd431;color:#111827;box-shadow:0 6px 16px rgba(244,196,48,.22)}.parking-action.transfer{background:#111827;color:#ffd431}.parking-action.undo{border-color:#e5c33c;background:#fff7cf;color:#805b00}.parking-action.delete{border-color:#fed7d7;background:#fff5f5;color:#b42318}
.parking-editor{padding:4px}.parking-editor .form-grid{gap:16px}.parking-editor label{gap:7px;color:#475569;font-size:13px;font-weight:750}.parking-editor input,.parking-editor select{min-height:46px;border:1px solid #dfe4eb;border-radius:11px;background:#fbfcfe;transition:border .16s ease,box-shadow .16s ease,background .16s ease}.parking-editor input:focus,.parking-editor select:focus{outline:0;border-color:#e8bd16;background:#fffef7;box-shadow:0 0 0 4px rgba(244,196,48,.16)}.parking-editor input[readonly]{color:#64748b;background:#f3f5f7}.parking-editor .form-actions{margin-top:20px;padding-top:16px;border-top:1px solid #edf0f3}.parking-editor .form-actions .primary{border-radius:10px;background:linear-gradient(135deg,#ffd431,#f4b800);box-shadow:0 10px 24px rgba(224,168,0,.22)}
@media(max-width:760px){.parking-search input{min-width:0;width:100%}.parking-action-group{min-width:220px}.parking-data-grid table{min-width:920px}}

/* Home overview values stay centered inside their own business card. */
.business-block:nth-child(6){grid-column:span 12}
.business-metrics .kpi{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.business-metrics .kpi small,.business-metrics .kpi strong,.business-metrics .kpi em{width:100%;text-align:center}.business-metrics .kpi strong{margin-top:10px}

/* Fuel recharge batch entry keeps all vehicle oil-card rows visible and editable. */
.fuel-batch-help{margin:4px 0 14px;color:#64748b;font-size:13px}
.fuel-batch-table table{min-width:980px}
.fuel-batch-table input{min-width:120px}
.fuel-batch-table input[type="number"]{max-width:150px}