.home-page .app-layout{position:relative;z-index:10;max-width:var(--content-max-width);margin:0 auto;padding:28px 24px 60px;display:flex;gap:28px;align-items:flex-start}.home-page .main-content{flex:1;min-width:0}@media (max-width:1024px){.home-page .app-layout{flex-direction:column;padding:20px 16px 40px;gap:20px}}@media (max-width:768px){.home-page .app-layout{padding:16px 14px 40px;gap:16px}}.home-page .officer-grid{display:flex;flex-direction:column;gap:4px}.home-page .officer-table-header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(255,255,255,.03);border-radius:var(--radius-sm);border-bottom:1px solid var(--color-border-subtle);font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.home-page .hdr-avatar{width:38px;flex-shrink:0}.home-page .hdr-name{flex:1;min-width:0}.home-page .hdr-rank{width:100px;flex-shrink:0;text-align:center}.home-page .hdr-cases{width:70px;flex-shrink:0;text-align:right}.home-page .officer-row{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);backdrop-filter:blur(12px);transition:all .2s ease;cursor:pointer;text-decoration:none;color:inherit}.home-page .officer-row:hover{border-color:rgba(220,109,11,.25);background:rgba(220,109,11,.04);transform:translateX(3px)}.home-page .row-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid rgba(220,109,11,.12);flex-shrink:0}.home-page .row-name{flex:1;min-width:0;font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .officer-row .rank-badge{width:100px;flex-shrink:0;text-align:center;padding:2px 8px;border-radius:6px;font-size:.6rem;font-weight:500;white-space:nowrap}.home-page .rank-high{background:rgba(251,191,36,.1);color:var(--color-gold);border:1px solid rgba(251,191,36,.12)}.home-page .rank-medium{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid rgba(220,109,11,.12)}.home-page .rank-low{background:rgba(163,163,163,.06);color:var(--color-text-secondary);border:1px solid rgba(163,163,163,.08)}.home-page .row-cases{width:70px;flex-shrink:0;text-align:right;font-size:.75rem;color:var(--color-text-secondary)}.home-page .row-cases strong{color:var(--color-accent);font-size:.85rem;font-weight:700}.home-page .no-results{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.home-page .no-results .icon{font-size:2.5rem;margin-bottom:12px}.home-page .no-results h3{font-size:1rem;font-weight:600;margin-bottom:6px}.home-page .no-results p{font-size:.8rem;opacity:.6}.home-page .loading-container{text-align:center;padding:60px 20px}.home-page .loader{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:hp-spin .8s linear infinite;margin:0 auto 12px}@keyframes hp-spin{to{transform:rotate(1turn)}}.home-page .loading-text{font-size:.8rem;color:var(--color-text-secondary)}@media (max-width:768px){.home-page .officer-grid{gap:3px}.home-page .officer-row{padding:6px 10px;gap:6px}.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);padding:20px;backdrop-filter:blur(12px)}.home-page .sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-subtle)}.home-page .sidebar-header h3{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px}.home-page .sidebar-header h3 span{color:var(--color-accent)}.home-page .sidebar-badge{font-size:.6rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-soft);padding:2px 10px;border-radius:6px}.home-page .top-list{display:flex;flex-direction:column;gap:6px}.home-page .top-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background var(--transition-fast)}.home-page .top-item:hover{background:rgba(255,255,255,.03)}.home-page .top-rank{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}.home-page .top-item:first-child .top-rank{background:rgba(251,191,36,.15);color:var(--color-gold)}.home-page .top-item:nth-child(2) .top-rank{background:rgba(163,163,163,.1);color:#cbd5e1}.home-page .top-item:nth-child(3) .top-rank{background:rgba(180,130,90,.12);color:#d4a574}.home-page .top-info{flex:1;min-width:0}.home-page .top-name{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .top-rank-label{font-size:.6rem;color:var(--color-text-secondary);opacity:.6}.home-page .top-cases{font-size:.8rem;font-weight:700;color:var(--color-accent);flex-shrink:0}.home-page .top-empty{text-align:center;padding:24px 0;color:var(--color-text-secondary);font-size:.75rem;opacity:.6}.home-page .week-select{width:100%;padding:8px 12px;margin-bottom:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-thai);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.home-page .week-select:focus,.home-page .week-select:hover{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{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px}}@media (max-width:768px){.home-page .sidebar-card{padding:16px}.home-page .top-list{grid-template-columns:1fr}}.home-page .page-content{display:none;animation:hp-fadeIn .3s ease}.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{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.home-page .section-header h2{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.home-page .section-header h2 .icon{color:var(--color-accent)}.home-page .section-total{font-size:.75rem;color:var(--color-text-secondary);background:rgba(255,255,255,.02);padding:4px 14px;border-radius:8px;border:1px solid var(--color-border-subtle)}.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}}