:root{--bg-primary:#fff;--bg-secondary:#f6f6f6;--bg-hover:#ececec;--border:#e3e3e3;--border-strong:#d0d0d0;--text-normal:#222;--text-muted:#5c5c5c;--text-faint:#9a9a9a;--accent:#7852ee;--accent-hover:#6a42ea;--accent-soft:#7852ee1a;--accent-text:#6a42ea;--on-accent:#fff;--red:#e93147;--red-soft:#e931471a;--orange:#d97706;--orange-soft:#d977061f;--green:#08a35a;--green-soft:#08a35a1a;--blue:#086ddd;--blue-soft:#086ddd1a;--radius-s:4px;--radius-m:6px;--radius-l:10px;--sidebar-width:248px;--nav-height:60px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg-primary:#1e1e1e;--bg-secondary:#262626;--bg-hover:#2f2f2f;--border:#333;--border-strong:#404040;--text-normal:#dcddde;--text-muted:#a3a3a3;--text-faint:#6b6b6b;--accent:#8b6cef;--accent-hover:#9d84f2;--accent-soft:#8b6cef29;--accent-text:#a891f5;--red:#fb464c;--red-soft:#fb464c24;--orange:#e9973f;--orange-soft:#e9973f24;--green:#44cf6e;--green-soft:#44cf6e21;--blue:#53a3f6;--blue-soft:#53a3f624;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-normal);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}code{font-family:var(--font-mono);border-radius:var(--radius-s);background:var(--bg-secondary);padding:1px 5px;font-size:.88em}svg.icon{stroke-width:1.75px;flex-shrink:0;width:18px;height:18px}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.brand-mark svg{stroke-width:3px;width:62%;height:62%}.brand-mark--large{border-radius:14px;width:52px;height:52px}.splash{min-height:100vh;color:var(--text-faint);justify-content:center;align-items:center;gap:10px;display:flex}.shell{min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.sidebar{display:none}.view-header{z-index:10;min-height:52px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--bg-primary);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.view-header__context{flex-direction:column;min-width:0;display:flex}.view-header__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.view-header__subtitle{color:var(--text-muted);font-size:.8rem}.view-content{max-width:720px;margin:0 auto;padding:20px 16px 32px}.bottom-nav{z-index:10;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav__item svg.icon{width:21px;height:21px}.bottom-nav__item.active{color:var(--accent-text)}@media (width>=900px){.shell{grid-template-columns:var(--sidebar-width) 1fr;padding-bottom:0;display:grid}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:12px 8px;display:flex;position:sticky;top:0}.sidebar__workspace{align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.sidebar__workspace-name{font-size:.9rem;font-weight:600;line-height:1.25}.sidebar__workspace-meta{color:var(--text-muted);font-size:.78rem}.nav-item{border-radius:var(--radius-m);color:var(--text-muted);align-items:center;gap:10px;padding:6px 10px;font-size:.9rem;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-normal)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.sidebar__footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:10px 8px 4px;font-size:.85rem;display:flex}.bottom-nav,.view-header .brand-mark{display:none}.view-content{padding:36px 40px 48px}}.page{flex-direction:column;gap:20px;display:flex}.page__title{letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1.2}.page__lead{color:var(--text-muted);margin-top:-12px}.section{flex-direction:column;gap:10px;display:flex}.section__title{font-size:1.05rem;font-weight:600}.muted{color:var(--text-muted)}.stack{flex-direction:column;gap:8px;display:flex}.properties{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;padding:6px 0;display:flex}.property{grid-template-columns:minmax(120px,34%) 1fr;align-items:center;gap:12px;padding:6px 4px;font-size:.92rem;display:grid}.property__key{color:var(--text-muted);align-items:center;gap:8px;display:flex}.property__key svg.icon{width:16px;height:16px;color:var(--text-faint)}.property__value{overflow-wrap:anywhere;min-width:0}.panel{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-primary);padding:16px}.panel--accent{border-color:var(--accent);background:var(--accent-soft)}.panel__title{margin-bottom:4px;font-size:1rem;font-weight:600}.panel>p+p,.panel>p+.btn,.panel>p+.callout{margin-top:12px}.prose ul{margin:8px 0;padding-left:20px}.prose li+li{margin-top:4px}.prose p+p{margin-top:12px}.callout{border-radius:var(--radius-m);border-left:3px solid var(--blue);background:var(--blue-soft);gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.callout svg.icon{color:var(--blue);margin-top:2px}.callout--error{border-left-color:var(--red);background:var(--red-soft)}.callout--error svg.icon{color:var(--red)}.callout--success{border-left-color:var(--green);background:var(--green-soft)}.callout--success svg.icon{color:var(--green)}.callout--note{border-left-color:var(--accent);background:var(--accent-soft)}.callout--note svg.icon{color:var(--accent-text)}.auth{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth__panel{flex-direction:column;gap:18px;width:100%;max-width:380px;display:flex}.auth__head{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:4px;display:flex}.auth__title{letter-spacing:-.01em;font-size:1.45rem;font-weight:700}.auth__subtitle{color:var(--text-muted);margin-top:-6px;font-size:.92rem}.auth__help{color:var(--text-faint);text-align:center;font-size:.85rem}.auth--page{align-items:flex-start}.auth--page .auth__panel{max-width:600px}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-muted);font-size:.88rem;font-weight:500}.field__hint{color:var(--text-faint);font-size:.8rem}.input{border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--bg-primary);width:100%;min-height:44px;color:var(--text-normal);font:inherit;padding:9px 12px;font-size:16px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input--pin{font-family:var(--font-mono);letter-spacing:.45em;font-size:1.25rem}.input-affix{position:relative}.input-affix .input{padding-right:48px}.input-affix__button{width:44px;color:var(--text-faint);cursor:pointer;border-radius:0 var(--radius-m) var(--radius-m) 0;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.input-affix__button:hover{color:var(--text-normal)}.input-affix__button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.checkbox{align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:3px}.btn{border-radius:var(--radius-m);min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--block{width:100%}.btn--small{min-height:34px;padding:5px 10px;font-size:.85rem}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:not(:disabled):hover{background:var(--accent-hover)}.btn--secondary{background:var(--bg-secondary);border-color:var(--border);color:var(--text-normal)}.btn--secondary:not(:disabled):hover{background:var(--bg-hover)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:not(:disabled):hover{background:var(--bg-hover);color:var(--text-normal)}.btn--danger{border-color:var(--border);color:var(--red);background:0 0}.btn--danger:not(:disabled):hover{background:var(--red-soft)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;align-items:center;padding:1px 9px;font-size:.78rem;font-weight:500;display:inline-flex}.tag--red{background:var(--red-soft);color:var(--red)}.tag--orange{background:var(--orange-soft);color:var(--orange)}.tag--faint{background:var(--bg-secondary);color:var(--text-faint)}.list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.list__item{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 4px;display:flex}.avatar{background:var(--bg-secondary);border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.list__main{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.list__title{font-size:.95rem;font-weight:600}.list__meta{color:var(--text-muted);font-size:.82rem}.list__actions{flex-wrap:wrap;gap:6px;display:flex}.temp-pin{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-text);margin:6px 0;font-size:2rem;font-weight:700}.tag--green{background:var(--green-soft);color:var(--green)}.btn--large{min-height:52px;font-size:1rem}.input--compact{width:auto;min-height:36px;padding:5px 10px;font-size:.9rem}textarea.input{resize:vertical;min-height:80px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.search-input{flex:220px;min-width:0;position:relative}.search-input .icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input .input{width:100%;padding-left:34px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.create-menu{border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;display:flex;overflow:hidden}.create-menu__item{color:inherit;background:var(--bg-primary);align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.create-menu__item+.create-menu__item{border-top:1px solid var(--border)}.create-menu__item:hover{background:var(--bg-hover)}.create-menu__item>.icon:first-child{color:var(--accent-text);flex:none}.create-menu__item>span{flex-direction:column;gap:2px;min-width:0;display:flex}.create-menu__item .muted{font-size:.85rem}.create-menu__chevron{color:var(--text-faint);flex:none;margin-left:auto}.pill-tabs{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.pill-tabs::-webkit-scrollbar{display:none}.pill-tabs__item{border:1px solid var(--border);color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:.88rem;display:inline-flex}.pill-tabs__item--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:600}.pill-tabs__count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:.75rem;font-weight:600}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chip-scroll{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll .chip{flex:none;padding:5px 12px}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-l);padding:24px 12px}.ticket-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticket-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-primary);color:inherit;border-left-width:3px;flex-direction:column;gap:6px;padding:12px 14px;text-decoration:none;display:flex}.ticket-card:hover{border-color:var(--border-strong)}.ticket-card--late,.ticket-card--late:hover{border-left-color:var(--red)}.ticket-card__button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.ticket-card__top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ticket-card__number{color:var(--text-faint);margin-left:auto;font-size:.8rem}.ticket-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.ticket-card__meta{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.86rem;display:flex}.ticket-card__meta .icon,.ticket-card__bottom .icon{margin-right:4px}.ticket-card__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.ticket-card__actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:6px;display:flex}.kind-badge{border-radius:var(--radius-m);background:var(--orange-soft);color:var(--orange);padding:2px 8px;font-size:.75rem;font-weight:600}.kind-badge--tugas{background:var(--accent-soft);color:var(--accent-text)}.due{color:var(--text-muted);font-size:.86rem}.due--soon{color:var(--orange);font-weight:600}.due--late{color:var(--red);font-weight:600}.lock-banner{border:1px solid var(--border-strong);border-radius:var(--radius-l);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;font-size:.92rem;display:flex}.lock-banner>span{flex:240px}.scope-bar{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.scope-bar__label{font-weight:600}.scope-bar .input{flex:240px;width:auto}.item-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.item-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-primary);flex-direction:column;gap:10px;padding:12px;display:flex}.item-card__head{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;display:flex}.schedule-list{border-top:1px dashed var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.schedule-list__empty{color:var(--orange);font-size:.88rem}.schedule-row{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.92rem;display:flex}.schedule-row__time{font-variant-numeric:tabular-nums;min-width:96px;font-weight:600}.schedule-row__who{min-width:0;color:var(--text-muted);flex:1}.schedule-row--off{opacity:.55}.schedule-form{border-radius:var(--radius-m);background:var(--bg-secondary);padding:10px}.collapsible>summary{cursor:pointer;color:var(--text-muted);padding:6px 0}.collapsible[open]>summary{margin-bottom:8px}fieldset.fieldset{min-width:0;margin:0}fieldset.fieldset>legend{float:left;width:100%;margin-bottom:4px;padding:0}fieldset.fieldset>legend+*{clear:both}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper__label{text-align:center;min-width:120px;font-size:.92rem;font-weight:600}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs__item{color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:.92rem;font-weight:500}.tabs__item:hover{color:var(--text-normal)}.tabs__item--active{color:var(--accent-text);border-bottom-color:var(--accent)}.tabs__item:focus-visible,.day-tabs__item:focus-visible,.segmented__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.day-tabs{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-tabs__item{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-primary);color:var(--text-muted);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:1px;padding:6px 0;font-size:.8rem;display:flex}.day-tabs__item--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.day-tabs__date{color:var(--text-normal);font-size:1rem;font-weight:700}.day-tabs__count{color:var(--text-faint);font-size:.72rem}.segmented{border-radius:var(--radius-m);background:var(--bg-secondary);border:1px solid var(--border);padding:3px;display:inline-flex}.segmented__item{border-radius:var(--radius-s);min-width:90px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 14px;font-weight:600}.segmented__item--active{background:var(--bg-primary);color:var(--text-normal);box-shadow:0 0 0 1px var(--border-strong)}.section__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.file-input{border:1px dashed var(--border-strong);border-radius:var(--radius-m);min-height:44px;color:var(--text-muted);align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-input:focus-within{border-color:var(--accent)}.summary{border:1px solid var(--border);border-radius:var(--radius-l);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.summary__item{border-left:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.summary__item:first-child{border-left:0}.summary__value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.summary__label{color:var(--text-muted);font-size:.78rem}@media (width<=420px){.summary{grid-template-columns:repeat(2,1fr)}.summary__item:nth-child(3){border-left:0}.summary__item:nth-child(n+3){border-top:1px solid var(--border)}}.absen-card{flex-direction:column;gap:12px;display:flex}.absen-card__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.absen-card__head .panel__title{margin:0}.absen-card__head .muted{font-size:.85rem}.absen-card__shift,.absen-card__queued,.location-status{color:var(--text-muted);align-items:center;gap:8px;font-size:.92rem;display:flex}.location-status--ok{color:var(--green)}.absen-card__rows{border-top:1px solid var(--border);flex-direction:column;display:flex}.absen-row{border-bottom:1px solid var(--border);grid-template-columns:64px 64px 1fr;align-items:center;gap:8px;padding:8px 0;display:grid}.absen-row__label{color:var(--text-muted);font-size:.9rem}.absen-row__time{font-variant-numeric:tabular-nums;font-weight:700}.absen-card__actions{flex-direction:column;gap:10px;display:flex}.absen-card__link{color:var(--accent-text);font-size:.9rem;text-decoration:none}.absen-card__link:hover{text-decoration:underline}.action-link{border:1px solid var(--accent);border-radius:var(--radius-l);background:var(--accent-soft);color:var(--text-normal);align-items:center;gap:10px;padding:12px 14px;font-weight:500;text-decoration:none;display:flex}.action-link>svg.icon:first-child{color:var(--accent-text)}.action-link__chevron{color:var(--text-faint);margin-left:auto}.camera{aspect-ratio:3/4;border-radius:var(--radius-l);border:1px solid var(--border);background:#000;width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden}.camera__video,.camera__photo{object-fit:cover;width:100%;height:100%;display:block}.camera__video{transform:scaleX(-1)}.camera__video[hidden]{display:none}.camera__error{text-align:center;color:#dcddde;background:#1e1e1e;justify-content:center;align-items:center;padding:24px;font-size:.92rem;display:flex;position:absolute;inset:0}.result{border:1px solid var(--border);border-radius:var(--radius-l);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.result__icon{width:44px;height:44px;color:var(--green);stroke-width:1.5px}.result__icon--muted{color:var(--text-faint)}.result__time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.4rem;font-weight:700}.result__label{color:var(--text-muted)}.photo{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-secondary);cursor:zoom-in;flex-shrink:0;padding:0;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo--missing{color:var(--text-faint);cursor:default;justify-content:center;align-items:center;display:inline-flex}.lightbox{z-index:50;cursor:zoom-out;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:var(--radius-m);max-width:100%;max-height:85vh}.lightbox__hint{color:#a3a3a3;font-size:.85rem}.list__item--top{align-items:flex-start}.list__body{font-size:.9rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-l);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.table th{background:var(--bg-secondary);color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:600}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .num--alert{color:var(--red);font-weight:700}.table__name{font-weight:600}.table td:first-child{min-width:160px}.table__meta{color:var(--text-faint);font-size:.78rem}svg.icon--inline{vertical-align:-2px;width:15px;height:15px;margin-right:4px}.section__title svg.icon{vertical-align:-3px;color:var(--text-faint)}.progress{flex-direction:column;gap:6px;display:flex}.progress__bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden}.progress__bar>div{background:var(--accent);height:100%;transition:width .3s}.progress__text{color:var(--text-muted);font-size:.88rem}.task{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:0;display:flex}button.task{cursor:pointer}.list__item--clickable:hover{background:var(--bg-hover)}.list__item--clickable .list__title{color:var(--accent-text)}.list--muted .list__item{opacity:.6}.task__time{width:42px;color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78rem;line-height:1.35}.task__critical{border:1px solid var(--border-strong);border-radius:var(--radius-s);color:var(--text-muted);vertical-align:2px;margin-left:8px;padding:0 6px;font-size:.7rem;font-weight:500}.checklist-card{color:inherit;flex-direction:column;gap:10px;padding-right:40px;text-decoration:none;display:flex;position:relative}.checklist-card:hover{border-color:var(--border-strong)}.checklist-card .panel__title{margin:0}.checklist-card__line{color:var(--text-muted);font-size:.92rem}.checklist-card__line--alert{color:var(--red)}.checklist-card__line strong{color:var(--text-normal);font-weight:600}.checklist-card__chevron{color:var(--text-faint);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.camera--evidence{aspect-ratio:4/3}.camera__video--rear{transform:none}.checkbox--large{border:1px solid var(--border);border-radius:var(--radius-m);padding:14px;font-weight:600}.input--number{font-variant-numeric:tabular-nums;font-size:1.4rem}.time-range{color:var(--text-faint);align-items:center;gap:4px;display:flex}.form--inset{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.list__item>.form--inset{border-top:0;flex:100%;margin-top:0;padding-top:0}.stack--row{flex-flow:wrap;justify-content:flex-end}.pct{font-weight:700}.pct--good{color:var(--green)}.pct--bad{color:var(--red)}.list__chevron{color:var(--text-faint);align-self:center;margin-left:auto}a.task{text-decoration:none}.check-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.check-row:first-of-type{border-top:1px solid var(--border)}.photo-row{flex-wrap:wrap;gap:8px;display:flex}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photo-grid__item{aspect-ratio:1;border-radius:var(--radius-m);border:1px solid var(--border);position:relative;overflow:hidden}.photo-grid__item img{object-fit:cover;width:100%;height:100%}.photo-grid__remove{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:4px;right:4px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:14px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.timeline__item{flex-direction:column;gap:4px;display:flex;position:relative}.timeline__item:before{content:"";background:var(--bg-primary);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-20px}.timeline__head{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:.9rem;display:flex}.timeline__head strong{font-weight:600}.timeline__head .muted{font-size:.8rem}.timeline__note{border-radius:var(--radius-m);background:var(--bg-secondary);padding:6px 10px;font-size:.9rem}.note-form{gap:8px;display:flex}.grade{border-radius:var(--radius-m);border:1px solid var(--border);background:var(--bg-secondary);min-width:32px;height:32px;color:var(--text-faint);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-weight:800;display:inline-flex}.grade--a{background:var(--green-soft);color:var(--green);border-color:#0000}.grade--b{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.grade--c{background:var(--orange-soft);color:var(--orange);border-color:#0000}.grade--d{background:var(--red-soft);color:var(--red);border-color:#0000}.kpi-summary{border:1px solid var(--border);border-radius:var(--radius-l);align-items:center;gap:14px;padding:14px 16px;display:flex}.kpi-summary .grade{min-width:56px;height:56px;font-size:1.8rem}.kpi-summary__score{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.criterion{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.criterion__head{justify-content:space-between;gap:12px;display:flex}.criterion__name{font-weight:600}.segmented--full{width:100%;display:flex}.segmented--full .segmented__item{min-width:0;padding:8px 4px;font-size:.88rem}.subtotal{border-radius:var(--radius-m);background:var(--bg-secondary);justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.subtotal strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.table__link{color:var(--accent-text);text-decoration:none}.table__link:hover{text-decoration:underline}.template-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}@media (width>=640px){.template-grid{grid-template-columns:1fr 1fr}}.plain-list{margin:6px 0 0;padding:0;list-style:none}.plain-list li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:4px 0;font-size:.92rem;display:flex}.row-editor{align-items:center;gap:8px;display:flex}.input--weight{flex-shrink:0;width:84px}.slot-editor{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 0;display:flex}.chip-checks{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:3px 10px;font-size:.8rem;display:inline-flex;position:relative}button.chip{font-family:inherit}.chip-checks--row{flex:100%}.chip input{opacity:0;pointer-events:none;position:absolute}.chip--on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.chip--locked{cursor:default;gap:4px}.perm-roles{margin-top:6px}.chip:focus-within{outline:2px solid var(--accent);outline-offset:1px}.grade-inputs{flex-wrap:wrap;gap:12px;display:flex}.grade-inputs label{align-items:center;gap:6px;font-weight:600;display:inline-flex}.grade-inputs .input{width:80px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=640px){.metrics{grid-template-columns:repeat(4,1fr)}.metrics--month{grid-template-columns:repeat(3,1fr)}}.metrics--month{grid-template-columns:repeat(3,1fr)}.metric{border:1px solid var(--border);border-radius:var(--radius-l);color:inherit;flex-direction:column;gap:2px;min-width:0;padding:12px;text-decoration:none;display:flex}a.metric:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.metric__value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.2}.metric__value--text{font-size:1.05rem}.metric__value--good{color:var(--green)}.metric__value--bad{color:var(--red)}.metric__of{color:var(--text-faint);font-size:.95rem;font-weight:500}.metric__label{color:var(--text-muted);font-size:.82rem}.metric__hint{color:var(--text-faint);font-size:.78rem}.metric__hint--bad{color:var(--red)}.metric--small .metric__value{font-size:1.15rem}.bell{border-radius:var(--radius-m);width:40px;height:40px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex;position:relative}.bell:hover{background:var(--bg-hover);color:var(--text-normal)}.bell svg.icon{width:21px;height:21px}.bell__badge{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:3px;right:2px}.list__item--unread{background:var(--accent-soft)}.list__item--unread .list__title{font-weight:700}.notif__icon{color:var(--text-faint);margin-top:2px}.notif__time{color:var(--text-faint);flex-shrink:0;font-size:.78rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.setting-input{flex:none;width:120px}.slip{border:1px solid var(--border);border-radius:var(--radius-m);flex-direction:column;gap:10px;min-width:0;margin:0;padding:12px;display:flex}.slip__legend{align-items:center;gap:6px;padding:0 4px;font-size:.9rem;font-weight:600;display:flex}.field__hint--alert{color:var(--red)}.data-list{flex-direction:column;margin:8px 0 0;display:flex}.data-list__row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:7px 0;font-size:.9rem;display:flex}.data-list__row dt{color:var(--text-muted)}.data-list__row dd{text-align:right;margin:0}.data-list__alert{color:var(--orange);font-weight:600}details.panel>summary{cursor:pointer}.section__subtitle{margin:4px 0 0;font-size:.95rem;font-weight:600}.link-button{font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.view-content:has(.page--wide){max-width:1200px}.home-head{flex-direction:column;gap:4px;display:flex}.home-head__context{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}a.tag{text-decoration:none}.home-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.home-grid__main,.home-grid__side{flex-direction:column;gap:16px;min-width:0;display:flex}.home-grid__main:empty,.home-grid__side:empty{display:none}@media (width>=1024px){.home-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px}:is(.home-grid:has(>.home-grid__side:empty),.home-grid:has(>.home-grid__main:empty)){grid-template-columns:minmax(0,1fr)}.home-grid__side .metrics{grid-template-columns:repeat(2,1fr)}}.todo{flex-direction:column;gap:4px;display:flex}.todo__head{justify-content:space-between;align-items:baseline;display:flex}.todo__list{margin:0;padding:0;list-style:none}.todo__item+.todo__item{border-top:1px solid var(--border)}.todo__link{color:inherit;border-radius:var(--radius-m);align-items:center;gap:12px;padding:11px 4px;text-decoration:none;display:flex}.todo__link:hover{background:var(--bg-hover)}.todo__icon{color:var(--accent-text);flex:none}.todo__text{flex-direction:column;min-width:0;display:flex}.todo__title{font-weight:500}.todo__meta{color:var(--text-muted);font-size:.85rem}.todo__item--urgent .todo__icon,.todo__item--urgent .todo__meta{color:var(--red)}.todo__chevron{color:var(--text-faint);flex:none;margin-left:auto}.todo__empty{color:var(--text-muted);align-items:center;gap:10px;padding:6px 4px;display:flex}.todo__empty .icon{color:var(--green)}.todo__updated{font-size:.8rem}.todo__error{border-radius:var(--radius-m);background:var(--orange-soft);color:var(--text-normal);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;display:flex}.todo__list--stale{opacity:.7}.home-head__pj{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius-m);padding:8px 12px;font-size:.92rem}.todo__loading{flex-direction:column;gap:10px;padding:8px 4px;display:flex}.skeleton{border-radius:var(--radius-m);background:var(--bg-hover);height:14px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton--short{width:60%}@keyframes skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.ranking-table{display:none}@media (width>=640px){.ranking-list{display:none}.ranking-table{display:block}}