*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #185FA5;--blue-light: #E6F1FB;--blue-mid: #378ADD;--green: #3B6D11;--green-light: #EAF3DE;--amber: #854F0B;--amber-light: #FAEEDA;--red: #A32D2D;--red-light: #FCEBEB;--purple: #534AB7;--purple-light: #EEEDFE;--gray-bg: #F8F7F4;--gray-border: rgba(0,0,0,.12);--text: #1a1a1a;--text-muted: #6b6b6b;--white: #fff;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}.page{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.page-wide{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.card{background:var(--white);border:.5px solid var(--gray-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;gap:10px;padding-bottom:1rem;margin-bottom:1rem;border-bottom:.5px solid var(--gray-border)}.card-title{font-size:15px;font-weight:600}.topbar{background:var(--white);border-bottom:.5px solid var(--gray-border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.topbar-logo{font-weight:700;font-size:16px;color:var(--blue)}.topbar-sub{font-size:12px;color:var(--text-muted)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--gray-border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--white);font-family:inherit;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--blue-mid);box-shadow:0 0 0 3px #378add1f}input[readonly],input:disabled{background:#f5f5f3;color:var(--text-muted);cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.btn{padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--gray-border);background:var(--white);color:var(--text);transition:all .15s;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--gray-bg)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#0c447c;border-color:#0c447c}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:#27500a}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-pending{background:var(--amber-light);color:var(--amber)}.badge-submitted{background:var(--blue-light);color:var(--blue)}.badge-overdue{background:var(--red-light);color:var(--red)}.badge-partial{background:var(--purple-light);color:var(--purple)}.badge-paid{background:var(--green-light);color:var(--green)}.upload-zone{border:1.5px dashed var(--gray-border);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;cursor:pointer;transition:.15s;background:#fafafa}.upload-zone:hover{border-color:var(--blue-mid);background:var(--blue-light)}.upload-zone.has-file{border-color:var(--green);background:var(--green-light)}.rec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:.5px solid var(--gray-border);font-size:13px}.rec-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;font-size:16px;font-weight:700}.stat-card{background:var(--gray-bg);border-radius:var(--radius-sm);padding:12px 16px}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.stat-value{font-size:26px;font-weight:700}.stall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.stall-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:.15s}.stall-card:hover{border-color:var(--blue-mid);box-shadow:0 2px 8px #185fa51f;transform:translateY(-1px)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:1rem}.alert-info{background:var(--blue-light);color:var(--blue);border:.5px solid #B5D4F4}.alert-success{background:var(--green-light);color:var(--green);border:.5px solid #C0DD97}.alert-warning{background:var(--amber-light);color:var(--amber);border:.5px solid #FAC775}.s-icon{width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.s-icon-blue{background:var(--blue-light);color:var(--blue)}.s-icon-green{background:var(--green-light);color:var(--green)}.s-icon-amber{background:var(--amber-light);color:var(--amber)}.s-icon-purple{background:var(--purple-light);color:var(--purple)}.info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:.5px solid var(--gray-border);font-size:13px}.info-label{color:var(--text-muted)}.tabs{display:flex;gap:4px;margin-bottom:1rem;background:var(--gray-bg);padding:4px;border-radius:var(--radius-sm)}.tab{flex:1;padding:7px 10px;text-align:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;background:transparent;color:var(--text-muted);font-family:inherit}.tab.active{background:var(--white);color:var(--text);box-shadow:var(--shadow)}.badge-unpaid{background:var(--red-light);color:var(--red)}.badge-partially_paid{background:var(--purple-light);color:var(--purple)}.badge-pending_verification{background:var(--amber-light);color:var(--amber)}.badge-verified{background:var(--green-light);color:var(--green)}.badge-rejected{background:var(--red-light);color:var(--red)}.nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}.nav a{text-decoration:none;color:var(--text-muted);font-size:13px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm)}.nav a:hover{background:var(--gray-bg);color:var(--text)}.nav a.active{background:var(--blue-light);color:var(--blue)}.crumbs{font-size:12px;color:var(--text-muted);margin-bottom:1rem}.crumbs a{color:var(--blue);text-decoration:none}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;border-bottom:1px solid var(--gray-border)}.table td{padding:9px 10px;border-bottom:.5px solid var(--gray-border)}.table tr:hover td{background:var(--gray-bg)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:1rem}.rank-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:.5px solid var(--gray-border)}.bar{height:6px;border-radius:3px;background:var(--blue)}.link{color:var(--blue);cursor:pointer;text-decoration:none}.muted{color:var(--text-muted)}@media (max-width: 600px){.grid-2,.grid-3{grid-template-columns:1fr}.stall-grid{grid-template-columns:repeat(2,1fr)}}