:root{--color-primary: #166534;--color-primary-hover: #14532d;--color-primary-active: #0f3f23;--color-on-primary: #ffffff;--color-canvas: #f6f8f7;--color-surface: #ffffff;--color-surface-subtle: #eef3f0;--color-border: #cbd5cf;--color-border-strong: #91a29a;--color-text: #17201b;--color-text-muted: #526159;--color-text-inverse: #ffffff;--color-link: #14532d;--color-success: #166534;--color-success-bg: #e8f5ec;--color-success-text: #124c29;--color-warning: #9a6700;--color-warning-bg: #fff4cf;--color-warning-text: #654400;--color-danger: #b42318;--color-danger-bg: #ffebe8;--color-danger-text: #7a271a;--color-info: #175cd3;--color-info-bg: #eaf2ff;--color-info-text: #1849a9;--color-neutral-bg: #eef1ef;--color-focus-ring: #0b6fc2;--color-chart-open: #e4c984;--color-chart-submitted: #2f6fed;--color-chart-rejected: #c4473a;--color-chart-approved: #238b57;--color-chart-inconsistent: #b42318;--color-chart-petugas-surface: #f2f7ef;--color-chart-pengawas-surface: #dcebd4;--color-chart-pengawas-surface-strong: #cbe2bf;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-body: 1rem;--text-meta: .875rem;--text-title-sm: 1.125rem;--text-title-md: 1.5rem;--text-title-lg: clamp(1.75rem, 3vw, 2.25rem);--line-body: 1.55;--line-heading: 1.25;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-full: 999px;--shadow-overlay: 0 20px 40px rgb(20 35 27 / 18%);--shadow-floating: 0 8px 24px rgb(20 35 27 / 12%);--sidebar-width: 16.5rem;--content-max: 96rem}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:100%;line-height:var(--line-body);text-rendering:optimizeLegibility}body{margin:0;min-width:20rem;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 3px var(--color-surface),0 0 0 6px var(--color-focus-ring)}a{color:var(--color-link);font-weight:650;text-underline-offset:.18em}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:var(--line-heading)}svg{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);z-index:100;transform:translateY(-180%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary)}.skip-link:focus{transform:translateY(0)}.app-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface);transform:translate(-100%);transition:transform .16s ease}.sidebar.is-open{transform:translate(0);box-shadow:var(--shadow-overlay)}.sidebar-backdrop{position:fixed;inset:0;z-index:20;border:0;background:#121c167f}.brand{display:flex;min-height:5rem;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.brand-mark{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-weight:800;letter-spacing:-.04em}.brand-title,.brand-subtitle{display:block}.brand-title{font-size:1.05rem;font-weight:800;letter-spacing:.015em}.brand-subtitle{color:var(--color-text-muted);font-size:.78rem}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:var(--space-1);overflow-y:auto;padding:var(--space-4) var(--space-3)}.nav-section-label{margin:var(--space-4) var(--space-3) var(--space-2);color:var(--color-text-muted);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.nav-link{display:flex;min-height:2.75rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.94rem;font-weight:650;text-decoration:none}.nav-link:hover{background:var(--color-surface-subtle);color:var(--color-text)}.nav-link.active{background:var(--color-success-bg);color:var(--color-success-text)}.sidebar-account{padding:var(--space-4);border-top:1px solid var(--color-border)}.account-name,.account-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name{font-weight:750}.account-email{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-meta)}.topbar{position:sticky;top:0;z-index:10;display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{min-width:0;margin:0;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.page-content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-eyebrow{margin-bottom:var(--space-1);color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-title{margin-bottom:var(--space-2);font-size:var(--text-title-lg);letter-spacing:-.025em}.page-description{max-width:48rem;margin-bottom:0;color:var(--color-text-muted)}.page-actions,.button-row,.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.grid{display:grid;gap:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.section{margin-top:var(--space-6)}.section-header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.dashboard-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.section-title{margin-bottom:var(--space-1);font-size:var(--text-title-sm)}.section-description{margin-bottom:0;color:var(--color-text-muted);font-size:var(--text-meta)}.card{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.card.compact{padding:var(--space-4)}.card-title{margin-bottom:var(--space-2);font-size:var(--text-title-sm)}.card-subtitle{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-meta)}.metric-card{display:flex;min-height:9rem;flex-direction:column;justify-content:space-between}.metric-label{color:var(--color-text-muted);font-size:var(--text-meta);font-weight:650}.metric-value{margin:var(--space-2) 0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1}.metric-note{margin:0;color:var(--color-text-muted);font-size:.8rem}.progress-track{width:100%;height:.7rem;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-subtle)}.progress-fill{height:100%;border-radius:inherit;background:var(--color-primary)}.progress-fill.warning{background:var(--color-warning)}.progress-labels{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:.8rem}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);padding:.6rem var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:750;line-height:1.2;text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.58}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-primary:active:not(:disabled){background:var(--color-primary-active)}.button-secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.button-secondary:hover:not(:disabled){background:var(--color-surface-subtle)}.button-danger{border-color:var(--color-danger);background:var(--color-surface);color:var(--color-danger-text)}.button-ghost{background:transparent;color:var(--color-text-muted)}.button-small{min-height:2.5rem;padding:.45rem var(--space-3);font-size:.875rem}.icon-button{width:2.75rem;min-width:2.75rem;padding:0}.badge{display:inline-flex;min-height:1.75rem;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--color-neutral-bg);color:var(--color-text);font-size:.78rem;font-weight:750;line-height:1.2;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--color-surface)}.alert-info{border-left-color:var(--color-info);background:var(--color-info-bg)}.alert-warning{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.alert-danger{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.alert-success{border-left-color:var(--color-success);background:var(--color-success-bg)}.alert-title{margin-bottom:var(--space-1);font-weight:800}.alert-content p:last-child{margin-bottom:0}.field{display:flex;min-width:0;flex-direction:column;gap:var(--space-2)}.field-label{font-weight:700}.field-hint,.field-error{margin:0;font-size:.82rem}.field-hint{color:var(--color-text-muted)}.field-error{color:var(--color-danger-text);font-weight:650}.input,.select,.textarea{width:100%;min-height:2.75rem;padding:.62rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.textarea{min-height:6.5rem;resize:vertical}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.data-table th{background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.78rem;letter-spacing:.025em;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f9fbfa}.cell-primary{display:block;color:var(--color-text);font-weight:700}.cell-secondary{display:block;margin-top:.1rem;color:var(--color-text-muted);font-size:.8rem}.definition-list{display:grid;gap:var(--space-3);margin:0}.definition-list>div{display:grid;gap:var(--space-1)}.definition-list dt{color:var(--color-text-muted);font-size:.8rem;font-weight:650}.definition-list dd{margin:0;font-weight:650}.empty-state,.loading-state,.error-state{display:grid;min-height:15rem;place-items:center;padding:var(--space-6);text-align:center}.state-icon{display:grid;width:3.5rem;height:3.5rem;margin:0 auto var(--space-3);place-items:center;border-radius:var(--radius-full);background:var(--color-surface-subtle);color:var(--color-text-muted)}.spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:.55rem var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-weight:700;text-decoration:none;white-space:nowrap}.tab[aria-selected=true],.tab[aria-current=page]{border-color:var(--color-primary);background:var(--color-success-bg);color:var(--color-success-text)}.survey-group{padding:0;overflow:hidden}.survey-group>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);cursor:pointer;background:var(--color-surface-subtle)}.survey-group>summary::marker{color:var(--color-primary)}.survey-group>.section-description,.survey-group-content{margin:var(--space-5)}.survey-stage-list{padding-left:1.4rem;margin-bottom:var(--space-5)}.survey-stage-list li{margin-bottom:var(--space-2)}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr);background:var(--color-canvas)}.login-intro{display:none;padding:var(--space-7);background:var(--color-primary-active);color:var(--color-on-primary)}.login-intro-inner{max-width:34rem;margin:auto}.login-intro h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.05em}.login-panel{display:grid;place-items:center;padding:var(--space-5)}.login-card{width:min(100%,29rem);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.login-logo{display:grid;width:3.25rem;height:3.25rem;margin-bottom:var(--space-5);place-items:center;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:1.2rem;font-weight:800}.calendar-page{display:grid;height:calc(100dvh - 8.5rem);min-width:0;gap:var(--space-3);grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.calendar-page-header{align-items:center;margin-bottom:0}.calendar-page-header .page-title{margin-bottom:0;font-size:var(--text-title-md)}.calendar-month-navigation{display:flex;align-items:center;gap:var(--space-2)}.calendar-month-label{position:relative;min-width:11rem;touch-action:manipulation;-webkit-user-select:none;user-select:none}.calendar-month-label:after{position:absolute;z-index:5;top:calc(100% + var(--space-2));left:50%;width:max-content;max-width:min(18rem,80vw);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-text-inverse);content:attr(data-hint);font-size:.78rem;font-weight:650;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,-.25rem);transition:opacity .12s ease,transform .12s ease;visibility:hidden}.calendar-month-label:hover:after,.calendar-month-label:focus-visible:after{opacity:1;transform:translate(-50%);visibility:visible}.calendar-filter-bar{display:flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-1);overflow:hidden}.calendar-activity-filter{display:inline-flex;min-height:2.75rem;flex:0 0 auto;align-items:center;padding:0 var(--space-1);border:0;background:transparent;cursor:pointer}.calendar-activity-filter-label{display:inline-flex;min-height:1.5rem;align-items:center;padding:.1rem var(--space-2);border:1px solid var(--color-success);border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success-text);font-size:.72rem;font-weight:750;line-height:1.15;white-space:nowrap}.calendar-activity-filter.jagung .calendar-activity-filter-label{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning-text)}.calendar-activity-filter:hover .calendar-activity-filter-label{filter:brightness(.97)}.calendar-activity-filter.is-hidden .calendar-activity-filter-label{border-color:var(--color-border-strong);background:var(--color-surface-subtle);color:var(--color-text-muted);text-decoration:line-through}.calendar-filter-empty{color:var(--color-text-muted);font-size:var(--text-meta)}.calendar-viewport{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.calendar-grid{display:grid;width:100%;height:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(0,1fr))}.calendar-weekday,.calendar-day{min-width:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.calendar-weekday:nth-child(7),.calendar-day:nth-child(7n+7){border-right:0}.calendar-weekday{padding:.2rem .1rem;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.78rem;font-weight:750;text-align:center}.calendar-day{min-height:0;padding:.1rem .2rem}.calendar-day.outside{background:var(--color-canvas);color:var(--color-text-muted)}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--color-focus-ring)}.calendar-date{display:inline-grid;position:relative;z-index:4;width:1.35rem;height:1.35rem;place-items:center;border-radius:var(--radius-full);font-size:.72rem;font-weight:750}.calendar-timeline-line{z-index:2;height:2px;align-self:start;margin-top:calc(1.35rem + var(--calendar-line-lane) * .1rem);margin-right:-1px;margin-left:-1px;background:var(--color-success)}.calendar-timeline-line.jagung{background:var(--color-warning)}.calendar-timeline-label{z-index:3;height:1rem;min-width:0;align-self:start;margin-top:calc(1.05rem + var(--calendar-label-lane) * 1.05rem);overflow:hidden;padding:0 .2rem;border:0;border-radius:.25rem;background:var(--color-success);color:var(--color-text-inverse);cursor:pointer;font-size:.75rem;font-weight:750;line-height:1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.calendar-timeline-label.jagung{background:var(--color-warning);color:var(--color-text-inverse)}.timeline-list{display:flex;flex-direction:column}.timeline-item{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-5)}.timeline-item:before{position:absolute;top:2.4rem;bottom:0;left:1.2rem;width:1px;background:var(--color-border);content:""}.timeline-item:last-child:before{display:none}.timeline-order{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);font-weight:800}.drawer-panel{position:fixed;inset:0 0 0 auto;z-index:60;width:min(100%,34rem);overflow-y:auto;padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-overlay)}.drawer-backdrop{position:fixed;inset:0;z-index:50;border:0;background:#121c167f}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.code-value{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.monitoring-workspace{display:grid;gap:var(--space-3);min-width:0}.monitoring-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.monitoring-toolbar-title{min-width:0}.monitoring-toolbar-title .page-eyebrow{margin-bottom:0}.monitoring-toolbar-title h1{margin-bottom:var(--space-1);font-size:var(--text-title-md);letter-spacing:-.02em}.monitoring-title-meta,.monitoring-menu-group,.personnel-chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.monitoring-title-meta{color:var(--color-text-muted);font-size:.8rem}.monitoring-chart-grid{display:grid;min-width:0;gap:var(--space-3)}.personnel-chart-card{display:grid;min-height:32rem;grid-template-rows:auto auto minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);overflow:hidden;background:var(--color-surface)}.personnel-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.personnel-chart-heading h2{margin-bottom:var(--space-1);font-size:var(--text-title-sm)}.personnel-chart-heading p{margin:0;color:var(--color-text-muted);font-size:.8125rem}.personnel-chart-score{display:grid;min-width:5.5rem;justify-items:end;padding-left:var(--space-3);border-left:1px solid var(--color-border)}.personnel-chart-score strong{color:var(--color-text);font-size:1.5rem;letter-spacing:-.03em;line-height:var(--line-heading)}.personnel-chart-score span{color:var(--color-text-muted);font-size:.75rem}.personnel-chart-legend{gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.75rem}.personnel-chart-legend>span{display:inline-flex;align-items:center;gap:.35rem}.chart-swatch{display:inline-block;width:.8rem;height:.55rem;border-radius:var(--radius-full)}.chart-swatch-pending,.chart-segment-pending{background:var(--color-chart-open)}.chart-swatch-submitted,.chart-segment-submitted{background:var(--color-chart-submitted)}.chart-swatch-rejected,.chart-segment-rejected{background:var(--color-chart-rejected)}.chart-swatch-approved,.chart-segment-approved{background:var(--color-chart-approved)}.chart-inconsistent-mark{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:var(--radius-full);background:var(--color-chart-inconsistent);color:var(--color-text-inverse);font-size:.75rem;font-style:normal;font-weight:800}.personnel-chart-rows{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding-right:var(--space-1);gap:0}.personnel-chart-row{display:grid;flex:0 0 auto;min-width:0;min-height:2.5rem;align-items:center;grid-template-columns:minmax(6.5rem,8.5rem) minmax(5rem,1fr);gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:0;background:transparent}.personnel-chart-card-pcs .personnel-chart-row.relation-tone-even{background:var(--color-surface-subtle)}.personnel-chart-card-pcs .personnel-chart-row.relation-tone-odd{background:var(--color-canvas)}.personnel-chart-row.is-relation-start{margin-top:var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.personnel-chart-row.is-relation-start.is-first-row{margin-top:0}.personnel-chart-row.is-relation-end{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.personnel-chart-row.is-relation-start.is-relation-end{border-radius:var(--radius-sm)}.personnel-chart-card-pms .personnel-chart-row{border-radius:var(--radius-sm);border-left:var(--space-1) solid var(--color-primary);background:var(--color-surface-subtle)}.personnel-chart-name{display:block;overflow:hidden;color:var(--color-text);font-size:.8125rem;font-weight:650;text-align:right;text-overflow:ellipsis;white-space:nowrap}.personnel-chart-name-mobile{display:none}.personnel-chart-plot{position:relative;min-width:0}.personnel-chart-bar{display:flex;width:100%;height:.75rem;overflow:hidden;border-radius:var(--radius-full);background:transparent}.chart-segment{flex:0 0 auto;display:block;height:100%}.chart-segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.chart-segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.chart-segment:only-child{border-radius:var(--radius-full)}.personnel-chart-inconsistent{position:absolute;top:50%;display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;transform:translate(-50%,-50%);border-radius:var(--radius-full);background:var(--color-chart-inconsistent);color:var(--color-text-inverse);box-shadow:0 0 0 2px var(--color-surface);font-size:.75rem;font-weight:800}.personnel-chart-empty{display:grid;min-height:12rem;place-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-meta);text-align:center}.monitoring-toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:80;max-width:min(28rem,calc(100vw - 2rem));padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-floating);font-size:var(--text-meta);font-weight:650}.monitoring-drawer{display:flex;flex-direction:column;gap:var(--space-5)}.monitoring-drawer .drawer-header{margin-bottom:0}.monitoring-source-warning{margin:0}.monitoring-source-warning p,.monitoring-rule-card p:last-child{margin-bottom:0}.monitoring-rule-card h3{margin-bottom:var(--space-3)}.monitoring-record-drawer{width:min(100%,72rem)}.monitoring-record-filters .filter-row{align-items:end}.monitoring-record-filters .field:first-child{flex:1 1 22rem}.monitoring-record-filters .field:last-child{flex:0 1 14rem}.monitoring-record-table{flex:1}.monitoring-record-table .data-table th{position:sticky;top:0;z-index:1}@media(max-width:47.999rem){.personnel-chart-name-desktop{display:none}.personnel-chart-name-mobile{display:inline}.personnel-chart-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-2);padding-inline:var(--space-2)}.calendar-page{gap:var(--space-2)}.calendar-page-header{display:block}.calendar-page-header .page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.calendar-month-navigation{width:100%;justify-content:center}.calendar-month-label{min-width:0;max-width:11rem;flex:1 1 auto}}@media(min-width:48rem){.page-content{padding:var(--space-6)}.calendar-page{height:calc(100dvh - 8rem)}.calendar-weekday{padding:var(--space-2)}.calendar-day{padding:var(--space-1) var(--space-2)}.calendar-date{width:1.75rem;height:1.75rem;font-size:.82rem}.calendar-timeline-line{margin-top:calc(2rem + var(--calendar-line-lane) * .18rem)}.calendar-timeline-label{margin-top:calc(1.7rem + var(--calendar-label-lane) * 1.15rem)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.definition-list>div{grid-template-columns:10rem minmax(0,1fr)}.login-card{padding:var(--space-7)}.monitoring-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar.is-open{box-shadow:none}.sidebar-close,.sidebar-backdrop{display:none}.app-main{margin-left:0}.app-main.sidebar-open{margin-left:var(--sidebar-width)}.app-main.sidebar-open .menu-button{display:none}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.login-page{grid-template-columns:minmax(25rem,1.05fr) minmax(28rem,.95fr)}.login-intro{display:grid}.calendar-page{height:calc(100dvh - 8rem);grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.calendar-filter-bar{flex-wrap:wrap;overflow:visible}.calendar-viewport{min-height:0;overflow:hidden}.calendar-grid{width:100%;height:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(0,1fr))}.calendar-day{min-height:0}.monitoring-workspace{height:calc(100dvh - 8rem);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.monitoring-chart-grid{min-height:0}.personnel-chart-card{min-height:0;height:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}