@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--canvas:#FFF8F8;--surface:#FFFFFF;--ink:#382E38;--muted:#786E77;--border:#EEE5E8;--rose:#F3B8C8;--rose-soft:#FCE8EF;--peach:#FFE8D8;--peach-strong:#E7A576;--mint:#DDF3E8;--mint-strong:#6DB496;--green:#356A57;--plum:#594657;--warning:#8A571F;--red:#984651;--shadow:0 7px 26px #49363F04;font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3C7B65;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:8px;left:16px;background:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#FFFDFD;border-right:1px solid var(--border);padding:29px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:10px;align-items:center;padding:0 9px;font-family:Manrope,system-ui,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:450}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.5px;font-weight:600;color:var(--muted);margin-top:3px}.workspace-label{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:12px 10px;margin:32px 2px 30px;font-size:13px;font-weight:600}.workspace-label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.workspace-mark{background:var(--rose-soft);border-radius:8px;padding:8px 11px;color:var(--plum)}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#91858F;margin:0 12px 13px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px;border-radius:10px;font-size:14px;font-weight:500;position:relative}.nav-item:hover{background:#FAF2F5;color:var(--ink)}.nav-item.active{background:var(--rose-soft);color:var(--ink);font-weight:650}.nav-item.active:before{content:'';width:3px;height:18px;background:#C57C95;border-radius:3px;position:absolute;left:0}.nav-count{margin-left:auto;font-size:11px;padding:2px 7px;border-radius:6px;background:#F5DDD9;color:#894B35}.sidebar-bottom{margin-top:auto;padding-top:24px}.connection-mini{background:#F5F8F5;border:1px solid #E7EEE8;border-radius:12px;padding:14px 12px;display:flex;gap:10px;font-size:12px;font-weight:600}.connection-mini small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.connection-symbol{width:7px;height:7px;border-radius:50%;background:#AAA296;margin-top:4px}.connection-symbol.live{background:var(--mint-strong)}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;padding:20px 5px 0;width:100%;font-size:12px;font-weight:600;color:var(--ink)}.profile-button small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.profile-arrow{margin-left:auto;color:var(--muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;font-size:12px;font-weight:650;flex-shrink:0}.avatar-mint{background:var(--mint);color:#416C5A}.avatar-rose{background:var(--rose-soft);color:#83586A}.avatar-peach{background:var(--peach);color:#946547}.avatar-lilac{background:#EEE9F5;color:#6A5883}.small-avatar{width:31px;height:31px;font-size:11px}.app-frame{margin-left:235px}.topbar{height:75px;border-bottom:1px solid var(--border);background:#FFFDFD;display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:15px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--ink)}.breadcrumb-separator{color:#C6BAC3}.topbar-right{display:flex;gap:22px;align-items:center}.mode-chip{font-size:10px;font-weight:600;color:#75606C;padding:5px 9px;background:#F5EDF1;border:1px solid #EEE3E9;border-radius:6px}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;padding:4px 0;background:none;color:var(--plum);font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-slot{display:inline-flex;align-items:center;justify-content:center}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button{border:0;background:none;padding:7px;color:var(--muted);border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--rose-soft);color:var(--ink)}.mobile-menu{display:none}main{padding:33px 38px 16px;max-width:1700px;margin:0 auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:600;color:#8F717D;margin-bottom:10px}h1{font-family:Manrope,system-ui,sans-serif;font-size:29px;font-weight:750;line-height:1.3;letter-spacing:-1.15px;margin:0 0 9px}h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.3px;margin:0}h2{font-size:16px;font-weight:750}h3{font-size:15px}.page-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.button{border-radius:9px;border:1px solid var(--border);padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;min-height:38px;font-weight:600;color:var(--ink);white-space:nowrap}.button-white{background:var(--surface);box-shadow:0 2px 2px #39293603}.button:hover{filter:brightness(.985)}.button-mint{background:var(--mint);border-color:#CAE8D9;color:#294F43}.button-rose{background:var(--rose-soft);border-color:#EBD0DB;color:var(--plum)}.button-peach{background:var(--peach);border-color:#F0D6C3;color:#7A5136}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.filter-fields{display:flex;gap:10px;flex-wrap:wrap}.field-with-icon{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:white;border-radius:9px;padding:0 12px;color:var(--muted);height:39px}.field-with-icon input,.field-with-icon select{color:var(--ink);border:0;background:transparent;font-size:12px;padding:6px 0;max-width:190px;min-width:120px}.sync-control{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.sync-control .icon{width:14px;height:14px}.demo-notice{font-size:11px;display:flex;align-items:center;gap:9px;background:#F5F5ED;border:1px solid #EAEBDD;color:#75694F;padding:10px 13px;border-radius:9px;margin-bottom:22px}.demo-notice .icon{width:15px;height:15px}.demo-notice .text-button{margin-left:auto;white-space:nowrap;font-size:11px;color:#746148}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat-card{position:relative;text-align:left;border:1px solid var(--border);border-radius:13px;background:white;padding:17px 15px 15px;color:var(--ink);box-shadow:var(--shadow);min-width:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #49363F09}.stat-card.mint{background:#E9F7EF;border-color:#D8ECDF}.stat-card.rose{background:#FCECF1;border-color:#F1DDE4}.stat-card.peach{background:#FFF0E6;border-color:#F3E1D3}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-weight:500;min-height:20px}.stat-top .icon{width:15px;height:15px;color:#80717D;flex-shrink:0}.stat-number{font-family:Manrope,sans-serif;font-size:30px;font-weight:750;line-height:1.2;letter-spacing:-1px;margin:14px 0 9px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-number small{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400}.stat-bottom{font-size:10px;line-height:1.6;color:var(--muted)}.stat-bottom.positive{color:#537D64}.stat-arrow{position:absolute;right:13px;bottom:12px;opacity:0;transition:opacity .15s}.stat-card:hover .stat-arrow{opacity:1}.main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 10px;gap:12px}.panel-subtitle{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0 0}.panel-heading .text-button{font-size:11px}.subtle-chip{font-size:10px;background:#F8F5F6;border:1px solid #EEE6E9;padding:5px 8px;color:var(--muted);border-radius:6px}.chart-legend{display:flex;align-items:center;gap:17px;padding:11px 22px 0;font-size:10px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-line{width:14px;height:2px;background:#A9B6AE}.legend-line.mint{background:var(--mint-strong);height:3px}.chart-wrap{padding:9px 17px 8px;min-height:220px}.line-chart{display:block;width:100%;height:216px;overflow:visible}.chart-grid{stroke:#F0ECEF;stroke-width:1}.chart-axis{fill:#897B85;font-size:10px;font-family:'DM Sans',sans-serif}.line-chart .scheduled{stroke:#C4C9C6;stroke-width:1.8;stroke-dasharray:4 5;fill:none}.line-chart .actual{stroke:#6AA88B;stroke-width:2.7;fill:none}.chart-caption{font-size:10px;color:var(--muted);padding:2px 22px 17px;display:flex;justify-content:space-between;gap:10px}.attention-count{font-size:10px;background:#FFF0E6;color:#96694C;border:1px solid #F2DECF;padding:4px 8px;border-radius:6px}.attention-list{padding:0 20px}.attention-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #F2EDF0;padding:14px 0;text-align:left;color:var(--ink);width:100%;background:none;border-top:0;border-left:0;border-right:0}.attention-item:last-child{border-bottom:0}.attention-item .avatar{width:32px;height:32px;font-size:10px}.attention-copy{flex:1;min-width:0;font-size:12px;font-weight:600}.attention-copy small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:var(--muted)}.status-tag{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500;white-space:nowrap;line-height:1.2}.status-present,.status-tracking{background:#EAF7EF;color:#416F57}.status-late,.status-overtime,.status-partial{background:#FFF0E1;color:#895F31}.status-absent,.status-missing{background:#FCE9ED;color:#935365}.status-leave,.status-finished{background:#F1EDF5;color:#786885}.status-unknown{background:#F1F0F1;color:#786E77}.panel-action{width:calc(100% - 40px);margin:4px 20px 18px;background:#FBF8F9;border:1px solid #EEE7EB;border-radius:8px;padding:10px;font-size:11px;color:var(--plum);font-weight:500}.table-panel{margin-bottom:22px}.table-controls{display:flex;gap:9px;align-items:center}.search-field{display:flex;gap:7px;align-items:center;background:#FDFBFC;border:1px solid var(--border);border-radius:7px;padding:7px 9px;color:var(--muted)}.search-field input{border:0;background:transparent;outline-offset:4px;width:128px;color:var(--ink);font-size:11px}.search-field .icon{width:14px;height:14px}.filter-chips{display:flex;gap:6px;padding:6px 21px 17px;flex-wrap:wrap}.filter-chip{border:1px solid transparent;color:var(--muted);background:transparent;padding:6px 10px;border-radius:7px;font-size:11px}.filter-chip.active{background:#F7F0F4;border-color:#EEDFE7;color:var(--plum);font-weight:600}.filter-chip span{font-size:10px;margin-left:5px;color:#9B8693}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;letter-spacing:.1px;color:#8D8089;background:#FEFBFC;padding:12px 20px;border-block:1px solid #F1EBEE;white-space:nowrap}td{padding:13px 20px;border-bottom:1px solid #F3EEF1;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#FFFBFD}.person-cell{display:flex;align-items:center;gap:10px}.person-name{font-weight:600;font-size:12px;color:var(--ink);background:none;border:0;padding:0;text-align:left}.person-name:hover{text-decoration:underline;text-underline-offset:3px}.person-meta{font-size:10px;color:var(--muted);margin-top:3px}.number{font-variant-numeric:tabular-nums}.quiet{color:var(--muted)}.mini-progress{display:flex;align-items:center;gap:8px}.mini-progress-track{width:47px;height:4px;border-radius:5px;background:#F0ECEF;overflow:hidden}.mini-progress-fill{height:100%;background:#AEDAC2;border-radius:5px}.table-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 21px;border-top:1px solid #F1EBEE;font-size:10px;color:var(--muted)}.pagination{display:flex;align-items:center;gap:7px}.pagination button{border:1px solid var(--border);border-radius:6px;background:white;width:26px;height:26px;font-size:10px;color:var(--muted)}.pagination button.active{background:var(--rose-soft);color:var(--ink)}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#A2939D;font-size:10px;padding:4px 0 12px}.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.team-card{padding:20px;background:white;border:1px solid var(--border);border-radius:14px;text-align:left;color:var(--ink);box-shadow:var(--shadow)}.team-card:hover{border-color:#C1D8C9}.team-card-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:19px}.team-emblem{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.team-card h3{font-size:15px;margin-bottom:5px}.team-card p{font-size:11px;color:var(--muted);margin:0}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px 0;border-block:1px solid var(--border);margin:18px 0 13px}.team-stats strong{display:block;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px}.team-stats span{font-size:10px;color:var(--muted)}.team-link{display:flex;justify-content:space-between;font-size:11px;color:var(--green);font-weight:600}.page-section-label{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 14px}.empty-state{padding:45px 25px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.empty-state h3{color:var(--ink);margin:0 0 7px}.loading-panel{border:1px solid var(--border);border-radius:14px;background:white;padding:55px;text-align:center;color:var(--muted);font-size:13px}.error-panel{padding:24px;background:#FFF0ED;border:1px solid #E9C5C0;border-radius:12px;font-size:13px;line-height:1.7}.error-panel button{margin-top:12px}.section-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:17px;flex-wrap:wrap}.view-switch{display:flex;background:white;border:1px solid var(--border);border-radius:8px;padding:3px;gap:3px}.view-switch button{border:0;background:none;color:var(--muted);font-size:11px;padding:7px 11px;border-radius:5px}.view-switch button.active{background:var(--rose-soft);color:var(--ink);font-weight:600}.history-cell{min-width:36px;padding:10px 8px;text-align:center}.attendance-mark{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;width:25px;height:27px;font-size:10px;font-weight:600}.weekend-mark{background:#F8F5F7;color:#C0B4BC}.bar-row{display:flex;align-items:center;gap:13px;margin:18px 0;font-size:11px}.bar-name{width:105px;flex-shrink:0}.bar-track{display:flex;flex:1;height:16px;border-radius:5px;overflow:hidden;background:#F6F1F3}.bar-track span{height:100%;min-width:0}.bar-value{width:37px;text-align:right;font-variant-numeric:tabular-nums}.panel-body{padding:12px 22px 22px}.metric-detail-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;padding:15px 0;border-bottom:1px solid var(--border)}.metric-detail-row:last-child{border-bottom:0}.metric-detail-row strong{font-family:Manrope,sans-serif;font-size:20px}.alert-card{background:white;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:14px;padding:18px 20px;margin-bottom:10px}.alert-main{flex:1;min-width:0}.alert-main p{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--muted)}.alert-main strong{font-size:13px}.alert-actions{display:flex;gap:7px}.check-label{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer}input[type=checkbox]{accent-color:#648D78;width:16px;height:16px}.group-compare-tools{display:flex;gap:18px;flex-wrap:wrap;padding:18px 21px;border-bottom:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.setting-field{display:grid;gap:7px;margin:17px 0;font-size:12px}.setting-field label{font-weight:600}.setting-field input,.setting-field select,.setting-field textarea{border:1px solid #DBD1D8;border-radius:8px;background:white;padding:10px 12px;color:var(--ink);width:100%;min-height:41px}.setting-field small,.setting-copy{font-size:11px;line-height:1.8;color:var(--muted)}.setting-copy a{text-decoration:underline}.settings-status{display:flex;align-items:center;gap:12px;padding:18px;border-radius:12px;background:var(--mint);margin-top:10px}.settings-status h3{font-size:15px}.settings-status p{font-size:11px;line-height:1.7;margin:5px 0 0;color:#537360}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.alert-inline{padding:12px;font-size:12px;border:1px solid #F0D8B9;background:#FFF4E6;border-radius:8px;line-height:1.7;margin:12px 0}.legend-wrap{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:10px;padding:16px 20px;border-top:1px solid var(--border)}.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px}.dialog-close{border:1px solid var(--border);border-radius:7px;background:white;color:var(--muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-dialog,.detail-dialog{color:var(--ink);border:1px solid var(--border);padding:0;box-shadow:0 18px 70px #392A4229;background:var(--surface)}.modal-dialog::backdrop,.detail-dialog::backdrop{background:#3B2B393D;backdrop-filter:blur(3px)}.modal-dialog{width:min(540px,calc(100% - 32px));border-radius:17px;max-height:90vh;overflow:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 15px}.dialog-header h2{font-size:19px}.dialog-body{padding:0 24px 24px}.dialog-body p{color:var(--muted);font-size:12px;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.detail-dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100%;max-height:100%;width:min(455px,100%);border-radius:18px 0 0 18px}.detail-profile{display:flex;align-items:center;gap:13px;padding:5px 24px 21px}.detail-profile .avatar{width:49px;height:49px;font-size:15px}.detail-profile h2{font-size:20px}.detail-profile p{font-size:12px;color:var(--muted);margin:6px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px;margin:4px 0 24px}.detail-stat{padding:15px;border-radius:10px;background:#FAF5F7}.detail-stat small{font-size:11px;color:var(--muted)}.detail-stat strong{display:block;font-family:Manrope,sans-serif;font-size:24px;margin-top:8px}.detail-section{padding:0 24px 20px}.detail-section h3{margin-bottom:13px}.timeline-track{height:30px;border-radius:6px;background:#F3EDF1;position:relative;overflow:hidden}.timeline-work{position:absolute;top:7px;height:16px;background:#B9E0C9;border-radius:3px}.timeline-hours{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:7px 0 14px}.detail-meta{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;border-bottom:1px solid var(--border)}.detail-meta span:first-child{color:var(--muted)}.toast{position:fixed;z-index:100;bottom:25px;left:calc(50% + 95px);transform:translateX(-50%);padding:12px 18px;background:#3D353D;color:#FFF;border-radius:10px;font-size:12px;box-shadow:0 8px 28px #33203333;max-width:min(500px,90vw)}.toast[hidden]{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.saved-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:white;margin-bottom:12px}.saved-card h3{font-size:14px}.saved-card p{font-size:11px;color:var(--muted);margin:5px 0}.saved-card>div{flex:1}.card-checkbox{display:flex;gap:8px;align-items:center;font-size:12px}.connection-steps{counter-reset:steps;list-style:none;padding:0;margin:20px 0}.connection-steps li{counter-increment:steps;position:relative;padding:0 0 22px 35px;color:var(--muted);font-size:12px;line-height:1.8}.connection-steps li:before{content:counter(steps);position:absolute;left:0;top:0;border-radius:50%;width:23px;height:23px;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;color:var(--plum);font-size:11px}.connection-steps strong{display:block;color:var(--ink);font-weight:600}
@media(min-width:1500px){.stats-grid{gap:17px}.stat-card{padding:20px}.stat-top{font-size:12px}.stat-number{font-size:36px}.stat-bottom{font-size:11px}.main-grid{grid-template-columns:1.8fr 1fr}.chart-wrap{min-height:240px}.line-chart{height:234px}}
@media(max-width:1240px){.sidebar{width:208px;padding-inline:13px}.brand{font-size:23px}.app-frame{margin-left:208px}main{padding:28px 25px 15px}.topbar{padding-inline:25px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:15px 17px}.stat-number{margin-top:9px}.main-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr)}h1{font-size:27px}.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 104px)}}
@media(max-width:980px){.sidebar{width:190px;padding-inline:10px}.app-frame{margin-left:190px}.brand{font-size:21px;gap:7px;padding-left:5px}.brand img{width:32px;height:32px}.workspace-label{padding:10px 7px;font-size:11px}.workspace-label small{font-size:9px}.nav-item{font-size:12px;gap:9px}.main-grid,.settings-grid{grid-template-columns:1fr}.topbar-right{gap:12px}.topbar-right .text-button{font-size:11px}.table-controls .button{font-size:11px}.page-heading{align-items:flex-start}h1{font-size:25px}.attention-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.attention-item:nth-last-child(2){border-bottom:0}.toast{left:calc(50% + 95px)}.sync-control{font-size:9px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 35px #49363F15}.sidebar.open{transform:translateX(0)}.app-frame{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 17px;height:60px}.breadcrumb{gap:9px;font-size:11px}.topbar-right{gap:9px}.topbar-right .text-button{font-size:0}.topbar-right .text-button .icon{width:20px;height:20px}.small-avatar{display:none}main{padding:25px 18px 15px}.page-heading{margin-bottom:20px}.page-heading p{font-size:12px}h1{font-size:26px;letter-spacing:-1px}.page-heading>.button{font-size:0;padding:9px}.page-heading>.button .icon{width:18px}.filter-toolbar{align-items:flex-start}.filter-fields{gap:7px;flex:1}.field-with-icon{flex:1;padding:0 9px}.field-with-icon input,.field-with-icon select{font-size:11px;max-width:155px;min-width:102px;width:100%}.sync-control>span{display:none}.sync-control{padding-top:4px}.demo-notice{font-size:10px;line-height:1.5;align-items:flex-start}.demo-notice .text-button{font-size:10px;padding-top:1px}.stats-grid{gap:9px}.stat-card{padding:13px 12px}.stat-top{font-size:10px}.stat-number{font-size:28px}.stat-number small{font-size:10px}.stat-bottom{font-size:9px}.stat-top .icon{display:none}.panel-heading{padding:18px 17px 10px}h2{font-size:15px}.panel-subtitle{font-size:10px}.chart-wrap{padding-inline:12px}.attention-list{padding:0 17px;display:block}.attention-item:nth-last-child(2){border-bottom:1px solid #F2EDF0}.filter-chips{padding-left:16px}.table-controls .search-field{display:none}.table-controls .button{padding:8px 10px}.table-controls .button .icon{display:none}.page-footer{font-size:9px}.toast{left:50%;width:max-content;max-width:90vw}.secondary-grid{gap:12px}.team-card{padding:17px}.alert-card{padding:15px;flex-wrap:wrap}.alert-actions{margin-left:49px}.detail-dialog{border-radius:15px 0 0 15px}.field-row{grid-template-columns:1fr;gap:0}.page-footer span:first-child{display:none}}
@media(max-width:440px){.stats-grid{grid-template-columns:repeat(2,1fr)}.secondary-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-number{font-size:31px}.stat-top{font-size:11px}.stat-bottom{font-size:10px}.filter-fields{flex-direction:column}.field-with-icon select,.field-with-icon input{max-width:none}.filter-toolbar{gap:5px}.demo-notice .text-button{display:none}.page-heading{gap:10px}h1{font-size:24px}.panel-heading .subtle-chip{display:none}.topbar-right .mode-chip{font-size:9px}.section-toolbar{align-items:flex-start}.alert-actions{margin-left:0;width:100%}.alert-actions .button{flex:1}.group-compare-tools{gap:12px}.table-bottom{padding-inline:15px}.person-cell{min-width:142px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.stat-card:hover{transform:none}}
[hidden]{display:none!important}.status-off,.status-future,.status-unscheduled{background:#F3F0F3;color:#786E77}.bar-name{width:130px}.detail-meta span:last-child{max-width:62%;text-align:right;overflow-wrap:anywhere}@media(max-width:720px){.table-panel .panel-heading{flex-wrap:wrap}.table-controls{width:100%;justify-content:space-between}.table-controls .search-field{display:flex;flex:1}.table-controls .search-field input{width:100%}.saved-card{flex-wrap:wrap}.saved-card>div{min-width:150px}}

/* Company Google sign-in */
[hidden]{display:none!important}
body.auth-loading>.sidebar,body.auth-loading>.app-frame{visibility:hidden}
.login-page{margin:0;background:#fffafa;color:#303e39}.login-layout{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh}.login-story{position:relative;padding:48px 9%;overflow:hidden;background:linear-gradient(155deg,#e7f5ed 0%,#f0f8f1 65%,#fff0e7 100%)}.login-story .brand{position:relative;z-index:1}.login-story-copy{position:relative;z-index:1;margin:78px 0 32px;max-width:430px}.login-story h1{font-size:clamp(44px,5.4vw,76px);font-weight:550;line-height:1.04;letter-spacing:-3px;margin:22px 0}.login-story h1 span{color:#538e74}.login-story-copy p{font-size:17px;line-height:1.8;max-width:355px;color:#677b70}.login-story-footer{font-size:14px;color:#73877b;margin:36px 0 0}.login-illustration{height:230px;position:relative;max-width:460px}.login-orbit{position:absolute;width:310px;height:310px;border:1px solid #bedacb;border-radius:50%;left:130px;top:-34px;opacity:.6}.login-mini-card{position:absolute;border:1px solid #ffffffc7;box-shadow:0 15px 35px #456c5910;border-radius:18px;padding:22px 24px;background:#ffffffdc;max-width:265px}.login-mini-card.mint{left:0;top:30px;transform:rotate(-5deg);z-index:1}.login-mini-card.rose{right:0;bottom:0;background:#fff1f0;transform:rotate(6deg)}.login-mini-card>span{font-size:14px;color:#77847b}.login-mini-card strong{font-size:21px;font-weight:550;display:block;margin-top:8px}.login-avatars{display:flex;margin-top:20px}.login-avatars i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;height:36px;width:36px;margin-right:-7px;border:3px solid white;border-radius:50%;background:#d9efe2}.login-avatars i:nth-child(2){background:#f8e1dc}.login-avatars i:nth-child(3){background:#ffe8d5}.login-avatars i:last-child{background:#f4f5f1}.login-bars{display:flex;align-items:flex-end;gap:9px;height:72px;width:165px;margin-top:14px}.login-bars i{width:16px;border-radius:5px;background:#d5a39e;height:40%}.login-bars i:nth-child(2){height:65%}.login-bars i:nth-child(3){height:50%}.login-bars i:nth-child(4){height:82%}.login-bars i:nth-child(5){height:62%}.login-bars i:nth-child(6){height:93%;background:#9dc7b0}.login-bars i:nth-child(7){height:76%;background:#9dc7b0}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:55px 40px;position:relative;overflow:hidden}.login-form-inner{width:360px;max-width:100%;position:relative;z-index:1}.login-welcome-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;font-size:35px;color:#608b73;background:#e5f3e9;border-radius:18px;margin-bottom:30px}.login-form-inner h2{font-size:38px;letter-spacing:-1.2px;font-weight:550;margin:14px 0}.login-intro{font-size:16px;line-height:1.7;color:#768079;margin:0 0 30px}.google-signin{min-height:44px;margin-bottom:13px}.login-status{font-size:14px;line-height:1.6;color:#80615e;margin:12px 0}.login-status:empty{display:none}.login-domains{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;color:#53665b;margin-top:24px}.domain-dot{width:6px;height:6px;border-radius:50%;background:#91b99f}.domain-dot.peach{background:#dbb69b;margin-left:7px}.login-small{font-size:14px;line-height:1.7;color:#7b837e}.login-divider{height:1px;background:#e9eeea;margin:29px 0}.login-privacy{display:block;margin-top:24px;font-size:14px;color:#5e7e6c;text-underline-offset:4px}.login-corner{position:absolute;bottom:-85px;right:-100px;width:290px;height:290px;border-radius:50%;background:#fae6e44d}.privacy-page{background:#fffafa}.privacy-content{max-width:750px;margin:0 auto;padding:60px 28px}.privacy-content h1{font-size:36px;margin-top:45px;letter-spacing:-1px}.privacy-content h2{font-size:21px;margin-top:30px}.privacy-content p{font-size:16px;line-height:1.8;color:#64766b}.privacy-content a{color:#45755d}.auth-card{margin-bottom:20px}.auth-card .panel-body{padding-top:0}.auth-card h3{margin:0 0 5px;font-size:18px}.auth-account{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.auth-card .login-domains{margin-top:12px}.signout-button{font-size:14px;white-space:nowrap}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-story{padding:30px 28px}.login-story-copy{margin:30px 0 10px;max-width:100%}.login-story h1{font-size:44px;letter-spacing:-2px}.login-story h1 br{display:none}.login-story h1 span{display:block}.login-story-copy p{max-width:500px}.login-illustration,.login-story-footer{display:none}.login-form-panel{padding:45px 28px 65px;justify-content:flex-start}.login-form-inner{width:100%;max-width:440px;margin:auto}.login-welcome-icon{display:none}.login-form-inner h2{font-size:32px}.login-form-inner>.eyebrow{display:none}.signout-button{padding:8px}.topbar-right .small-avatar{display:none}}
.login-layout{padding:0;margin:0;max-width:none}.login-page .brand small{font-size:10px}.login-page .eyebrow{font-size:12px;letter-spacing:1.8px}
@media(min-width:801px) and (max-height:820px){.login-story{padding-top:32px;padding-bottom:28px}.login-story-copy{margin-top:42px;margin-bottom:20px}.login-story h1{font-size:58px}.login-illustration{height:175px}.login-mini-card{padding:18px 20px}.login-story-footer{margin-top:26px}}
/* Flexible team scopes and time reports, in the existing mint / rose / peach palette. */
.sidebar{overflow-y:auto}.sidebar .brand,.sidebar .workspace-label{flex-shrink:0}.sidebar .workspace-label{margin-block:24px 20px}.sidebar-bottom{padding-top:20px}.nav-item{padding-block:10px}
.filter-toolbar{align-items:center}.filter-fields{align-items:center}.field-with-icon{height:42px}.field-with-icon input,.field-with-icon select{font-size:14px}.group-picker{position:relative;min-width:220px;max-width:310px}.group-picker-trigger{color:var(--ink);font-size:14px;width:100%;min-height:42px;text-align:left;justify-content:flex-start}.group-picker-trigger>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-picker-trigger>span:last-child{margin-left:auto}.group-picker-trigger[aria-expanded=true]{border-color:#86BDA2;box-shadow:0 0 0 3px #DDF3E877}.group-popover{position:absolute;top:calc(100% + 9px);left:0;width:390px;max-width:calc(100vw - 40px);z-index:45;border:1px solid var(--border);border-radius:15px;background:white;box-shadow:0 16px 45px #39293620;padding:16px;color:var(--ink)}.team-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:15px}.team-picker-search{display:flex;gap:8px;align-items:center;padding:0 10px;height:41px;border:1px solid var(--border);border-radius:9px}.team-picker-search input{border:0;min-width:0;width:100%;outline-offset:2px;font-size:14px}.spectrum-preset{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0;padding:11px;text-align:left;background:#F1FBF6;border:1px solid #DDEFE5;border-radius:10px;color:var(--ink)}.spectrum-preset strong{display:block;font-size:14px}.spectrum-preset small{display:block;font-size:12px;color:#47705E;margin-top:3px}.spectrum-preset>.icon{margin-left:auto;opacity:0}.spectrum-preset.selected>.icon{opacity:1}.spectrum-preset.selected{border-color:#77B798}.team-picker-actions{display:flex;gap:18px;align-items:center;padding:5px 2px 12px}.team-picker-actions .text-button{font-size:13px}.team-picker-actions>span{font-size:12px;color:var(--muted);margin-left:auto}.team-checkboxes{max-height:260px;overflow-y:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:5px}.team-checkbox{display:flex;align-items:center;gap:9px;padding:9px 7px;border-radius:7px;font-size:14px;line-height:1.4;cursor:pointer}.team-checkbox:hover{background:#FFF3F6}.team-checkbox:has(input:checked){background:#F2FAF6}.team-checkbox input{width:16px;height:16px;accent-color:#477D67;flex-shrink:0}.team-picker-footer{display:flex;align-items:center;gap:12px;padding-top:13px}.team-picker-footer small{font-size:12px;line-height:1.5;color:var(--muted)}.team-picker-footer .button{margin-left:auto;font-size:14px}.status-filter-field select{max-width:180px}.time-cell{min-width:95px}.time-cell strong{display:block;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.time-cell small{display:block;font-size:12px;color:var(--muted);margin-top:5px;white-space:nowrap}.time-cell small span{display:none}.people-time-table th{font-size:12px;white-space:nowrap}.people-time-table th small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.people-time-table td{font-size:13px;padding-block:17px}.people-time-table .person-cell{min-width:220px;max-width:280px}.people-time-table .person-name{font-size:14px}.people-time-table .person-meta{font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-heading:hover{text-decoration:underline;text-underline-offset:4px}.pagination{align-items:center}.pagination>span{color:var(--muted);padding-inline:3px}.pagination button:disabled{cursor:default}.time-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin-bottom:22px}.time-summary-card{display:flex;flex-direction:column;gap:8px;padding:21px 23px;border:1px solid var(--border);border-radius:14px;background:white;box-shadow:var(--shadow)}.time-summary-card.mint{background:#EDF8F1;border-color:#D7EBDD}.time-summary-card.rose{background:#FCEEF3;border-color:#EFDCE4}.time-summary-card.peach{background:#FFF1E6;border-color:#F3E1D3}.time-summary-card>.stat-top{font-size:14px}.time-summary-card>strong{font-size:31px;font-family:Manrope,system-ui,sans-serif;letter-spacing:-.8px}.time-summary-card>span{font-size:14px}.time-summary-card>small{font-size:12px;color:var(--muted)}.time-page-intro{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;color:var(--muted);flex-wrap:wrap}.scope-pill{background:white;border:1px solid var(--border);padding:7px 11px;border-radius:8px;color:var(--ink)}.time-group-list{padding:0 22px 18px;max-height:440px;overflow:auto}.time-group-row{padding:16px 0;border-bottom:1px solid var(--border)}.time-group-row:last-child{border:0}.time-group-row>.person-name{font-size:14px;text-align:left}.time-group-metric{display:grid;grid-template-columns:100px 1fr 85px 46px;align-items:center;gap:10px;margin-top:12px}.time-group-metric>span,.time-group-metric>small{font-size:12px;color:var(--muted)}.time-group-metric>strong{font-size:13px;font-weight:500;text-align:right}.time-group-metric>small{text-align:right}.time-group-metric .bar-track{height:9px;width:100%;min-width:30px}.fill-mint{background:#AAD7BF}.fill-rose{background:#EBB5C6}.fill-peach{background:#F3C8A8}.metric-context p{font-size:14px;line-height:1.75;color:var(--muted)}.break-definition{display:grid;gap:12px;padding-block:12px;margin-bottom:12px}.break-definition span{display:block;font-size:13px;color:var(--muted);line-height:1.6}.break-definition strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.detail-stat .detail-share{font-family:'DM Sans',system-ui,sans-serif;display:block;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--muted);margin-top:7px}
@media(max-width:1100px){.filter-toolbar{align-items:flex-start}.filter-fields{flex:1}.group-picker{max-width:290px}.sync-control{padding-top:10px}.time-group-metric{grid-template-columns:80px 1fr 75px 42px;gap:7px}}
@media(max-width:720px){.group-picker{min-width:0;max-width:none;flex-basis:100%;width:100%}.group-popover{width:100%;max-width:none}.team-checkboxes{max-height:230px}.filter-fields>.field-with-icon{flex:1}.filter-fields{flex-wrap:wrap;flex-direction:row}.status-filter-field{order:1}.group-picker{order:2}.field-with-icon input,.field-with-icon select{min-width:0;font-size:14px;max-width:none}.group-picker-trigger{font-size:14px}.time-summary-grid{grid-template-columns:1fr}.time-summary-card{padding:18px 20px}.time-group-list{padding-inline:17px}.time-group-metric{grid-template-columns:76px 1fr 70px 40px;gap:6px}.time-page-intro{font-size:12px}.table-bottom{align-items:flex-start;gap:12px;flex-direction:column}.time-summary-card>strong{font-size:28px}.page-heading h1{font-size:25px}.sidebar{height:100dvh}.sync-control{padding-top:7px}}

/* Expanded tables and a compact, reversible desktop navigation rail. */
.productivity-chart{margin-bottom:22px}.context-stack{display:flex;flex-direction:column;gap:20px;min-width:0}.sidebar-collapse{position:static;align-self:flex-end;flex-shrink:0;margin:-18px -4px 10px;width:32px;height:32px;border:1px solid #D8E5DD;background:#F0FAF4;color:var(--green);box-shadow:0 2px 6px #382E3808;z-index:2}.sidebar-collapse:hover{background:var(--mint)}.app-frame,.sidebar{transition:margin-left .18s ease,width .18s ease}.sync-settings{margin-bottom:22px}.sync-settings .panel-body{padding-top:5px}.sync-toggle{display:flex;gap:12px;align-items:center;cursor:pointer;border-bottom:1px solid var(--border);padding:12px 0 20px;font-size:14px}.sync-toggle>span:first-child{flex:1}.sync-toggle small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:5px}.sync-toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{height:26px;width:46px;border-radius:20px;background:#D9D1D7;padding:3px;transition:background .18s}.toggle-track:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #382E3822;transition:transform .18s}.sync-toggle input:checked+.toggle-track{background:#699F83}.sync-toggle input:checked+.toggle-track:before{transform:translateX(20px)}.sync-toggle input:focus-visible+.toggle-track{outline:3px solid var(--green);outline-offset:3px}.sync-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-block:1px solid var(--border);padding:18px 0;margin:20px 0}.sync-facts span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.sync-facts strong{font-size:13px;font-weight:550}.sync-settings .setting-field{max-width:580px}
@media(min-width:721px){body.sidebar-collapsed .sidebar{width:76px;padding-inline:11px}body.sidebar-collapsed .app-frame{margin-left:76px}body.sidebar-collapsed .brand{padding:0;justify-content:center}body.sidebar-collapsed .brand>span,body.sidebar-collapsed .workspace-label,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-item>span,body.sidebar-collapsed #connection-summary,body.sidebar-collapsed .profile-button>span:not(.avatar){display:none}body.sidebar-collapsed #navigation{margin-top:28px}body.sidebar-collapsed .nav-item{justify-content:center;padding:13px 0}body.sidebar-collapsed .nav-item .icon{width:19px;height:19px}body.sidebar-collapsed .connection-mini{justify-content:center;padding:13px}body.sidebar-collapsed .connection-symbol{margin-top:0}body.sidebar-collapsed .profile-button{justify-content:center;padding-inline:0}body.sidebar-collapsed .toast{left:calc(50% + 38px)}body.sidebar-collapsed .sidebar-bottom{padding-top:16px}}
@media(max-width:720px){.sidebar-collapse{display:none}.sync-facts{grid-template-columns:1fr}.sync-settings .panel-heading{align-items:flex-start;gap:12px}.sync-settings .status-tag{white-space:normal}}
@media(prefers-reduced-motion:reduce){.app-frame,.sidebar,.toggle-track,.toggle-track:before{transition:none}}

@media(min-width:721px){body.sidebar-collapsed .sidebar-collapse{align-self:center;margin-inline:0}}

.idle-preview-settings{margin-bottom:22px}.idle-preview-example{display:flex;align-items:center;gap:20px;margin-top:18px}.idle-preview-example .setting-copy{max-width:520px}.idle-preview-badge{display:inline-block;background:#FFF0E1;border:1px solid #F0D3B9;color:#79582E;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:550;line-height:1.4;white-space:normal;max-width:140px;margin-top:8px}.idle-preview-badge>small{display:block;font-size:10px;font-weight:400;margin:3px 0 0;color:#866746}.idle-preview-badge>span{white-space:nowrap}.time-cell .idle-preview-badge>small{font-size:10px;margin-top:3px;color:#866746}@media(max-width:720px){.idle-preview-example{align-items:flex-start;flex-direction:column;gap:8px}}

.time-detail-grid{align-items:start}

#daily-date-field[hidden],#attendance-date-control[hidden]{display:none}.range-trigger{height:auto;min-height:44px;text-align:left;cursor:pointer;gap:12px;color:var(--ink);padding-block:6px}.range-trigger>span:first-of-type{display:flex;flex-direction:column;gap:2px}.range-trigger strong{font-size:13px;font-weight:550}.range-trigger small{font-size:12px;color:var(--muted)}.range-trigger>span:last-child{margin-left:12px}.date-range-dialog{width:min(740px,calc(100% - 32px))}.date-range-layout{display:grid;grid-template-columns:205px 1fr;gap:25px}.date-presets{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--border);padding-right:18px}.date-presets button{border:0;border-radius:8px;background:transparent;padding:9px 11px;text-align:left;color:var(--muted);font-size:14px}.date-presets button:hover{background:#F9F2F5}.date-presets button.selected{background:var(--mint);color:var(--green);font-weight:600}.range-fields{padding-top:14px;min-width:0}.range-fields input{min-width:0;font-size:14px}.range-fields label{font-size:14px}.range-fields .field-row{grid-template-columns:1fr;gap:0}.date-range-summary{font-size:15px;font-weight:600;line-height:1.7;background:#FFF1E7;border:1px solid #F3E2D3;padding:13px;border-radius:10px;margin-top:20px}.range-error{color:#935365!important;min-height:22px}.attendance-period{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.attendance-period>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attendance-period strong{color:var(--ink);font-size:15px;font-weight:500}.attendance-summary .team-card>p{font-size:13px}.attendance-panel th{font-size:12px}.attendance-panel th small{display:block;margin-top:4px;font-size:11px;color:var(--muted);font-weight:400}.attendance-panel .history-cell{min-width:67px;padding:13px 10px}.attendance-panel .attendance-mark{height:30px;width:30px;font-size:12px}.attendance-scroll{max-height:610px;position:relative}.attendance-scroll th{position:sticky;top:0;z-index:2;background:#FEFBFC}.attendance-scroll .attendance-person{position:sticky;left:0;z-index:1;background:#FFF;min-width:240px;max-width:300px;box-shadow:1px 0 0 var(--border)}.attendance-scroll th.attendance-person{z-index:3;background:#FEFBFC}.attendance-person .person-name{font-size:13px;white-space:normal;line-height:1.5}.attendance-person .person-cell{min-width:210px}.attendance-filter-note{margin:0;padding:0 22px 16px;font-size:12px;color:var(--muted)}.future-date{background:#FAF7F9;color:#A0959F}.status-future{background:#F1EDF5;color:#786885}.range-notice{background:#FFF1E7;border:1px solid #F2DFD0;border-radius:9px;padding:13px 16px;font-size:13px;margin-bottom:18px;line-height:1.7}.range-notice button{margin-left:10px}.attendance-panel .legend-wrap{font-size:12px}.attendance-period .scope-pill{font-size:13px}
@media(max-width:720px){.date-range-layout{grid-template-columns:1fr;gap:10px}.date-presets{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px}.date-presets button{padding:10px 8px;font-size:13px}.range-fields{padding-top:0}.range-fields .field-row{grid-template-columns:1fr 1fr;gap:10px}.date-range-dialog .dialog-body{padding-inline:17px}.range-trigger{width:100%;justify-content:flex-start}.attendance-panel .panel-heading{flex-direction:column;align-items:flex-start}.attendance-panel .attendance-person{min-width:180px;max-width:220px}.attendance-person .person-cell{min-width:150px}.attendance-period>div{gap:8px}}

/* Shared reporting periods, individual hours and dashboard recognition. */
#range-filter[hidden],.status-filter-field[hidden]{display:none}.range-dialog{width:min(790px,calc(100% - 32px));max-height:90dvh}.range-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px}.range-presets{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--border);padding-right:18px;max-height:515px;overflow-y:auto}.range-preset{border:0;border-radius:8px;background:transparent;padding:9px 11px;text-align:left;color:var(--muted);font-size:14px;min-height:36px}.range-preset:hover{background:#F9F2F5}.range-preset.active{background:var(--mint);color:var(--green);font-weight:600}.range-summary{display:flex;flex-direction:column;gap:7px;background:#FFF1E7;border:1px solid #F3E2D3;padding:16px;border-radius:11px;margin-top:18px;font-size:14px;line-height:1.6}.range-summary span{font-size:12px;color:var(--muted)}.period-notice{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:18px;border:1px solid #D8EADF;background:#F0F9F4;border-radius:10px;color:#476D5C;font-size:13px}.period-dates{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.6;margin:10px 0;color:var(--ink)}.user-period-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.user-period-toolbar .setting-field{margin:0;min-width:260px;max-width:460px;flex:1}.user-period-toolbar label{font-size:13px}.user-period-toolbar select{font-size:14px}.user-hours-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;margin-bottom:17px;background:linear-gradient(110deg,#F0FAF4,#FFFFFF 58%)}.user-hours-person{display:flex;align-items:center;gap:16px;min-width:0}.user-hours-person>.avatar{width:54px;height:54px;font-size:17px;flex-shrink:0}.user-hours-person h2{font-size:23px}.user-hours-person p{font-size:13px;color:var(--muted);line-height:1.7;max-width:580px;margin:7px 0}.user-hours-person div>span{font-size:13px;color:#52715F}.user-hours-total{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.user-hours-total>span{font-size:13px;color:var(--muted)}.user-hours-total>strong{font-family:Manrope,system-ui,sans-serif;font-size:38px;font-weight:750;letter-spacing:-1px}.user-hours-total>small{font-size:12px;color:var(--muted)}.user-time-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px}.user-time-cards .time-summary-card{padding:18px 20px}.user-time-cards .time-summary-card>strong{font-size:26px}.champions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.champion-panel:first-child{background:linear-gradient(120deg,#F0FAF4,white 70%)}.champion-panel:last-child{background:linear-gradient(120deg,#FFF2E8,white 70%)}.champion-panel .panel-heading{align-items:flex-start;padding-bottom:15px}.champion-panel h2{font-size:16px}.champion-panel h2>span{margin-right:5px}.champion-panel .subtle-chip{white-space:nowrap}.champion-people{padding:0 21px 16px}.champion-person{width:100%;border:0;border-top:1px solid #E9E5E8;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 0;text-align:left;color:var(--ink)}.champion-person:hover{background:#FFFFFF80}.champion-person>.avatar{flex-shrink:0}.champion-person>span:nth-child(2){flex:1;min-width:0}.champion-person strong{font-size:13px;font-weight:600;display:block}.champion-person small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:3px}.trophy-small{font-size:20px;flex-shrink:0}.champion-more summary{color:var(--green);font-size:12px;font-weight:500;cursor:pointer;padding:10px 0}.champion-more[open]{max-height:350px;overflow-y:auto}.user-hours-hero+.user-time-cards~.secondary-grid{margin-block:20px}.attendance-panel .table-controls{flex-wrap:wrap}
@media(max-width:1000px){.user-time-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.user-hours-hero{padding:22px}.user-hours-person h2{font-size:20px}.user-hours-total>strong{font-size:31px}}
@media(max-width:720px){.range-layout{grid-template-columns:1fr;gap:10px}.range-presets{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px;max-height:235px}.range-preset{padding:9px 8px;font-size:12px}.range-dialog .dialog-body{padding-inline:17px}.range-dialog .range-fields{padding-top:0}.range-dialog .range-fields .field-row{grid-template-columns:1fr 1fr;gap:10px}.champions-grid{grid-template-columns:1fr}.user-hours-hero{align-items:flex-start;flex-direction:column;gap:22px;padding:20px}.user-hours-total{align-items:flex-start}.user-hours-total>strong{font-size:34px}.user-hours-person>.avatar{width:44px;height:44px}.user-hours-person h2{font-size:18px}.user-period-toolbar{align-items:stretch;flex-direction:column;gap:12px}.user-period-toolbar .setting-field{min-width:0;max-width:none}.user-period-toolbar .button{align-self:flex-start}.user-time-cards{gap:10px}.user-time-cards .time-summary-card{padding:15px}.user-time-cards .time-summary-card>span{font-size:12px}.user-time-cards .time-summary-card>strong{font-size:21px}}

.sr-only{left:0;top:0}

.tracked-duration{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.overtime-flag{font-size:15px;line-height:1;vertical-align:middle}