:root{--ink:#17221e;--muted:#718078;--line:#e7ece8;--green:#145c42;--green-dark:#0d3d2d;--pale:#edf6f0;--orange:#ec9a4b;--bg:#f7f9f7;--white:#fff;--shadow:0 8px 26px rgba(28,58,44,.07);--danger:#bd5548}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#fff;border-right:1px solid var(--line);padding:29px 17px 20px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;padding:0 14px 52px}.brand-mark{width:30px;height:30px;background:var(--green);color:#fff;border-radius:9px;display:grid;place-items:center;font-size:16px}.brand-dot{color:var(--orange)}nav{display:grid;gap:7px}.nav-item{color:#7a8780;text-decoration:none;padding:12px 15px;border-radius:9px;font-weight:600;display:flex;gap:13px;align-items:center}.nav-item span{font-size:20px;line-height:1;color:#9da8a2}.nav-item.active{background:var(--pale);color:var(--green)}.nav-item.active span{color:var(--green)}.sidebar-bottom{margin-top:auto}.help-card{background:#f4f8f5;border-radius:12px;padding:18px 17px;margin:0 5px 22px}.help-card strong{font-size:13px}.help-card p{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 13px}.text-button{border:0;background:none;color:var(--green);font:600 12px inherit;padding:0;cursor:pointer}.text-button span{font-size:17px;margin-left:6px}.user-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 5px 0}.avatar,.top-avatar{background:#f2c9aa;color:#895b3d;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:700}.user-profile strong{display:block;font-size:12px}.user-profile small{color:var(--muted);font-size:11px}.more{margin-left:auto;color:#9aa59e}.main-content{flex:1;min-width:0}.topbar{height:75px;padding:0 5.4%;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:#a0aaa4}.breadcrumb span{padding:0 10px;color:#c2cbc5}.breadcrumb strong{color:#26382f}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.icon-button{position:relative;border:0;background:none;font-size:22px;color:#6d7c73;cursor:pointer}.icon-button i{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;right:1px;top:3px}.page-head{display:flex;justify-content:space-between;align-items:end;padding:39px 5.4% 29px}.eyebrow{color:var(--green);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.page-head h1{font-size:30px;margin:0;letter-spacing:-.8px}.subheading{margin:9px 0 0;color:var(--muted)}.head-controls{display:flex;align-items:end;gap:14px}.period{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.period select,.filters select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 27px 10px 11px;color:var(--ink);font:500 12px inherit}.primary-button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:11px 16px;font:700 12px inherit;box-shadow:0 4px 9px #145c4230;cursor:pointer}.primary-button:hover{background:var(--green-dark)}.primary-button span{font-size:18px;vertical-align:-1px;margin-right:5px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 5.4% 26px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 19px;box-shadow:var(--shadow);min-height:111px}.summary-card .label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}.summary-card .value{font-size:21px;font-weight:700;margin-top:16px}.summary-card .mini-icon{width:27px;height:27px;border-radius:7px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-size:16px;flex:none}.summary-card.orange .mini-icon{background:#fff2e5;color:#d87826}.content-card{background:#fff;border:1px solid var(--line);border-radius:11px;margin:0 5.4%;box-shadow:var(--shadow);overflow:hidden}.section-heading{padding:22px 25px 18px;display:flex;align-items:center}.section-heading h2{font-size:17px;margin:0}.section-heading p{color:var(--muted);font-size:12px;margin:6px 0 0}.record-count{margin-left:auto;color:var(--green);font-size:12px;font-weight:700}.filters{display:flex;gap:10px;padding:0 25px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;width:260px;padding:0 11px;color:#8d9b93}.search-box span{font-size:23px;line-height:0;transform:rotate(-20deg)}.search-box input{border:0;outline:0;padding:10px 8px;width:100%;font:12px inherit}.table-scroll{overflow-x:auto}.employee-table{width:100%;border-collapse:collapse;min-width:1150px}.employee-table th{text-align:left;background:#fbfcfb;color:#8a958e;text-transform:uppercase;letter-spacing:.5px;font-size:10px;padding:12px 13px;font-weight:700}.employee-table td{padding:15px 13px;border-top:1px solid var(--line);font-size:12px;white-space:nowrap}.employee-table th:first-child,.employee-table td:first-child{padding-left:25px}.employee-table th:last-child,.employee-table td:last-child{padding-right:25px}.employee-name{display:flex;align-items:center;gap:9px;font-weight:700}.employee-name small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.employee-name .avatar{width:29px;height:29px;font-size:9px}.tag{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.tag.good{color:#22714e;background:#eaf6ef}.tag.mid{color:#a66d19;background:#fff6e5}.tag.low{color:#b44d42;background:#fff0ed}.status{display:flex;align-items:center;gap:6px;font-size:11px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.status.paid:before{background:#35a36d}.actions{display:flex;gap:3px}.action-btn{border:0;background:transparent;color:#7d8982;border-radius:5px;padding:5px;cursor:pointer;font-size:14px}.action-btn:hover{background:var(--pale);color:var(--green)}.empty-state{padding:55px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:15px;margin-bottom:7px}footer{text-align:center;color:#9ba59f;font-size:11px;padding:26px}footer span{padding:0 7px}.mobile-menu{display:none;border:0;background:none;font-size:21px;cursor:pointer}.modal-backdrop{display:none;position:fixed;inset:0;background:#14261e88;z-index:10;padding:20px;overflow:auto}.modal-backdrop.open{display:grid;place-items:center}.modal{width:min(900px,100%);background:#fff;border-radius:13px;box-shadow:0 20px 70px #102b1d40;overflow:hidden}.modal.compact{width:min(540px,100%)}.modal-head{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:18px}.modal-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.close{border:0;background:none;font-size:23px;color:var(--muted);cursor:pointer}.modal-body{padding:24px 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.bulk-input{border:1px solid var(--line);border-radius:7px;padding:11px;font:13px inherit;outline-color:var(--green)}.field input:focus,.field select:focus,.bulk-input:focus{border-color:var(--green)}.error{font-size:11px;color:var(--danger);min-height:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:10px 16px;font:600 12px inherit;cursor:pointer}.secondary-button:hover{background:#f5f8f5}.daily-toolbar{display:flex;align-items:center;gap:9px;background:#f7faf7;padding:13px;border-radius:8px;margin-bottom:15px}.daily-toolbar label{font-size:12px;font-weight:700;margin-right:auto}.bulk-input{width:90px;padding:8px}.daily-scroll{max-height:450px;overflow:auto;border:1px solid var(--line);border-radius:8px}.daily-table{width:100%;border-collapse:collapse;min-width:700px}.daily-table th{position:sticky;top:0;background:#f7faf7;color:var(--muted);font-size:10px;text-align:left;padding:10px}.daily-table td{border-top:1px solid var(--line);padding:8px 10px;font-size:12px}.daily-table input[type=number]{width:85px;border:1px solid var(--line);border-radius:5px;padding:7px}.daily-table input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}.daily-table .calculated{color:var(--green);font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;background:#f8faf8;padding:17px;border-radius:9px}.detail-item span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.detail-item strong{font-size:13px}.detail-table{margin-top:18px}.detail-table h3{font-size:13px}.detail-table-wrap{overflow:auto;max-height:290px;border:1px solid var(--line);border-radius:8px}.detail-daily-table{border-collapse:collapse;width:100%;min-width:630px}.detail-daily-table th,.detail-daily-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.detail-daily-table th{color:var(--muted);background:#f7faf7;position:sticky;top:0}.formula{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.formula p{font-size:12px;color:var(--muted);margin:8px 0}.formula b{color:var(--ink)}.toast{position:fixed;right:25px;bottom:25px;background:var(--green-dark);color:#fff;padding:12px 17px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:none}.toast[data-type=error]{background:var(--danger)}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:20;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block;margin-right:15px}.page-head{display:block}.head-controls{margin-top:22px;justify-content:space-between}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{padding:0 5%}.page-head{padding:27px 5% 22px}.page-head h1{font-size:23px}.head-controls{display:block}.period{margin-bottom:12px}.period select{flex:1}.primary-button{width:100%;padding:13px}.summary-grid{grid-template-columns:1fr 1fr;padding:0 5% 20px;gap:9px}.summary-card{padding:14px 13px;min-height:103px}.summary-card .value{font-size:16px;margin-top:14px}.summary-card .label{font-size:10px;line-height:1.3}.content-card{margin:0 5%}.section-heading{padding:18px 16px}.filters{padding:0 16px 15px}.search-box{width:100%}.filters select,.reset-button{flex:1;min-width:0}.reset-button{width:100%}.modal-backdrop{padding:10px}.modal-body{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.top-actions{gap:11px}.breadcrumb{display:none}.daily-toolbar{display:block}.daily-toolbar label{display:block;margin-bottom:9px}.bulk-input{width:100%;margin-bottom:8px}}.daily-totals{background:var(--pale);border-radius:7px;padding:11px 13px;margin-top:12px;color:var(--green);font-size:12px}
@media(print){body{background:#fff}.sidebar,.topbar,.page-head,.summary-grid,.content-card,footer,.toast,.modal-backdrop{display:none!important}.print-slip{display:block!important;max-width:700px;margin:0 auto;padding:30px;font-family:Arial,sans-serif}.print-slip h1{text-align:center;font-size:22px}.print-slip .center{text-align:center;color:#718078}.print-slip .row{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:10px 0;font-size:13px}.print-slip .row span{color:#718078}.print-slip .total{font-size:17px;font-weight:bold;color:#145c42}.print-slip .sign{display:flex;justify-content:space-between;margin-top:75px;color:#718078}}
.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:25px}.employee-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 7px 22px rgba(28,58,44,.06);cursor:pointer;outline:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.employee-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(28,58,44,.12);border-color:#bed8c8}.employee-card:focus-visible{box-shadow:0 0 0 3px #99cbb0,0 13px 30px rgba(28,58,44,.12)}.employee-card.pressed{transform:scale(.985);box-shadow:0 3px 11px rgba(28,58,44,.08)}.card-top{display:flex;justify-content:space-between;align-items:start}.employee-name{display:flex;align-items:center;gap:10px;font-weight:700}.employee-name strong{display:block;font-size:14px}.employee-name small{display:block;color:var(--muted);font-weight:400;margin-top:4px;font-size:11px}.avatar{background:#f2c9aa;color:#895b3d;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:11px;font-weight:700}.card-arrow{color:#91a098;font-size:20px;transition:transform .2s,color .2s}.employee-card:hover .card-arrow{transform:translate(2px,-2px);color:var(--green)}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 17px}.card-metrics div,.card-income div{display:grid;gap:5px}.card-metrics span,.card-income span{color:var(--muted);font-size:10px}.card-metrics b{font-size:13px}.progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.progress-label b{color:var(--green);font-size:10px}.progress-track{height:6px;border-radius:10px;background:#edf1ee;overflow:hidden;margin:8px 0 7px}.progress-track i{display:block;height:100%;border-radius:inherit;background:#4f976d;transition:width .3s ease}.next-target{color:var(--muted);font-size:10px}.card-income{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:grid;gap:10px}.card-income div{display:flex;align-items:center;justify-content:space-between}.card-income strong{color:var(--green);font-size:15px}.card-footer{border-top:1px solid var(--line);padding-top:13px;margin-top:14px;display:flex;align-items:center;justify-content:space-between}.click-hint{color:var(--green);font-size:10px;font-weight:700}.empty-state{grid-column:1/-1;padding:55px 20px;text-align:center;color:var(--muted)}.employee-card .status{display:flex;align-items:center;gap:6px;font-size:11px}.employee-card .status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.employee-card .status.paid:before{background:#35a36d}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.danger-button{border:1px solid #f0d2cd;background:#fff7f5;color:var(--danger);border-radius:7px;padding:10px 16px;font:600 12px inherit;cursor:pointer}.income-highlight{color:var(--green)!important}.target-progress{margin:18px 0}.print-slip{display:none}.modal{animation:modal-in .22s ease both}.employee-card{animation:card-in .28s ease both}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:600px){.employee-grid{grid-template-columns:1fr;padding:16px}.detail-actions .secondary-button,.detail-actions .danger-button{flex:1}.employee-card{padding:17px}}
.profile-photo,.photo-fallback{width:38px;height:38px;border-radius:12px;object-fit:cover;display:grid;place-items:center;flex:0 0 auto}.photo-fallback{background:#f2c9aa;color:#895b3d;font-size:11px;font-weight:700}.profile-photo.large,.photo-fallback.large{width:68px;height:68px;border-radius:18px}.profile-editor{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:#fbfdfb;border-radius:12px;padding:14px;margin-bottom:18px}.profile-editor small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.file-button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s,background .2s}.file-button:hover{background:var(--green-dark);transform:translateY(-1px)}.file-button input{display:none}.profile-editor .text-button{display:block;margin-top:8px;font-size:11px}.hidden{display:none!important}.modal-head>div:first-child{display:flex;align-items:center;gap:13px}.confirm-dialog{padding:28px}.confirm-dialog h2{margin:0 0 10px;font-family:Georgia,serif}.confirm-dialog p{color:var(--muted);line-height:1.6}.confirm-dialog .modal-actions{justify-content:flex-end}.danger-button{min-height:40px}.modal-body{overflow:auto}.employee-card .profile-photo,.employee-card .photo-fallback{border-radius:50%}.employee-card .profile-photo{transition:transform .2s}.employee-card:hover .profile-photo{transform:scale(1.03)}button,input,select{font-family:inherit}.toast{z-index:100}.modal-backdrop{z-index:90}.modal{z-index:91}@media(max-width:600px){.profile-editor{align-items:flex-start}.modal-head>div:first-child{min-width:0}.modal-head h2{font-size:18px}.confirm-dialog{padding:21px}.confirm-dialog .modal-actions{display:grid;grid-template-columns:1fr}.daily-toolbar .secondary-button{width:100%;margin-bottom:7px}.daily-table{min-width:570px}}

/* Application views and reporting workspace */
:root{--canvas:#f2efe8;--surface:#fffdf8;--surface-soft:#f7f4ed;--nav:#102f2a;--nav-deep:#0a211e;--brand:#176b5b;--brand-light:#dcebe5;--accent:#c68735;--accent-soft:#f3e4ca;--border:rgba(23,33,30,.12);--shadow-sm:0 8px 24px rgba(20,39,33,.07);--shadow-lg:0 24px 60px rgba(20,39,33,.12)}
body{background:var(--canvas);font-family:"Trebuchet MS",Verdana,sans-serif}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.sidebar{background:var(--nav);border-right:0;color:#f5f4ed}.brand{color:#fff}.nav-item{color:#aabbb4;transition:transform .2s,background .2s,color .2s}.nav-item span{color:#8fa69e}.nav-item:hover,.nav-item.active{background:rgba(220,235,229,.14);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.sidebar .help-card{background:rgba(255,255,255,.08)}.sidebar .help-card p,.sidebar .user-profile small{color:#b6c5bf}.sidebar .user-profile{border-color:rgba(255,255,255,.12)}.main-content{background:linear-gradient(145deg,#f2efe8 0%,#f8f6f1 55%,#eef3ed 100%)}.topbar{border-color:var(--border)}.app-view{padding-bottom:20px;animation:viewIn .28s ease both}.app-view[hidden]{display:none}.page-head{padding-top:42px}.page-head h1{font-size:clamp(29px,4vw,45px);letter-spacing:-.04em}.eyebrow{color:var(--brand);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.content-card,.insight-panel{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid rgba(23,33,30,.06)}.quick-links{display:flex;gap:10px;padding:0 5.4% 23px}.dashboard-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding:0 5.4% 22px}.insight-panel{border-radius:16px;padding:0 20px 18px}.insight-list{display:grid;gap:10px}.insight-row,.payment-stat{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.insight-row span,.payment-stat span{color:var(--muted)}.insight-row strong,.payment-stat strong{color:var(--ink);text-align:right}.activity-card{margin:0 5.4%}.activity-list{padding:0 22px 10px}.activity-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-row>div{flex:1}.activity-row strong,.activity-row small{display:block}.activity-row small{color:var(--muted);font-size:11px;margin-top:3px}.activity-row .text-button{font-size:11px}.target-panel{min-width:0}.distribution-chart{display:grid;gap:14px;padding:8px 0}.distribution-row{display:grid;gap:7px}.distribution-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.distribution-label b{color:var(--ink)}.bar-track{height:8px;background:#e9eee9;border-radius:99px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#4d9879);border-radius:inherit;transition:width .4s ease}.report-actions{display:flex;gap:9px;align-items:center}.report-filters{margin:0 5.4% 20px}.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));padding:0 22px 22px}.report-filter-grid input{min-width:0}.report-summary{padding-top:0;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.report-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;margin:0 5.4%}.report-table-card{min-width:0}.report-table-wrap{overflow:auto;padding:0 22px 22px}.report-table{width:100%;min-width:1120px;border-collapse:collapse;font-size:11px}.report-table th{position:sticky;top:0;background:var(--nav);color:#fff;text-align:left;padding:12px 10px;white-space:nowrap}.report-table td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.report-table tbody tr:nth-child(even){background:#fbfaf6}.report-table tbody tr:hover{background:var(--accent-soft)}.table-person{display:flex;align-items:center;gap:8px}.table-person strong,.table-person small{display:block}.table-person small{color:var(--muted);margin-top:3px}.report-side{display:grid;gap:20px;align-content:start}.report-side .content-card{padding-bottom:18px}.ranking-select{margin:0 20px 10px;width:calc(100% - 40px)}#performanceRanking{padding:0 20px}.ranking-row{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-number{font:700 21px Georgia,serif;color:var(--accent);width:20px}.ranking-main{flex:1;min-width:0}.ranking-main>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px}.ranking-main>div:first-child span{color:var(--brand);font-weight:700}.ranking-main small{color:var(--muted);font-size:10px}.ranking-main .bar-track{height:5px;margin:7px 0}.ranking-main .bar-track i{background:var(--accent)}#reportDistribution,#paymentSummary{padding:0 20px}.payment-stat{display:block}.payment-stat strong{display:block;text-align:left;margin-top:5px}.report-side .progress-label{margin-top:14px}.modal-backdrop{background:rgba(10,33,30,.45)}
@keyframes viewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
button,.nav-item,.employee-card{transition-timing-function:cubic-bezier(.2,.8,.2,1)}button:active{transform:scale(.97)}
@media(max-width:900px){.dashboard-panels,.report-layout{grid-template-columns:1fr}.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-actions{margin-top:18px}.report-actions button{flex:1}.sidebar{background:var(--nav)}}
@media(max-width:600px){body{padding-bottom:63px}.sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:62px;z-index:80;padding:5px 8px;border-top:1px solid rgba(255,255,255,.12)}.sidebar .brand,.sidebar-bottom,.mobile-menu{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:100%}.nav-item{justify-content:center;flex-direction:column;gap:2px;padding:5px;font-size:10px;border-radius:8px}.nav-item span{font-size:17px}.nav-item.active{box-shadow:inset 0 2px var(--accent)}.topbar{padding:0 5%;height:64px}.page-head{padding-top:29px}.quick-links{padding-left:5%;padding-right:5%;flex-wrap:wrap}.quick-links button{flex:1}.dashboard-panels{padding-left:5%;padding-right:5%;gap:14px}.activity-card{margin-left:5%;margin-right:5%}.activity-row .status{display:none}.report-filters{margin-left:5%;margin-right:5%}.report-filter-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.report-layout{margin-left:5%;margin-right:5%;gap:14px}.report-summary{padding-left:5%;padding-right:5%}.report-actions{width:100%}.report-actions button{min-height:44px}.section-heading{gap:10px}.record-count{font-size:11px}.report-table-wrap{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body.print-report{background:#fff}.print-report .sidebar,.print-report .topbar,.print-report .page-head,.print-report .report-filters,.print-report .report-actions,.print-report .report-side,.print-report footer,.print-report .toast,.print-report .modal-backdrop,.print-report .quick-links{display:none!important}.print-report .main-content{background:#fff}.print-report [data-view]:not([data-view="reports"]){display:none!important}.print-report #reportsView{display:block!important;padding:0}.print-report .report-layout{display:block;margin:0}.print-report .report-table-card{box-shadow:none;border:0}.print-report .report-table-wrap{overflow:visible}.print-report .report-table{min-width:0;font-size:8px}.print-report .report-table th,.print-report .report-table td{padding:5px}.print-report .report-summary{display:grid;padding:0;margin:12px 0}.print-report .report-summary .summary-card:nth-child(n+10){display:none}}