.home-page .app-layout{z-index:10;max-width:var(--content-max-width);align-items:flex-start;gap:28px;margin:0 auto;padding:28px 24px 60px;display:flex;position:relative}.home-page .main-content{flex:1;min-width:0}@media (max-width:1024px){.home-page .app-layout{flex-direction:column;gap:20px;padding:20px 16px 40px}}@media (max-width:768px){.home-page .app-layout{gap:16px;padding:16px 14px 40px}}.home-page .officer-grid{flex-direction:column;gap:4px;display:flex}.home-page .officer-table-header{border-radius:var(--radius-sm);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;align-items:center;gap:10px;padding:8px 14px;font-size:.65rem;font-weight:600;display:flex}.home-page .hdr-avatar{flex-shrink:0;width:38px}.home-page .hdr-name{flex:1;min-width:0}.home-page .hdr-rank{text-align:center;flex-shrink:0;width:100px}.home-page .hdr-cases{text-align:right;flex-shrink:0;width:70px}.home-page .officer-row{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:inherit;align-items:center;gap:10px;padding:8px 14px;text-decoration:none;transition:all .2s;display:flex}.home-page .officer-row:hover{background:#1dc9b70a;border-color:#1dc9b740;transform:translate(3px)}.home-page .row-avatar{width:34px;height:34px;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid #1dc9b71f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.home-page .row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.home-page .officer-row .rank-badge{text-align:center;white-space:nowrap;border-radius:6px;flex-shrink:0;width:100px;padding:2px 8px;font-size:.6rem;font-weight:500}.home-page .rank-high{color:var(--color-gold);background:#fbbf241a;border:1px solid #fbbf241f}.home-page .rank-medium{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid #1dc9b71f}.home-page .rank-low{color:var(--color-text-secondary);background:#94a3b80f;border:1px solid #94a3b814}.home-page .row-cases{text-align:right;width:70px;color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem}.home-page .row-cases strong{color:var(--color-accent);font-size:.85rem;font-weight:700}.home-page .no-results{text-align:center;color:var(--color-text-secondary);padding:60px 20px}.home-page .no-results .icon{margin-bottom:12px;font-size:2.5rem}.home-page .no-results h3{margin-bottom:6px;font-size:1rem;font-weight:600}.home-page .no-results p{opacity:.6;font-size:.8rem}.home-page .loading-container{text-align:center;padding:60px 20px}.home-page .loader{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite hp-spin}@keyframes hp-spin{to{transform:rotate(360deg)}}.home-page .loading-text{color:var(--color-text-secondary);font-size:.8rem}@media (max-width:768px){.home-page .officer-grid{gap:3px}.home-page .officer-row{gap:6px;padding:6px 10px}.home-page .row-avatar{width:28px;height:28px;font-size:.7rem}.home-page .row-name{font-size:.75rem}.home-page .officer-row .rank-badge{width:80px;font-size:.55rem}.home-page .row-cases{width:55px;font-size:.7rem}.home-page .row-cases strong{font-size:.75rem}.home-page .officer-table-header{display:none}}.home-page .sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:28px}.home-page .sidebar-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.home-page .sidebar-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.home-page .sidebar-header h3{align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.home-page .sidebar-header h3 span{color:var(--color-accent)}.home-page .sidebar-badge{color:var(--color-accent);background:var(--color-accent-soft);border-radius:6px;padding:2px 10px;font-size:.6rem;font-weight:600}.home-page .top-list{flex-direction:column;gap:6px;display:flex}.home-page .top-item{transition:background var(--transition-fast);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.home-page .top-item:hover{background:#ffffff08}.home-page .top-rank{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex}.home-page .top-item:first-child .top-rank{color:var(--color-gold);background:#fbbf2426}.home-page .top-item:nth-child(2) .top-rank{color:#cbd5e1;background:#94a3b81a}.home-page .top-item:nth-child(3) .top-rank{color:#d4a574;background:#b4825a1f}.home-page .top-info{flex:1;min-width:0}.home-page .top-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.home-page .top-rank-label{color:var(--color-text-secondary);opacity:.6;font-size:.6rem}.home-page .top-cases{color:var(--color-accent);flex-shrink:0;font-size:.8rem;font-weight:700}.home-page .top-empty{text-align:center;color:var(--color-text-secondary);opacity:.6;padding:24px 0;font-size:.75rem}.home-page .week-select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-thai);cursor:pointer;transition:border-color var(--transition-fast);outline:none;margin-bottom:12px;padding:8px 12px}.home-page .week-select:hover,.home-page .week-select:focus{border-color:var(--color-accent)}.home-page .week-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media (max-width:1024px){.home-page .sidebar{width:100%;position:static}.home-page .top-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px;display:grid}}@media (max-width:768px){.home-page .sidebar-card{padding:16px}.home-page .top-list{grid-template-columns:1fr}}.home-page .page-content{animation:.3s hp-fadeIn;display:none}.home-page .page-content.active{display:block}@keyframes hp-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-page .section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.home-page .section-header h2{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.home-page .section-header h2 .icon{color:var(--color-accent)}.home-page .section-total{color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:#ffffff05;border-radius:8px;padding:4px 14px;font-size:.75rem}.home-page .section-total strong{color:var(--color-accent);font-weight:600}@media (max-width:768px){.home-page .section-header{margin-bottom:14px}.home-page .section-header h2{font-size:.9rem}}