.management-dashboard{display:grid;gap:16px;margin-bottom:22px}.management-dashboard button{font:inherit}
.management-filter-bar,.management-section,.management-kpi{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,33,54,.9),rgba(8,21,37,.82));box-shadow:var(--glass-highlight),var(--shadow);backdrop-filter:blur(18px)}
.management-filter-bar{position:relative;display:grid;gap:16px;padding:20px;border-radius:20px;overflow:hidden}.management-filter-bar:before{content:"";position:absolute;inset:-80px auto auto 52%;width:260px;height:160px;border-radius:50%;background:rgba(85,199,255,.08);filter:blur(45px);pointer-events:none}.management-greeting{position:relative}.management-greeting small,.management-section summary small{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.management-greeting h2{margin:5px 0 5px;font-size:27px;letter-spacing:-.035em}.management-greeting p{margin:0;color:var(--muted);font-size:12px}.management-filters{position:relative;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr)) auto;align-items:end;gap:8px}.management-filters label{display:grid;gap:5px}.management-filters label>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.management-filters select,.management-filters input{width:100%;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--ink);padding:0 10px;outline:0}.management-filters select:focus,.management-filters input:focus{border-color:rgba(85,199,255,.55);box-shadow:0 0 0 3px rgba(85,199,255,.1)}.management-filters .custom-date{display:none}.management-filters:has([data-filter=range] option[value=custom]:checked) .custom-date{display:grid}.filter-reset,.mobile-filter-toggle{height:40px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--ink);padding:0 13px;font-weight:900}.mobile-filter-toggle{display:none;align-items:center;justify-content:space-between;width:100%}
.management-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.management-kpi{position:relative;display:grid;grid-template-columns:40px 1fr;grid-template-areas:"icon label" "icon value" "support support" "link link";align-items:center;gap:3px 10px;min-height:150px;padding:15px;border-radius:17px;color:var(--ink);text-align:left;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.management-kpi:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 40%);pointer-events:none}.management-kpi:hover{transform:translateY(-2px);border-color:rgba(85,199,255,.3)}.management-kpi i{grid-area:icon;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(85,199,255,.13);color:var(--accent);font-style:normal;font-size:10px;font-weight:950}.management-kpi>span{grid-area:label;color:var(--muted);font-size:10px;font-weight:900}.management-kpi>strong{grid-area:value;font-size:23px;letter-spacing:-.035em}.management-kpi>small{grid-area:support;align-self:end;margin-top:8px;color:var(--muted);font-size:10px}.management-kpi>b{grid-area:link;margin-top:4px;color:var(--accent);font-size:10px}.management-kpi.tone-green i,.management-kpi.tone-green>b{color:var(--green);background:rgba(73,214,163,.1)}.management-kpi.tone-red i,.management-kpi.tone-red>b{color:var(--red);background:rgba(255,117,130,.1)}.management-kpi.tone-amber i,.management-kpi.tone-amber>b{color:var(--amber);background:rgba(245,191,92,.1)}.management-kpi.tone-purple i,.management-kpi.tone-purple>b{color:#b9a5ff;background:rgba(155,126,255,.11)}
.management-section{border-radius:19px;overflow:hidden}.management-section>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;list-style:none}.management-section>summary::-webkit-details-marker{display:none}.management-section>summary h2{margin:4px 0 4px;font-size:20px;letter-spacing:-.025em}.management-section>summary p{margin:0;color:var(--muted);font-size:12px}.management-section>summary>span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:10px;font-weight:900}.management-section:not([open])>summary>span{font-size:0}.management-section:not([open])>summary>span:after{content:"Expand";font-size:10px}.management-section[open]{padding-bottom:18px}.management-section[open]>summary{border-bottom:1px solid rgba(151,184,216,.08);margin-bottom:15px}.section-detail-link{display:block;margin:14px 18px 0 auto;min-height:38px;border:1px solid rgba(85,199,255,.24);border-radius:11px;background:rgba(85,199,255,.08);color:var(--accent);padding:0 13px;font-weight:900}
.team-status-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 18px 12px}.team-status-counts>div{display:flex;align-items:center;gap:8px;min-height:50px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.team-status-counts strong{font-size:20px}.team-status-counts span{color:var(--muted);font-size:9px;font-weight:900}.team-status-counts .status-present strong,.team-status-counts .status-working-remotely strong{color:var(--green)}.team-status-counts .status-absent strong{color:var(--red)}.team-status-counts .status-late strong{color:var(--amber)}.team-status-counts .status-on-leave strong{color:#b9a5ff}
.team-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px}.team-status-grid>article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);box-shadow:var(--glass-highlight)}.employee-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(85,199,255,.2),rgba(109,93,252,.17));color:var(--accent);font-size:11px;font-weight:950;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-core{display:grid;align-content:center;gap:3px}.employee-core span{color:var(--muted);font-size:10px}.management-status{display:inline-flex;align-items:center;align-self:start;min-height:27px;padding:0 9px;border:1px solid currentColor;border-radius:999px;color:var(--blue);background:rgba(99,168,255,.08);font-size:9px;font-weight:950;white-space:nowrap}.management-status.status-present,.management-status.status-submitted{color:var(--green)}.management-status.status-absent,.management-status.status-not-submitted{color:var(--red)}.management-status.status-late,.management-status.status-incomplete{color:var(--amber)}.management-status.status-on-leave,.management-status.status-needs-review{color:#b9a5ff}.team-status-grid dl{grid-column:1/-1;display:grid;grid-template-columns:.65fr 1.2fr 1.5fr;gap:7px;margin:3px 0 0}.team-status-grid dl div,.daily-report-grid dl div{display:grid;gap:3px;padding:9px;border-radius:10px;background:rgba(255,255,255,.025)}.team-status-grid dt,.daily-report-grid dt{color:var(--muted);font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.team-status-grid dd,.daily-report-grid dd{margin:0;font-size:10px;line-height:1.4}
.management-table-wrap{margin:0 18px;border:1px solid var(--line);border-radius:14px;overflow:auto}.management-table{width:100%;min-width:1060px;border-collapse:collapse}.management-table th{position:sticky;top:0;z-index:1;padding:11px 10px;background:rgba(15,31,50,.98);color:var(--muted);font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.management-table td{padding:11px 10px;border-top:1px solid rgba(151,184,216,.08);font-size:11px}.management-table tr:nth-child(even) td{background:rgba(255,255,255,.015)}.management-table td:first-child{display:grid;gap:3px}.management-table td:first-child small{color:var(--muted);font-size:9px}.low-balance{color:var(--red)}
.attendance-insights,.finance-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px 0}.attendance-insights>article,.finance-analysis-grid>article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.attendance-insights header,.finance-analysis-grid header{margin-bottom:12px}.attendance-insights h3,.finance-analysis-grid h3{margin:0 0 3px;font-size:14px}.attendance-insights header small,.finance-analysis-grid header small{color:var(--muted);font-size:9px}.rank-bar{display:grid;grid-template-columns:minmax(70px,120px) 1fr auto;align-items:center;gap:8px;padding:7px 0}.rank-bar>span{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.rank-bar>i{height:7px;border-radius:99px;background:rgba(151,184,216,.1);overflow:hidden}.rank-bar>i>b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.rank-bar>strong{font-size:10px}.exception-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(151,184,216,.07);font-size:10px}.exception-row:last-child{border-bottom:0}.exception-row b{color:var(--muted);font-size:9px}
.leave-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px}.leave-balance-grid>article{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2)}.leave-balance-grid>article.leave-low{border-color:rgba(255,117,130,.25)}.leave-balance-grid header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.leave-balance-grid header>div:nth-child(2){display:grid;gap:3px}.leave-balance-grid header span{color:var(--muted);font-size:9px}.leave-balance-grid header>b{color:var(--green);font-size:11px}.leave-low header>b{color:var(--red)}.leave-progress{display:grid;gap:7px;margin:15px 0}.leave-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.leave-progress>i,.completion-bar>i{height:7px;border-radius:99px;background:rgba(151,184,216,.1);overflow:hidden}.leave-progress>i>b,.completion-bar>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24b4d3,#6763e7)}.leave-low .leave-progress>i>b{background:var(--red)}.leave-balance-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0}.leave-balance-grid dl div{display:grid;gap:3px;padding:8px;border-radius:9px;background:rgba(255,255,255,.025)}.leave-balance-grid dt{color:var(--muted);font-size:8px;text-transform:uppercase}.leave-balance-grid dd{margin:0;font-size:10px;font-weight:850}
.task-performance-grid,.daily-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px}.task-performance-grid>article,.daily-report-grid>article{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2)}.task-performance-grid header,.daily-report-grid header{display:flex;align-items:start;justify-content:space-between;gap:10px}.task-performance-grid header>div,.daily-report-grid header>div{display:grid;gap:3px}.task-performance-grid header span,.daily-report-grid header span{color:var(--muted);font-size:9px}.task-performance-grid header>b{color:var(--green);font-size:10px}.task-performance-grid .risk{color:var(--red)}.completion-bar{display:grid;margin:12px 0}.task-metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.task-metric-row span{display:grid;gap:3px;padding:8px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px}.task-metric-row span b{color:var(--ink);font-size:13px}.task-performance-grid footer{display:grid;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(151,184,216,.08)}.task-performance-grid footer span{color:var(--muted);font-size:8px;text-transform:uppercase}.task-performance-grid footer strong{font-size:10px;font-weight:700}.daily-report-grid>article.status-not-submitted{border-color:rgba(255,117,130,.23)}.daily-report-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.daily-report-numbers span{display:grid;gap:2px;padding:8px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px}.daily-report-numbers b{color:var(--ink);font-size:13px}.daily-report-grid dl{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:7px;margin:0}
.finance-equation{display:flex;align-items:stretch;gap:8px;padding:0 18px;overflow:auto}.finance-equation>article{display:grid;gap:6px;min-width:185px;min-height:115px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.finance-equation>article span{color:var(--muted);font-size:10px}.finance-equation>article strong{font-size:20px}.finance-equation>article small{align-self:end;color:var(--muted);font-size:9px}.finance-equation>i{align-self:center;color:var(--muted);font-style:normal;font-size:20px}.finance-equation .net{border-color:rgba(73,214,163,.24);background:linear-gradient(145deg,rgba(73,214,163,.12),rgba(85,199,255,.05)),var(--panel-2)}.finance-equation .net strong{color:var(--green)}.finance-equation .net.negative strong{color:var(--red)}.profit-bars{display:flex;align-items:end;gap:8px;height:150px;padding-top:8px}.profit-bars>div{display:grid;grid-template-rows:auto 1fr auto;gap:4px;flex:1;min-width:38px;height:100%;text-align:center}.profit-bars span,.profit-bars strong{font-size:8px}.profit-bars strong{color:var(--muted)}.profit-bars i{display:flex;align-items:end;justify-content:center;border-bottom:1px solid rgba(151,184,216,.18)}.profit-bars i b{display:block;width:60%;min-height:5px;border-radius:5px 5px 0 0;background:var(--accent)}.profit-bars i b.negative{background:var(--red)}
.management-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px}.management-alerts>button{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);color:var(--ink);text-align:left}.management-alerts>button>i{width:8px;height:8px;border-radius:50%;background:var(--blue)}.management-alerts>button>span{display:grid;gap:3px}.management-alerts>button small{color:var(--muted);font-size:9px}.management-alerts>button>b{font-size:9px}.management-alerts .alert-urgent>i{background:var(--red)}.management-alerts .alert-urgent>b{color:var(--red)}.management-alerts .alert-needs-attention>i{background:var(--amber)}.management-alerts .alert-needs-attention>b{color:var(--amber)}.management-alerts .alert-pending>i{background:#b9a5ff}.management-alerts .alert-pending>b{color:#b9a5ff}.all-clear{display:flex;align-items:center;gap:12px;grid-column:1/-1;padding:18px;border:1px solid rgba(73,214,163,.18);border-radius:14px;background:rgba(73,214,163,.05)}.all-clear>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(73,214,163,.12);color:var(--green);font-style:normal}.all-clear>div{display:grid;gap:3px}.all-clear span{color:var(--muted);font-size:10px}
.activity-list{display:grid;padding:0 18px}.activity-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(151,184,216,.08)}.activity-list>div:last-child{border-bottom:0}.activity-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-size:9px;font-weight:950}.activity-list span{display:grid;gap:3px}.activity-list span small,.activity-list time{color:var(--muted);font-size:9px}.management-empty{display:grid;gap:4px;padding:18px;color:var(--muted);text-align:center}.management-empty strong{color:var(--ink);font-size:11px}.management-empty span{font-size:9px}.finance-protected:not([open]){padding-bottom:0}
@media(max-width:1250px){.management-filters{grid-template-columns:repeat(4,minmax(120px,1fr))}.management-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.team-status-counts{grid-template-columns:repeat(3,1fr)}.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.management-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.team-status-grid,.task-performance-grid,.daily-report-grid,.attendance-insights,.finance-analysis-grid{grid-template-columns:1fr}.management-alerts{grid-template-columns:1fr}.task-metric-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.management-dashboard{gap:12px}.management-filter-bar{padding:15px;border-radius:16px}.management-greeting h2{font-size:22px}.mobile-filter-toggle{display:flex}.management-filters{display:none;grid-template-columns:1fr 1fr;padding-top:4px}.management-filters.open{display:grid}.management-filters label:nth-of-type(n+4){grid-column:1/-1}.management-filters .filter-reset{grid-column:1/-1}.management-summary-strip{display:flex;gap:9px;margin-right:-14px;padding-right:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.management-summary-strip::-webkit-scrollbar,.team-status-counts::-webkit-scrollbar{display:none}.management-kpi{flex:0 0 190px;min-height:140px;scroll-snap-align:start}.management-section{border-radius:16px}.management-section>summary{align-items:flex-start;padding:15px}.management-section>summary h2{font-size:18px}.management-section>summary p{font-size:10px;line-height:1.4}.management-section>summary>span{display:none}.team-status-counts{display:flex;padding:0 14px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.team-status-counts>div{flex:0 0 125px;scroll-snap-align:start}.team-status-grid,.task-performance-grid,.daily-report-grid{padding:0 14px}.team-status-grid>article{grid-template-columns:42px 1fr}.team-status-grid .management-status{grid-column:1/-1;justify-self:start}.team-status-grid dl{grid-template-columns:1fr}.management-table-wrap{margin:0 14px;border:0;overflow:visible}.management-table{min-width:0}.management-table thead{display:none}.management-table tbody{display:grid;gap:10px}.management-table tr{display:grid;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.management-table td{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(151,184,216,.07);background:transparent!important;text-align:right}.management-table td:first-child{align-items:flex-start;text-align:left;border-top:0;padding-top:0;padding-bottom:10px}.management-table td:not(:first-child):before{content:attr(data-label);color:var(--muted);font-size:9px;text-align:left}.attendance-insights,.finance-analysis-grid{padding:12px 14px 0}.leave-balance-grid{grid-template-columns:1fr;padding:0 14px}.task-metric-row{grid-template-columns:repeat(3,1fr)}.daily-report-grid dl{grid-template-columns:1fr}.finance-equation{padding:0 14px;scroll-snap-type:x mandatory}.finance-equation>article{scroll-snap-align:start}.management-alerts,.activity-list{padding:0 14px}.activity-list>div{grid-template-columns:34px 1fr}.activity-list time{grid-column:2}.section-detail-link{margin-right:14px}}
@media(max-width:390px){.management-filters{grid-template-columns:1fr}.management-filters label{grid-column:1!important}.management-summary-strip{margin-right:-12px}.management-kpi{flex-basis:175px}.team-status-counts>div{flex-basis:115px}.task-metric-row{grid-template-columns:1fr 1fr}.finance-equation>article{min-width:165px}}
:root[data-theme=light] .management-filter-bar,:root[data-theme=light] .management-section,:root[data-theme=light] .management-kpi{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(238,247,255,.9))}:root[data-theme=light] .management-table th{background:rgba(240,247,253,.98)}