:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #dde3ea;--color-border-strong: #c8d5e0;--color-text: #1a2e4a;--color-text-muted: #8a9bb0;--color-header: #1a2e4a;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 10px;--office-bg: #E6F1FB;--office-border: #185FA5;--office-text: #0C447C;--home-bg: #EAF3DE;--home-border: #3B6D11;--home-text: #27500A;--client-bg: #FAEEDA;--client-border: #854F0B;--client-text: #633806;--travel-bg: #EEEDFE;--travel-border: #534AB7;--travel-text: #3C3489;--out-bg: #FBEAF0;--out-border: #993556;--out-text: #72243E}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-header);padding:12px 24px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:100}.app-header__left{display:flex;align-items:center;gap:0}.app-logo{display:flex;flex-direction:column;line-height:1;flex-shrink:0}.app-logo__dje{font-size:20px;font-weight:700;color:#fff;letter-spacing:.04em}.app-logo__holdings{font-size:8px;font-weight:600;color:#7eafd4;letter-spacing:.18em;margin-top:1px}.app-header__title{font-size:15px;font-weight:600;color:#fff;margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.15);white-space:nowrap;letter-spacing:.01em}.env-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.05em;margin-left:8px;white-space:nowrap}.env-badge--dev{background:#ffffff26;color:#d8e8f3}.env-badge--qa{background:#fbbf24;color:#633806}.app-header__right{display:flex;align-items:center;gap:12px;flex-shrink:1;min-width:0;overflow:hidden}.view-toggle{display:flex;background:#ffffff1a;border-radius:20px;padding:3px;gap:2px}.view-toggle__btn{padding:6px 14px;border-radius:16px;border:none;background:transparent;color:#a8c4dc;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;white-space:nowrap;touch-action:manipulation}.view-toggle__btn--active{background:#fff;color:#1a2e4a;font-weight:700}.app-header__sep{width:.5px;height:24px;background:#ffffff26;flex-shrink:0}.app-user{display:flex;align-items:center;gap:8px}.app-user__avatar{width:32px;height:32px;border-radius:50%;background:#2b5278;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#a8c4dc;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0}.app-user__name{font-size:12px;color:#d8e8f3;white-space:nowrap}.app-user__signout{font-size:11px;color:#7eafd4;text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}@media (max-width: 900px){.app-header__title,.app-user__name{display:none}.view-toggle__btn{padding:6px 10px;font-size:11px}}@media (max-width: 520px){.app-header{padding:10px 12px;gap:8px}.app-header__sep,.app-user__signout{display:none}.view-toggle__btn{padding:5px 8px;font-size:10px}.app-user__avatar{width:28px;height:28px;font-size:10px}}.page-body{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:24px 24px calc(48px + env(safe-area-inset-bottom,0px));padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}@media (max-width: 520px){.page-body{padding:16px 16px calc(48px + env(safe-area-inset-bottom,0px))}}.week-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.week-nav__btn{width:44px;height:44px;border-radius:50%;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:18px;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center}.week-nav__btn:hover{background:#e8f0f7;border-color:#185fa5}.week-nav__btn:active{transform:scale(.94)}.week-nav__range{font-size:17px;font-weight:600;color:var(--color-text);margin:0;min-width:200px;text-align:center}@media (max-width: 360px){.week-nav{gap:10px}.week-nav__range{min-width:0;font-size:15px}}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}@media (max-width: 900px){.week-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.week-grid{grid-template-columns:1fr}}.day-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:10px}.day-card__header{min-height:44px}.day-card__weekday{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.day-card__optional-label{font-size:10px;font-weight:400;color:var(--color-text-muted);text-transform:none;letter-spacing:normal}.day-card__date{font-size:13px;font-weight:600;color:var(--color-text);margin-top:1px}.day-card__options{display:flex;flex-direction:column;gap:6px}.loc-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:8px;border:.5px solid var(--color-border-strong);background:#f8f9fb;color:#4a5568;font-size:13px;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s,color .15s,transform .1s;position:relative;width:100%;text-align:left}.loc-btn:hover:not(:disabled){border-color:var(--color-border-strong);background:#f0f4f8}.loc-btn:active:not(:disabled){transform:scale(.98)}.loc-btn:disabled{cursor:default}.loc-btn:disabled:not([aria-pressed=true]){opacity:.6}.loc-btn:focus-visible{outline:2px solid #185FA5;outline-offset:2px}.loc-btn__check{margin-left:auto;font-size:13px;opacity:0;flex-shrink:0}.loc-btn--office{background:var(--office-bg);border-color:var(--office-border);color:var(--office-text);font-weight:600}.loc-btn--home{background:var(--home-bg);border-color:var(--home-border);color:var(--home-text);font-weight:600}.loc-btn--client{background:var(--client-bg);border-color:var(--client-border);color:var(--client-text);font-weight:600}.loc-btn--travel{background:var(--travel-bg);border-color:var(--travel-border);color:var(--travel-text);font-weight:600}.loc-btn--out_of_office{background:var(--out-bg);border-color:var(--out-border);color:var(--out-text);font-weight:600}.loc-btn--office .loc-btn__check,.loc-btn--home .loc-btn__check,.loc-btn--client .loc-btn__check,.loc-btn--travel .loc-btn__check,.loc-btn--out_of_office .loc-btn__check{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.95)}}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.toast{background:#fff;border:.5px solid #3B6D11;color:#27500a;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;animation:toast-in .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 12px #00000014}.toast--hiding{animation:toast-out .2s ease forwards}.page-error{background:#fdecea;border:.5px solid #f3b4ac;color:#8a2f24;padding:10px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;text-align:center}.page-loading,.signin-redirect{text-align:center;color:var(--color-text-muted);padding:48px 0;font-size:14px}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.summary-nav{display:flex;gap:6px}.summary-nav__btn{width:32px;height:32px;border-radius:50%;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;transition:background .15s}.summary-nav__btn:hover{background:#e8f0f7}.summary-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}@media (max-width: 600px){.summary-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:12px;text-align:center}.stat-card__num{font-size:22px;font-weight:700}.stat-card__label{font-size:10px;color:var(--color-text-muted);margin-top:3px}.stat-card--office .stat-card__num{color:var(--office-text)}.stat-card--home .stat-card__num{color:var(--home-text)}.stat-card--client .stat-card__num{color:var(--client-text)}.stat-card--travel .stat-card__num{color:var(--travel-text)}.stat-card--out_of_office .stat-card__num{color:var(--out-text)}.breakdown-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:16px}.breakdown-card__title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px}.breakdown-row{display:flex;align-items:center;gap:4px;margin-bottom:5px;width:100%}.breakdown-row:last-of-type{margin-bottom:0}.breakdown-row__label{font-size:10px;color:var(--color-text-muted);width:64px;flex-shrink:0}.breakdown-cell--OFFICE{background:#60a5fa;color:#1e3a5f}.breakdown-cell--HOME{background:#4ade80;color:#14532d}.breakdown-cell--CLIENT{background:#fbbf24;color:#78350f}.breakdown-cell--TRAVEL{background:#a78bfa;color:#3b0764}.breakdown-cell--OUT_OF_OFFICE{background:#fb7185;color:#881337}.breakdown-cell{flex:1;min-width:0;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;overflow:hidden;white-space:nowrap}.breakdown-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:.5px solid var(--color-border)}.legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#4a5568}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.summary-range-controls{display:flex;align-items:center;gap:10px}.summary-month-picker{padding:7px 12px;border-radius:8px;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:inherit;cursor:pointer}.summary-range{font-size:15px;font-weight:600;color:var(--color-text)}.stat-card__label{font-size:12px;color:#4a5568;margin-top:4px;font-weight:500}.legend-item span{font-size:12px;color:#4a5568;font-weight:500}.breakdown-cell--empty{background:#f0f2f4;border:.5px dashed #b0bec5}.breakdown-row__label{font-size:11px;color:#4a5568;width:80px;flex-shrink:0;white-space:nowrap;font-weight:500}.page-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.page-banner--error{background:#fdecea;border:.5px solid #f3b4ac;color:#8a2f24}.page-banner__dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0 0 0 12px;opacity:.7;flex-shrink:0}.page-banner__dismiss:hover{opacity:1}.toast--error{background:#fdecea;border-color:#f3b4ac;color:#8a2f24}.report-tabs{display:flex;gap:0;border-bottom:.5px solid var(--color-border);margin-bottom:20px}.report-tab{padding:10px 20px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.report-tab:hover{color:var(--color-text)}.report-tab--active{color:var(--color-text);border-bottom-color:#1a2e4a}.report-filters{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:14px;margin-bottom:16px}.report-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.report-filter-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.report-filter-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.report-filter-input{padding:6px 10px;border-radius:6px;border:.5px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:12px;font-family:inherit}.report-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-search{flex:1;min-width:200px;padding:7px 12px;border-radius:6px;border:.5px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:13px;font-family:inherit}.report-btn{padding:7px 14px;border-radius:6px;border:.5px solid var(--color-border-strong);background:#1a2e4a;color:#fff;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}.report-btn:hover{opacity:.85}.report-btn:disabled{opacity:.5;cursor:default}.report-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.report-btn--danger{background:#fdecea;color:#8a2f24;border-color:#f3b4ac;padding:4px 10px;font-size:11px}.report-table-wrap{overflow-x:auto;border-radius:10px;border:.5px solid var(--color-border);margin-bottom:16px}.report-table{width:100%;min-width:900px;border-collapse:collapse;font-size:12px;background:var(--color-surface)}.report-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:.5px solid var(--color-border);white-space:nowrap;background:var(--color-bg)}.report-table td{padding:10px 12px;border-bottom:.5px solid var(--color-border);color:var(--color-text);vertical-align:middle}.report-table tr:last-child td{border-bottom:none}.report-row{cursor:pointer;transition:background .1s}.report-row:hover td{background:#f4f5f7}.report-emp-name{font-weight:500;font-size:13px}.report-emp-email{font-size:11px;color:var(--color-text-muted);margin-top:1px}.report-rate{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.report-rate--good{background:#eaf3de;color:#27500a}.report-rate--mid{background:#faeeda;color:#633806}.report-rate--low{background:#fdecea;color:#8a2f24}.report-detail{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:16px;margin-top:12px}.report-detail__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.report-detail__name{font-size:15px;font-weight:600;color:var(--color-text)}.report-detail__meta{font-size:12px;color:var(--color-text-muted);margin-top:2px}.report-detail__close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--color-text-muted);padding:0}.report-detail__days{display:flex;flex-wrap:wrap;gap:6px}.report-detail__day{display:flex;align-items:center;gap:6px;font-size:11px}.report-detail__date{color:var(--color-text-muted);min-width:80px}.report-detail__loc{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.report-roles__header{margin-bottom:16px}.report-roles__title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.report-roles__hint{font-size:12px;color:var(--color-text-muted);margin:0}.report-role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600}.report-role-badge--admin{background:#1a2e4a;color:#fff}.report-role-badge--hr{background:#eeedfe;color:#3c3489}.report-role-badge--manager{background:#eaf3de;color:#27500a}.report-role-badge--employee{background:#f0f2f4;color:#4a5568}.agg-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:.5px solid var(--color-border)}.agg-control-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.agg-group-sel{display:flex;align-items:center;gap:6px}.agg-view-sel{display:flex;align-items:center;gap:4px}.agg-date-sel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agg-group-btn{padding:5px 12px;border-radius:6px;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:11px;cursor:pointer;font-family:inherit;transition:background .15s}.agg-group-btn--on{background:#1a2e4a;color:#fff;border-color:#1a2e4a}.agg-view-btn{width:30px;height:28px;border-radius:6px;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.agg-view-btn--on{background:#1a2e4a;color:#fff;border-color:#1a2e4a}.agg-bars{padding:4px 0}.agg-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.agg-bar-label{width:110px;font-size:11px;font-weight:500;color:var(--color-text);flex-shrink:0;text-align:right}.agg-bar-track{flex:1;height:26px;border-radius:4px;display:flex;overflow:hidden;gap:1px;background:var(--color-bg)}.agg-bar-seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;overflow:hidden;white-space:nowrap;transition:width .3s}.agg-bar-stat{font-size:11px;color:var(--color-text-muted);text-align:right;white-space:nowrap;flex-shrink:0;min-width:72px}.agg-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.agg-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.agg-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.agg-heatmap{display:grid;gap:3px}.agg-hm-header{font-size:10px;font-weight:500;color:var(--color-text-muted);text-align:center;padding:4px}.agg-hm-row-label{font-size:11px;font-weight:500;color:var(--color-text);display:flex;align-items:center;padding-right:8px}.agg-hm-cell{padding:8px 4px;border-radius:4px;text-align:center;font-size:10px;font-weight:500}.agg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.agg-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:12px}.agg-card-title{font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:2px}.agg-card-sub{font-size:10px;color:var(--color-text-muted);margin-bottom:8px}.agg-card-legend{display:flex;flex-direction:column;gap:3px;margin-top:6px}.agg-card-leg-row{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--color-text-muted)}.agg-card-leg-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.agg-prog-bar{height:6px;border-radius:3px;background:var(--color-bg);overflow:hidden;margin-top:2px}.agg-prog-fill{height:100%;border-radius:3px}.agg-chart-area{display:flex;align-items:flex-end;gap:14px;height:110px;padding:0 8px;margin-bottom:12px}.agg-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.agg-chart-stack{width:100%;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;gap:1px}.agg-chart-x{font-size:9px;color:var(--color-text-muted);text-align:center}.report-assign-form{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:14px;margin-bottom:16px}.report-assign-form__title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:10px}.report-assign-form__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-assign-form__hint{font-size:11px;color:var(--color-text-muted);margin-top:8px;margin-bottom:0}.agg-content{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:16px}.summary-denominator{font-size:11px;color:var(--color-text-muted);margin:0 0 10px}.stat-card__pct{font-size:13px;font-weight:500;color:var(--color-text-muted);margin-top:2px}.app-user{display:flex;flex-direction:row;align-items:center;gap:10px}.app-user__info{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 900px){.app-user{flex-direction:column;align-items:center;gap:2px}.app-user__info{align-items:center}.app-user__name{display:none}.app-user__signout{font-size:10px}}@media (max-width: 600px){.agg-bar-row{flex-wrap:wrap;gap:4px}.agg-bar-label{width:auto;text-align:left;font-size:12px;font-weight:600}.agg-bar-stat{font-size:10px;min-width:0;margin-left:auto}.agg-bar-track{width:100%;flex:none;height:22px;order:3}.agg-heat{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:8px!important}.agg-card-grid{grid-template-columns:1fr!important}.report-filter-row{flex-direction:column;align-items:stretch}.report-filter-actions{flex-direction:column}.report-search{width:100%!important}.report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:6px}.skeleton-week{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.skeleton-day-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius, 10px);padding:14px;display:flex;flex-direction:column;gap:8px}.skeleton-summary-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.skeleton-stat-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.skeleton-breakdown{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:10px;padding:14px}.skeleton-breakdown-row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.skeleton-report-agg{display:flex;flex-direction:column;gap:14px;padding:20px 0}.skeleton-agg-row{display:flex;align-items:center;gap:12px}