:root{--color-primary: #2f3e46;--color-primary-soft: #3b5563;--color-accent: #cc8b86;--color-bg: #fafaf5;--color-surface: #ffffff;--color-line: #e5e3d5;--color-ink: #2e2e33;--color-muted: #6b6f72;--color-warn: #d4a373;--color-danger: #bc4749;--color-success: #2f6b4f;--color-info: #7fb069;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(47, 62, 70, .06);--shadow-md: 0 4px 10px rgba(47, 62, 70, .08);--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif;--font-mono: "JetBrains Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-serif);color:var(--color-primary);letter-spacing:.02em;margin:0}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.app-shell{display:flex;flex-direction:column;min-height:100vh}.global-nav{background:var(--color-surface);border-bottom:1px solid var(--color-line);padding:.5rem 1.25rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-bg);display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;font-size:1.1rem}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-family:var(--font-serif);font-weight:700;color:var(--color-primary)}.brand-subtitle{color:var(--color-muted);font-size:.75rem}.nav-links{list-style:none;display:flex;gap:.25rem;margin:0 0 0 auto;padding:0}.nav-links a{display:inline-block;padding:.5rem .9rem;border-radius:var(--radius-sm);color:var(--color-muted);text-decoration:none;font-weight:600;transition:background .12s ease,color .12s ease}.nav-links a:hover{background:#2f3e460a;color:var(--color-primary)}.nav-links a.is-active{background:var(--color-primary);color:#fff}.global-footer{margin-top:auto;text-align:center;padding:1rem;color:var(--color-muted);border-top:1px solid var(--color-line);background:var(--color-surface)}.page{width:100%;max-width:min(100%,1920px);margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem;display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end}.page-subtitle{color:var(--color-muted);margin:.25rem 0 0}.section-title{margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:2px solid var(--color-line)}.empty-state{color:var(--color-muted);padding:1rem 0;font-style:italic}.error-box{background:#fff3f3;border:1px solid var(--color-danger);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-md)}.recharts-reference-area-rect-provisional{fill:#7fb06914}.analytics-asof-stamp{fill:var(--color-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.two-col,.three-col{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 960px){.two-col{grid-template-columns:1fr 1fr}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem}.period-picker{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.preset-row{display:flex;gap:.35rem;flex-wrap:wrap}.preset-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-size:.85rem;transition:background .12s ease,border-color .12s ease,color .12s ease}.preset-chip input[type=radio]{display:none}.preset-chip:hover{background:#f5f4ea}.preset-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.range-row{display:flex;gap:.75rem;flex-wrap:wrap}.range-row[data-disabled=true]{opacity:.55}.range-row label,.assignee-picker label,.bucket-selector label{display:flex;flex-direction:column;font-size:.8rem;color:var(--color-muted);gap:.25rem}.range-row input,.assignee-picker select,.bucket-selector select,input[type=month],input[type=date]{font:inherit;padding:.4rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.assignee-picker,.bucket-selector{display:flex;flex-direction:column;gap:.25rem}.assignee-picker .hint-text{font-size:.75rem;color:var(--color-muted)}.freshness-cluster{display:flex;flex-wrap:wrap;gap:.5rem}.freshness-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-muted)}.freshness-dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted)}.freshness-badge.level-fresh .freshness-dot{background:var(--color-success)}.freshness-badge.level-warn{border-color:var(--color-warn);color:var(--color-warn)}.freshness-badge.level-warn .freshness-dot{background:var(--color-warn)}.freshness-badge.level-danger{border-color:var(--color-danger);color:var(--color-danger)}.freshness-badge.level-danger .freshness-dot{background:var(--color-danger)}.freshness-badge.level-unknown .freshness-dot{background:#c9c5b0}.freshness-label{font-weight:700;letter-spacing:.04em}.freshness-time{color:inherit}.kpi-cards{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 640px){.kpi-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.kpi-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.kpi-cards{grid-template-columns:repeat(6,1fr)}}.kpi-card{background:var(--color-surface);border:1px solid var(--color-line);border-top:3px solid var(--color-primary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.35rem;min-height:106px}.kpi-card.tone-accent{border-top-color:var(--color-accent)}.kpi-card.tone-warn{border-top-color:var(--color-warn)}.kpi-card.tone-danger{border-top-color:var(--color-danger)}.kpi-card__label{font-family:var(--font-sans);color:var(--color-muted);font-size:.8rem;font-weight:500;text-transform:none;margin:0}.kpi-card__value{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--color-primary);margin:0;line-height:1.15}.kpi-card__helper{color:var(--color-muted);font-size:.75rem;margin:0}.table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;padding:.6rem .8rem;background:#f5f4ea;border-bottom:1px solid var(--color-line);color:var(--color-primary);font-weight:600;font-size:.8rem;letter-spacing:.02em}tbody th,tbody td{padding:.55rem .8rem;border-bottom:1px solid var(--color-line);text-align:left;font-weight:400}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#2f3e4608}.align-right{text-align:right;font-variant-numeric:tabular-nums}.emphasize{font-weight:700;color:var(--color-primary)}.row-warn{background:#d4a37314}.row-severe{background:#bc474914;color:var(--color-danger)}.row-severe:hover{background:#bc474924}.stale-row-button{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .35rem;margin:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm, 4px);color:inherit;font:inherit;text-align:left;cursor:pointer}.stale-row-button:hover{background:#0000000a;border-color:var(--color-line, #d6ccba)}.stale-row-button:focus-visible{outline:2px solid var(--color-primary, #7a5c2e);outline-offset:2px}.stale-row-button>code{background:transparent}.admin-only-hint{background:#fffbef;border:1px dashed var(--color-warn);color:var(--color-primary);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.88rem}.hint-text{color:var(--color-muted);font-size:.75rem;margin:.4rem .8rem .5rem}.attendance-heatmap{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);overflow-x:auto}.heatmap-legend{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:.75rem 0 0;font-size:.75rem;color:var(--color-muted)}.heatmap-legend li{display:inline-flex;align-items:center;gap:.3rem}.heatmap-legend .sw{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid transparent}.heatmap-legend .sw.hatch{background:repeating-linear-gradient(45deg,#f3f2ea,#f3f2ea 3px,#d9d6c5 3px 5px)}.attendance-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.attendance-ranking li{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:.6rem .8rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}.attendance-ranking .rank-badge{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;font-size:.9rem}.attendance-ranking .rank-1 .rank-badge{background:#c9a227}.attendance-ranking .rank-2 .rank-badge{background:#9ba1a6}.attendance-ranking .rank-3 .rank-badge{background:#b87333}.attendance-ranking .rank-name{font-weight:600;color:var(--color-primary);flex:1}.attendance-ranking .rank-value{font-variant-numeric:tabular-nums;color:var(--color-muted)}button,[role=button],a,select,input{outline-color:var(--color-accent)}button:focus-visible,[role=button]:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-block{display:inline-block;vertical-align:middle;border-radius:var(--radius-sm);background-color:#ece9d8;background-image:linear-gradient(90deg,#fff0 0,#fff9,#fff0);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 1.4s ease-in-out infinite}.skeleton-block--value{width:70%;height:1.6rem}.skeleton-block--cell{width:70%;height:.95rem}.skeleton-block--label{width:50%;height:.75rem}.loading-spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--color-line);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.loading-inline{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-muted);font-size:.8rem}@media (prefers-reduced-motion: reduce){*{transition:none!important}.skeleton-block,.loading-spinner{animation:none!important}}.nav-links a{display:inline-flex;align-items:center;gap:.35rem}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .4rem;border-radius:999px;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.nav-links a.is-active .nav-badge{background:#fff;color:var(--color-primary)}.resurface-page .resurface-filter-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.resurface-page .resurface-filter-group label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--color-muted)}.resurface-page .resurface-filter-group input,.resurface-page .resurface-filter-group select{font:inherit;padding:.4rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.resurface-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-primary);font-weight:600;cursor:pointer;font-size:.85rem}.resurface-action-btn:disabled,.resurface-action-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;background:#f3f1e7;color:var(--color-muted)}.resurface-candidates caption{text-align:left}.kpi-cards.single-card{grid-template-columns:minmax(220px,320px)}.reprint-rate-card{display:contents}.reprint-rate-section{display:grid;grid-template-columns:minmax(220px,320px);gap:.75rem}.analytics-page{gap:1.25rem}.analytics-grid{align-items:start}.analytics-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.analytics-panel-header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.analytics-panel-copy{margin:0;color:var(--color-muted)}.analytics-phase-heading{padding:0 .125rem}.analytics-chart-frame{min-height:320px}.analytics-empty-state{min-height:240px;display:grid;place-items:center;text-align:center}.analytics-legend{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-bottom:.4rem;font-size:.78rem}.analytics-legend__item{color:var(--color-ink)}.analytics-legend__note{margin-left:auto;color:var(--color-muted)}.analytics-tooltip{min-width:184px;padding:.65rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fffffff7;box-shadow:var(--shadow-md)}.analytics-tooltip__header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.45rem;color:var(--color-primary)}.analytics-tooltip__rows{display:flex;flex-direction:column;gap:.25rem}.analytics-tooltip__stack{display:flex;flex-direction:column;gap:.15rem}.analytics-tooltip__row{display:flex;gap:.75rem;justify-content:space-between;font-variant-numeric:tabular-nums}.analytics-tooltip__name{display:inline-flex;align-items:center;gap:.4rem}.analytics-tooltip__dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--color-muted)}.analytics-tooltip__value{color:var(--color-primary);font-weight:600}.analytics-tooltip__subrow{color:var(--color-muted);font-size:.75rem;line-height:1.45}.analytics-reference-area{pointer-events:none}.analytics-inline-note{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.35rem .6rem;border:1px solid var(--color-line);border-radius:999px;color:var(--color-muted);background:#f7f4ea;font-size:.78rem}.analytics-inline-note__swatch{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(47,62,70,.12);background:var(--color-accent)}.analytics-inline-note__swatch--hatch{background:repeating-linear-gradient(135deg,#2f3e462e 0 2px,#efe6ddf2 2px 5px)}.analytics-heatmap-frame{min-height:360px}.analytics-heatmap-surface{position:relative;height:320px}.analytics-heatmap-tooltip{position:absolute;top:12px;right:12px}@media (max-width: 959px){.analytics-legend__note{margin-left:0;width:100%}.analytics-heatmap-surface{height:360px}}.auth-page{max-width:560px;margin:3rem auto;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-sm)}.auth-button-host{margin:1.25rem 0;display:flex;justify-content:center}.attendance-page{gap:1rem}.attendance-header-actions{display:flex;gap:.5rem;align-items:center}.attendance-date-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.attendance-readonly{color:var(--color-muted);background:#ffc8572e;padding:.35rem .75rem;border-radius:999px;font-size:.85rem}.attendance-card{border:1px solid var(--color-line);border-radius:var(--radius-md, 12px);padding:1rem 1.25rem;background:var(--color-surface);display:flex;flex-direction:column;gap:.75rem}.attendance-card legend{font-weight:700;color:var(--color-primary);padding:0 .4rem}.attendance-card[disabled]{opacity:.65}.attendance-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.attendance-row.activity{border-bottom:1px dashed var(--color-line);padding-bottom:.75rem}.attendance-row.activity:last-of-type{border-bottom:none}.attendance-row label{display:flex;flex-direction:column;font-size:.8rem;color:var(--color-muted);gap:.25rem}.attendance-row input[type=time],.attendance-row input[type=text],.attendance-row select{padding:.4rem .55rem;border:1px solid var(--color-line);border-radius:var(--radius-sm, 6px);font-size:.95rem;background:var(--color-bg);color:inherit}.attendance-row .counterparty-field{flex:1 1 220px;min-width:200px;position:relative}.attendance-row .memo-field{flex:1 1 220px;min-width:180px}.counterparty-tag{font-size:.75rem;color:var(--color-muted);background:#2f3e460f;padding:.15rem .45rem;border-radius:999px;margin-top:.2rem;align-self:flex-start}.counterparty-tag.new{background:#ff98002e;color:#b65a00}.counterparty-suggest{list-style:none;margin:.25rem 0 0;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-sm, 6px);background:var(--color-surface);box-shadow:var(--shadow-sm);max-height:220px;overflow-y:auto}.counterparty-suggest li button{width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;border-bottom:1px solid var(--color-line)}.counterparty-suggest li:last-child button{border-bottom:none}.counterparty-suggest li button:hover,.counterparty-suggest li button:focus-visible{background:#2f3e460a}.counterparty-suggest .suggest-sub{color:var(--color-muted);font-size:.8rem}.counterparty-empty{margin-top:.5rem;padding:.5rem .75rem;border:1px dashed var(--color-line);border-radius:var(--radius-sm, 6px);background:var(--color-bg);color:var(--color-muted);font-size:.85rem}.attendance-hint{color:var(--color-muted);font-size:.8rem}.attendance-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.primary-button{background:var(--color-primary);color:var(--color-bg);border:none;border-radius:var(--radius-sm, 6px);padding:.55rem 1.25rem;font-weight:700;cursor:pointer;transition:opacity .12s ease}.primary-button:hover:not(:disabled){opacity:.9}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm, 6px);padding:.4rem .95rem;font-weight:600;cursor:pointer;align-self:flex-start}.secondary-button:hover:not(:disabled){background:#2f3e460d}.link-button{background:none;border:none;color:var(--color-primary);text-decoration:underline;font-weight:600;cursor:pointer;padding:.25rem 0}.link-button.danger{color:#c0382b}.success-box{background:#4caf501f;border:1px solid rgba(76,175,80,.4);color:#2e7032;padding:.6rem .85rem;border-radius:var(--radius-sm, 6px)}@media (max-width: 720px){.attendance-row{gap:.5rem .75rem}.attendance-row label{flex:1 1 calc(50% - .5rem)}.attendance-row .counterparty-field,.attendance-row .memo-field{flex:1 1 100%}}.attendance-tabs{display:flex;gap:.5rem;margin:1rem 0 1.25rem;border-bottom:2px solid var(--color-line);flex-wrap:wrap}.attendance-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:.65rem 1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;color:var(--color-muted);font-family:inherit;margin-bottom:-2px;transition:color .15s ease,border-color .15s ease,background .15s ease;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.attendance-tab:hover{color:var(--color-primary);background:#2f3e460a}.attendance-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.attendance-tab-label{font-weight:700;font-size:.95rem}.attendance-tab-subtitle{font-size:.72rem;color:var(--color-muted)}.attendance-tab-body,.attendance-timeline-tab{display:flex;flex-direction:column;gap:1rem}.attendance-timeline-legend{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:var(--color-muted)}.att-legend{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-line)}.att-legend:before{content:"";width:10px;height:10px;border-radius:2px}.att-legend-work:before{background:#3a8d8e66}.att-legend-apo:before{background:#e08a4a}.att-legend-interview:before{background:#7c5db8}.attendance-timeline-grid{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.att-tl-header{display:flex;border-bottom:1px solid var(--color-line);padding-bottom:.35rem;margin-bottom:.5rem}.att-tl-name-col{flex:0 0 130px}.att-tl-hours-col{flex:1;position:relative;display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.att-tl-hour-tick{flex:0 0 auto}.att-tl-lane{display:flex;align-items:center;min-height:38px;padding:.25rem 0;border-bottom:1px dashed rgba(229,227,213,.6)}.att-tl-lane:last-child{border-bottom:none}.att-tl-lane.is-mine{background:#cc8b860f;border-radius:var(--radius-sm)}.att-tl-lane.no-entry .att-tl-track{background:repeating-linear-gradient(45deg,#f6f5ed,#f6f5ed 4px,#fafaf5 4px 8px)}.att-tl-name{flex:0 0 130px;font-weight:600;color:var(--color-primary);display:flex;flex-direction:column;font-size:.88rem}.att-tl-role{font-weight:400;color:var(--color-muted);font-size:.7rem}.att-tl-track{flex:1;position:relative;height:30px;border-radius:4px}.att-tl-gridline{position:absolute;top:0;bottom:0;width:1px;background:#0000000d}.att-tl-block{position:absolute;top:4px;bottom:4px;border-radius:4px;font-size:.7rem;color:#fff;display:flex;align-items:center;padding:0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-tl-block.work{background:#3a8d8e2e;border:1px solid rgba(58,141,142,.35);color:#2f3e46;top:0;bottom:0}.att-tl-block.work.open-ended{background:#d4a3732e;border:1px dashed rgba(212,163,115,.6);color:#8c5a1e}.att-tl-block.apo{background:#e08a4a;overflow:visible;cursor:pointer}.att-tl-block.interview{background:#7c5db8;overflow:visible;cursor:pointer}.att-tl-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:grid;gap:.15rem;min-width:180px;max-width:280px;padding:.5rem .7rem;background:#21262df2;color:#fff;border-radius:6px;font-size:.72rem;line-height:1.35;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease;z-index:50;box-shadow:0 6px 20px #0000002e}.att-tl-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#21262df2}.att-tl-block.apo:hover .att-tl-tip,.att-tl-block.apo:focus-visible .att-tl-tip,.att-tl-block.interview:hover .att-tl-tip,.att-tl-block.interview:focus-visible .att-tl-tip{opacity:1;visibility:visible}.att-tl-tip-kind{font-weight:700;font-size:.68rem;opacity:.7;letter-spacing:.05em}.att-tl-tip-time{font-variant-numeric:tabular-nums;font-weight:600}.att-tl-tip-name{font-weight:600;font-size:.78rem}.att-tl-tip-memo{opacity:.85;font-size:.7rem}.att-tl-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-muted);pointer-events:none}.attendance-table-title{margin:1.25rem 0 .5rem}.attendance-table-wrapper{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm)}.attendance-table{width:100%;border-collapse:collapse;font-size:.85rem}.attendance-table th,.attendance-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-line)}.attendance-table th{background:#2f3e460a;color:var(--color-primary);font-weight:600}.attendance-table th.num,.attendance-table td.num{text-align:right;font-variant-numeric:tabular-nums}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-by-member{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:1rem;align-items:start}.attendance-member-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.attendance-member-header{display:flex;align-items:baseline;gap:.6rem;padding:.6rem .9rem;background:#3a8d8e14;border-bottom:1px solid var(--color-line);flex-wrap:wrap}.attendance-member-name{font-weight:700;font-size:1rem;color:var(--color-primary)}.attendance-member-header small{color:var(--color-muted);font-size:.75rem}.attendance-member-summary{margin-left:auto;font-size:.78rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.attendance-member-card .attendance-table-wrapper{border:none;border-radius:0;box-shadow:none}.attendance-row-work td:first-child{border-left:3px solid rgba(58,141,142,.55)}.attendance-row-apo td:first-child{border-left:3px solid rgba(224,138,74,.6)}.attendance-row-interview td:first-child{border-left:3px solid rgba(124,93,184,.55)}.att-loading-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;margin-bottom:.75rem;background:#3a8d8e14;border:1px solid rgba(58,141,142,.25);border-radius:var(--radius-md);color:var(--color-primary);font-size:.85rem}.att-loading-banner .loading-spinner{width:.9rem;height:.9rem;border:2px solid rgba(58,141,142,.25);border-top-color:#3a8d8e;border-radius:50%;animation:att-spin .8s linear infinite;display:inline-block}.att-loading-banner small{margin-left:auto;color:var(--color-muted)}@keyframes att-spin{to{transform:rotate(360deg)}}.att-skeleton{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.att-skel-row{height:2.5rem;border-radius:var(--radius-md);background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);background-size:200% 100%;animation:att-shimmer 1.4s ease-in-out infinite}.att-skel-card{height:8rem;border-radius:var(--radius-md);background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);background-size:200% 100%;animation:att-shimmer 1.4s ease-in-out infinite}@keyframes att-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.attendance-monthly-tab{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 1100px){.attendance-monthly-tab{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.attendance-monthly-tab>.attendance-date-row,.attendance-monthly-tab>.att-warn-box,.attendance-monthly-tab>.error-box,.attendance-monthly-tab>.att-loading-banner,.attendance-monthly-tab>.att-skeleton,.attendance-monthly-tab>.att-card.att-card-fullwidth{grid-column:1 / -1}}.att-period-readout{font-size:.78rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.att-warn-box{background:#d4a3731f;border:1px solid rgba(212,163,115,.45);color:#7a4f1a;padding:.75rem 1rem;border-radius:var(--radius-md)}.att-warn-box ul{margin:.4rem 0 0;padding-left:1.2rem;font-size:.85rem}.att-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.att-card h3{margin:0}.att-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.att-toggle-group{display:inline-flex;border:1px solid var(--color-line);border-radius:999px;overflow:hidden;background:var(--color-surface)}.att-toggle-group button{background:transparent;border:none;padding:.3rem .85rem;cursor:pointer;font-size:.78rem;color:var(--color-muted);font-family:inherit}.att-toggle-group button.is-active{background:var(--color-primary);color:#fff}.att-toggle-group button:disabled{opacity:.5;cursor:not-allowed}.att-bignum-card{background:linear-gradient(135deg,#fff,#fdfaf3);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.5rem}.att-bignum-main{display:flex;align-items:baseline;gap:.4rem;color:var(--color-primary)}.att-bignum-value{font-family:var(--font-serif);font-size:3rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.att-bignum-unit{font-size:1rem;color:var(--color-muted)}.att-bignum-divider{font-size:1.5rem;color:var(--color-line);margin:0 .5rem}.att-bignum-sub{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--color-muted)}.att-bignum-sub strong{color:var(--color-primary);font-size:1.05rem;font-variant-numeric:tabular-nums;margin-right:.15rem}.control-note{color:var(--color-muted);font-size:.78rem}.status-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1rem}.status-breakdown-skeleton{height:12rem;border-radius:var(--radius-md);background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);background-size:200% 100%;animation:att-shimmer 1.4s ease-in-out infinite}.status-breakdown-group{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-sm)}.status-breakdown-group header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.status-breakdown-group h3{margin:0;font-size:.95rem}.status-breakdown-total{color:var(--color-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.status-breakdown-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.status-breakdown-group li{display:grid;grid-template-columns:7rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.82rem}.status-breakdown-label{color:var(--color-primary);font-weight:500}.status-breakdown-bar{height:.85rem;border-radius:2px;min-width:2px;transition:width .2s ease}.status-breakdown-count{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.unpaid-summary{display:flex;gap:1.25rem;margin-bottom:.6rem;flex-wrap:wrap;align-items:baseline}.unpaid-summary-count{font-size:.95rem;font-weight:600;color:var(--color-primary)}.unpaid-summary-balance{font-size:1.05rem;font-weight:700;color:#bc4749;font-variant-numeric:tabular-nums}.active-apos-controls{display:flex;flex-wrap:wrap;gap:.85rem;align-items:end;margin-bottom:.5rem}.active-apos-controls label{display:flex;flex-direction:column;font-size:.75rem;color:var(--color-muted);gap:.2rem}.active-apos-controls select{padding:.35rem .55rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:inherit;font-size:.85rem}.active-apos-summary{margin-left:auto;color:var(--color-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.active-apos-status-counts{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.active-apos-status-pill{font-size:.75rem;padding:.18rem .55rem;border-radius:999px;background:#3a8d8e14;color:var(--color-primary)}.active-apos-status-pill strong{margin-left:.25rem;font-variant-numeric:tabular-nums}.per-person-performance{display:flex;flex-direction:column;gap:.6rem}.per-person-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.per-person-hint{font-size:.78rem;color:var(--color-muted)}.per-person-bottleneck-mark{background:#bc474926;color:#bc4749;padding:0 .35rem;border-radius:3px;font-weight:600}.attendance-table td.is-bottleneck{background:#bc47491f;color:#bc4749;font-weight:700}.per-person-diag{font-size:.78rem;color:#bc4749;font-weight:600}.per-person-diag-muted{font-size:.78rem;color:var(--color-muted)}.attendance-heatmap-wrapper{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.attendance-heatmap-wrapper .react-calendar-heatmap{width:auto;max-width:100%;height:auto;max-height:180px;display:block;margin:0 auto}.attendance-heatmap-wrapper .react-calendar-heatmap text{font-size:6px;fill:var(--color-muted)}.attendance-heatmap-wrapper .color-empty{fill:#f0eee3}.attendance-heatmap-wrapper .color-att-1{fill:#c8e2cf}.attendance-heatmap-wrapper .color-att-2{fill:#7fb069}.attendance-heatmap-wrapper .color-att-3{fill:#2f6b4f}.att-heatmap-legend{list-style:none;margin:0;padding:0;display:flex;gap:.75rem;font-size:.72rem;color:var(--color-muted);flex-wrap:wrap}.att-heatmap-legend li{display:inline-flex;align-items:center;gap:.25rem}.att-heatmap-legend .sw{width:12px;height:12px;border-radius:2px;display:inline-block}.att-heatmap-legend .sw.color-empty{background:#f0eee3}.att-heatmap-legend .sw.color-att-1{background:#c8e2cf}.att-heatmap-legend .sw.color-att-2{background:#7fb069}.att-heatmap-legend .sw.color-att-3{background:#2f6b4f}@media (max-width: 720px){.attendance-tab{padding:.5rem .75rem}.att-tl-name-col,.att-tl-name{flex-basis:90px}.att-bignum-value{font-size:2.25rem}}