.reports-page{display:grid;gap:22px}.reports-hero,.report-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.reports-hero{padding:4px 0 10px}.reports-chip{display:inline-flex;width:fit-content;padding:6px 10px;border:1px solid color-mix(in srgb,var(--app-primary) 20%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--app-primary) 8%,transparent);color:var(--app-primary);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.reports-hero h1{margin:10px 0 4px;color:var(--text);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:850;letter-spacing:-.045em;line-height:1.05}.reports-hero p,.report-results-head p{max-width:680px;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.7}.reports-scope-summary{min-width:210px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md);text-align:right}.reports-scope-summary small,.reports-scope-summary span{display:block;color:var(--text-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.reports-scope-summary strong{display:block;margin:4px 0;color:var(--text);font-size:.95rem;font-weight:850}
.report-builder{display:grid;gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--border);box-shadow:var(--shadow-lg)}.builder-section{display:grid;gap:18px;padding:22px;background:var(--surface)}.builder-heading{display:flex;align-items:center;gap:13px}.builder-heading>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:12px;background:color-mix(in srgb,var(--app-primary) 9%,var(--surface));color:var(--app-primary);font-size:.72rem;font-weight:900}.builder-heading h2{margin:0;color:var(--text);font-size:.95rem;font-weight:850}.builder-heading p{margin:2px 0 0;color:var(--text-muted);font-size:.76rem}.builder-link{margin-left:auto;border:0;background:transparent;color:var(--app-primary);font-size:.74rem;font-weight:800}
.metric-toggle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric-toggle{position:relative;cursor:pointer}.metric-toggle input{position:absolute;opacity:0;pointer-events:none}.metric-toggle>span{min-height:122px;display:flex;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);transition:.18s ease}.metric-toggle i{width:28px;height:28px;display:grid;place-items:center;margin-bottom:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-muted);font-style:normal;font-size:.8rem;font-weight:900}.metric-toggle strong{color:var(--text);font-size:.8rem;font-weight:850}.metric-toggle small{margin-top:4px;color:var(--text-muted);font-size:.68rem;line-height:1.45}.metric-toggle input:checked+span{border-color:color-mix(in srgb,var(--app-primary) 38%,var(--border));background:color-mix(in srgb,var(--app-primary) 7%,var(--surface));box-shadow:0 8px 20px color-mix(in srgb,var(--app-primary) 9%,transparent)}.metric-toggle input:checked+span i{border-color:var(--app-primary);background:var(--app-primary);color:#fff}
.scope-toggle-row{display:flex;flex-wrap:wrap;gap:9px}.scope-toggle-row label{position:relative;cursor:pointer}.scope-toggle-row input{position:absolute;opacity:0}.scope-toggle-row span{min-height:40px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-muted);font-size:.76rem;font-weight:800}.scope-toggle-row input:checked+span{border-color:var(--app-primary);background:var(--app-primary);color:#fff}.scope-selects label{display:grid;gap:6px;max-width:420px}.scope-selects label>span,.builder-field>span{color:var(--text);font-size:.72rem;font-weight:750}.scope-selects select,.builder-field input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--border);border-radius:13px;outline:0;background:var(--surface);color:var(--text)}.scope-selects select:focus,.builder-field input:focus{border-color:color-mix(in srgb,var(--app-primary) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary) 10%,transparent)}
.builder-final-grid{display:grid;grid-template-columns:150px 150px minmax(280px,1fr) 170px auto;align-items:end;gap:12px}.builder-field{display:grid;gap:6px}.top-toggle{position:relative;cursor:pointer}.top-toggle>input{position:absolute;opacity:0}.top-toggle>span{min-height:66px;display:grid;grid-template-columns:40px 1fr;align-content:center;padding:10px 13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.top-toggle i{width:34px;height:20px;grid-row:1/3;align-self:center;position:relative;border-radius:999px;background:var(--border)}.top-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:.18s}.top-toggle strong{color:var(--text);font-size:.76rem}.top-toggle small{color:var(--text-muted);font-size:.66rem}.top-toggle input:checked+span{border-color:color-mix(in srgb,var(--app-primary) 35%,var(--border));background:color-mix(in srgb,var(--app-primary) 6%,var(--surface))}.top-toggle input:checked+span i{background:var(--app-primary)}.top-toggle input:checked+span i:after{transform:translateX(14px);background:#fff}.top-count>div{position:relative}.top-count input{padding-right:70px}.top-count em{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.68rem;font-style:normal}.top-count.disabled{opacity:.45}.reports-action-buttons{display:flex;align-items:stretch;gap:8px}.reports-run-btn,.reports-download-btn{min-height:46px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;border-radius:13px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.reports-run-btn{border:1px solid var(--app-primary);background:var(--app-primary);color:#fff}.reports-download-btn{gap:10px;padding:0 17px;border:1px solid var(--app-primary);background:var(--app-primary);color:#fff;text-transform:none;letter-spacing:normal;box-shadow:0 12px 26px color-mix(in srgb,var(--app-primary) 20%,transparent);transition:transform .2s ease,box-shadow .2s ease}.reports-run-btn span,.reports-download-btn span{font-size:1rem}.reports-download-btn:hover{border-color:var(--app-primary);background:var(--app-primary);color:#fff;transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--app-primary) 26%,transparent)}
.report-results-head{padding:16px 0 2px;border-bottom:1px solid var(--border)}.report-results-head h2{margin:9px 0 2px;color:var(--text);font-size:1.25rem;font-weight:850}.report-results-head>span{padding-bottom:16px;color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.reports-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px}.report-stat{position:relative;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-md)}.report-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color,var(--app-primary))}.report-stat>span,.report-stat small{display:block;color:var(--text-muted);font-size:.69rem;font-weight:750}.report-stat>span{text-transform:uppercase;letter-spacing:.07em}.report-stat strong{display:block;margin:8px 0 3px;color:var(--text);font-size:1.55rem;font-weight:850;letter-spacing:-.04em}.report-stat.office{--stat-color:#0ea5e9}.report-stat.overtime{--stat-color:#8b5cf6}.report-stat.leaves{--stat-color:#14b8a6}.report-stat.late{--stat-color:#f59e0b}.report-stat.absent{--stat-color:#ef4444}
.reports-panel{overflow:hidden;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-md)}.reports-panel>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.reports-panel h2{margin:9px 0 3px;color:var(--text);font-size:1.05rem;font-weight:850}.reports-panel header p{margin:0;color:var(--text-muted);font-size:.76rem}.leave-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px}.leave-type-grid article{padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.leave-type-grid span,.leave-type-grid small{display:block;color:var(--text-muted);font-size:.7rem}.leave-type-grid strong{display:block;margin:6px 0 2px;color:var(--text);font-size:1rem;font-weight:850}.reports-empty{padding:30px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-2);color:var(--text-muted);text-align:center;font-size:.8rem}
.performers-panel{background:radial-gradient(circle at 50% -20%,color-mix(in srgb,#fbbf24 10%,transparent),transparent 28rem),var(--surface)}.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;max-width:900px;margin:12px auto 22px}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 18px 18px;border:1px solid var(--podium-border);border-radius:22px;background:var(--podium-bg);box-shadow:0 18px 36px var(--podium-shadow);text-align:center}.podium-card.rank-1{order:2;min-height:330px;--podium-border:rgba(217,155,24,.45);--podium-bg:linear-gradient(180deg,rgba(255,248,220,.96),var(--surface));--podium-shadow:rgba(217,155,24,.16)}.podium-card.rank-2{order:1;min-height:295px;--podium-border:rgba(148,163,184,.5);--podium-bg:linear-gradient(180deg,rgba(241,245,249,.96),var(--surface));--podium-shadow:rgba(100,116,139,.12)}.podium-card.rank-3{order:3;min-height:275px;--podium-border:rgba(180,105,54,.42);--podium-bg:linear-gradient(180deg,rgba(255,237,213,.9),var(--surface));--podium-shadow:rgba(180,105,54,.13)}html.app-theme-dark .podium-card.rank-1{--podium-bg:linear-gradient(180deg,rgba(113,78,12,.36),var(--surface))}html.app-theme-dark .podium-card.rank-2{--podium-bg:linear-gradient(180deg,rgba(71,85,105,.36),var(--surface))}html.app-theme-dark .podium-card.rank-3{--podium-bg:linear-gradient(180deg,rgba(120,53,15,.34),var(--surface))}.medal{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d99b18;color:#fff;box-shadow:0 0 0 5px var(--surface),0 8px 18px rgba(217,155,24,.28);font-size:.78rem;font-weight:900}.rank-2 .medal{background:#94a3b8;box-shadow:0 0 0 5px var(--surface),0 8px 18px rgba(100,116,139,.24)}.rank-3 .medal{background:#b46936;box-shadow:0 0 0 5px var(--surface),0 8px 18px rgba(180,105,54,.24)}.performer-avatar{width:66px;height:66px;display:grid;place-items:center;margin-top:8px;border:2px solid var(--podium-border);border-radius:50%;background:var(--surface);color:var(--text);font-size:1rem;font-weight:900}.rank-1 .performer-avatar{width:78px;height:78px}.place-label{margin-top:11px;color:#b7790c;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rank-2 .place-label{color:#64748b}.rank-3 .place-label{color:#9a542c}.podium-card h3{margin:5px 0 2px;color:var(--text);font-size:.9rem;font-weight:850}.podium-card p{margin:0;color:var(--text-muted);font-size:.68rem}.podium-card>strong{margin-top:14px;color:var(--text);font-size:1.7rem;font-weight:900;letter-spacing:-.05em}.podium-card>small{color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.performer-facts{width:100%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.performer-facts span{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 85%,transparent);color:var(--text-muted);font-size:.61rem;font-weight:700}.performer-list{display:grid;gap:8px;max-width:900px;margin:0 auto}.performer-list article{display:grid;grid-template-columns:32px 38px 1fr auto;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.rank-number{color:var(--text-muted);font-size:.75rem;font-weight:900}.mini-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--app-primary) 9%,var(--surface));color:var(--app-primary);font-size:.7rem;font-weight:850}.performer-list strong,.performer-list small{display:block}.performer-list strong{color:var(--text);font-size:.78rem}.performer-list small{color:var(--text-muted);font-size:.66rem}.performer-list b{color:var(--text);font-size:.9rem}
.report-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:17px}.report-table{width:100%;min-width:760px;border-collapse:collapse}.report-table th{padding:13px 15px;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:.66rem;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.07em}.report-table td{padding:14px 15px;border-bottom:1px solid var(--border);color:var(--text);font-size:.78rem}.report-table tbody tr:last-child td{border-bottom:0}.report-table tbody tr:hover{background:color-mix(in srgb,var(--app-primary) 4%,var(--surface))}.report-table td strong,.report-table td small{display:block}.report-table td strong{font-weight:800}.report-table td small{margin-top:2px;color:var(--text-muted);font-size:.65rem}
@media(max-width:1180px){.metric-toggle-grid{grid-template-columns:repeat(3,1fr)}.builder-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-toggle{grid-column:1/-1}.reports-action-buttons{grid-column:1/-1;justify-content:flex-end}.podium-grid{max-width:none}}
@media(max-width:760px){.reports-hero,.report-results-head{align-items:flex-start;flex-direction:column}.reports-scope-summary{width:100%;text-align:left}.metric-toggle-grid{grid-template-columns:repeat(2,1fr)}.podium-grid{grid-template-columns:1fr;align-items:stretch}.podium-card.rank-1,.podium-card.rank-2,.podium-card.rank-3{order:initial;min-height:0}.builder-final-grid{grid-template-columns:1fr}.top-toggle,.reports-action-buttons{grid-column:auto}.reports-action-buttons{display:grid;grid-template-columns:1fr}.scope-toggle-row{display:grid;grid-template-columns:1fr 1fr}.performer-list article{grid-template-columns:28px 34px 1fr auto}}
@media(max-width:480px){.metric-toggle-grid,.scope-toggle-row{grid-template-columns:1fr}.builder-section,.reports-panel{padding:17px}.builder-heading{align-items:flex-start;flex-wrap:wrap}.builder-link{margin-left:49px}.report-results-head>span{padding-bottom:0}}
.performer-avatar img,.mini-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}