:root{color-scheme:light dark;--font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.3125rem;--fs-2xl: 1.625rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--touch: 48px;--maxw: 1120px;--bg: #f4f6f8;--bg-grad: radial-gradient(1200px 400px at 50% -200px, #e6ecf3 0%, transparent 70%);--surface: #ffffff;--surface-2: #eef1f5;--surface-3: #e3e8ee;--border: #d7dce3;--border-strong: #b9c1cc;--text: #14181e;--text-2: #414a57;--muted: #6b7482;--accent: #1d5a99;--accent-weak: #e4eefa;--accent-text: #ffffff;--ok: #14713f;--ok-weak: #dff2e6;--ng: #b3301f;--ng-weak: #fbe3df;--na: #5b6472;--na-weak: #e6e9ee;--pending: #8a5a00;--pending-weak: #fbeed2;--info-weak: #e4eefa;--focus: #2b7fd4;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .06);--shadow-2: 0 4px 16px rgba(16, 24, 40, .09);--shadow-up: 0 -4px 18px rgba(16, 24, 40, .1)}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--bg-grad: radial-gradient(1200px 400px at 50% -200px, #182231 0%, transparent 70%);--surface: #161b22;--surface-2: #1d232c;--surface-3: #262d38;--border: #2b323c;--border-strong: #3d4653;--text: #e8ecf1;--text-2: #b9c2ce;--muted: #8b94a2;--accent: #4b93de;--accent-weak: #16283c;--accent-text: #08111b;--ok: #4cc98a;--ok-weak: #12291f;--ng: #ff7f6d;--ng-weak: #331a17;--na: #98a2b1;--na-weak: #232a34;--pending: #e0a94a;--pending-weak: #2e2515;--info-weak: #16283c;--focus: #6cb3f5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 6px 20px rgba(0, 0, 0, .45);--shadow-up: 0 -6px 20px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--bg-grad);background-repeat:no-repeat;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.55;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:var(--fs-xl);letter-spacing:-.02em}h2{font-size:var(--fs-lg);letter-spacing:-.01em}h3{font-size:var(--fs-md)}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.boot-splash{display:grid;place-items:center;height:100%;color:#6b7482;font-family:-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:var(--maxw);margin:0 auto;padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;gap:var(--sp-4)}.brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--text);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-text);font-size:var(--fs-sm);font-weight:800}.brand__sub{color:var(--muted);font-size:var(--fs-xs);font-weight:500}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);min-width:0}.topbar__user strong{color:var(--text-2);font-weight:600}.nav{display:flex;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-3) var(--sp-2);width:100%}.nav::-webkit-scrollbar{display:none}.nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;line-height:1.4}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.is-active{background:var(--accent);color:var(--accent-text)}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-head p{color:var(--muted);font-size:var(--fs-sm)}.page-head__actions{margin-left:auto;display:flex;gap:var(--sp-2);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack--sm{gap:var(--sp-2)}.stack--md{gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.xsmall{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card--overdue{border-color:color-mix(in srgb,var(--ng) 55%,transparent);box-shadow:inset 4px 0 0 var(--ng),var(--shadow-1)}.card__head{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border)}.card__head--plain{border-bottom:0;padding-bottom:0}.card__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.card__body{padding:var(--sp-4)}.card__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.grid-cards{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .06s ease}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,black)}.btn--ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{border-color:var(--ng);color:var(--ng);background:transparent}.btn--sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--block{width:100%}.btn--tall{min-height:var(--touch);font-size:var(--fs-lg)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:700;white-space:nowrap;line-height:1.8}.chip--ok{background:var(--ok-weak);border-color:color-mix(in srgb,var(--ok) 35%,transparent);color:var(--ok)}.chip--ng{background:var(--ng-weak);border-color:color-mix(in srgb,var(--ng) 40%,transparent);color:var(--ng)}.chip--na{background:var(--na-weak);border-color:color-mix(in srgb,var(--na) 35%,transparent);color:var(--na)}.chip--pending{background:var(--pending-weak);border-color:color-mix(in srgb,var(--pending) 40%,transparent);color:var(--pending)}.chip--info{background:var(--info-weak);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.glyph{font-family:var(--font-mono);font-weight:800;font-size:1em}.banner{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-sm)}.banner__body{min-width:0;flex:1}.banner strong{display:block;font-size:var(--fs-md);margin-bottom:2px}.banner--warn{background:var(--pending-weak);border-color:color-mix(in srgb,var(--pending) 40%,transparent);color:var(--pending)}.banner--warn strong{color:var(--pending)}.banner--danger{background:var(--ng-weak);border-color:color-mix(in srgb,var(--ng) 40%,transparent);color:var(--ng)}.banner--info{background:var(--info-weak);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text-2)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field>label,.field__label{font-size:var(--fs-sm);font-weight:700;color:var(--text-2)}.field__hint{font-size:var(--fs-xs);color:var(--muted)}.field__error{font-size:var(--fs-xs);font-weight:700;color:var(--ng)}.req:after{content:" *";color:var(--ng)}.input,.textarea,.select{width:100%;min-height:42px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-md)}.textarea{min-height:76px;resize:vertical;line-height:1.5}.input:invalid,.textarea[aria-invalid=true],.input[aria-invalid=true]{border-color:var(--ng)}.state-block{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 60%,transparent)}.state-block h3{color:var(--text-2)}.state-block--error{border-style:solid;border-color:color-mix(in srgb,var(--ng) 45%,transparent);background:var(--ng-weak);color:var(--ng)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal__dow{text-align:center;font-size:var(--fs-xs);font-weight:700;color:var(--muted);padding-bottom:2px}.cal__dow--sun{color:var(--ng)}.cal__dow--sat{color:var(--accent)}.cal__cell{position:relative;aspect-ratio:1 / 1;min-height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);display:grid;grid-template-rows:auto 1fr;align-content:center;justify-items:center;gap:1px;padding:2px;font-size:var(--fs-xs);color:var(--text-2);text-decoration:none}.cal__cell:hover{text-decoration:none;border-color:var(--border-strong)}.cal__day{font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.cal__mark{font-family:var(--font-mono);font-weight:800;font-size:11px;line-height:1}.cal__cell--nonworkday{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,color-mix(in srgb,var(--border) 70%,transparent) 4px,color-mix(in srgb,var(--border) 70%,transparent) 5px);border-style:dashed;color:var(--muted)}.cal__cell--future{background:transparent;border-style:dotted;color:var(--muted)}.cal__cell--notinspected{background:var(--pending-weak);border-color:var(--pending);color:var(--pending);font-weight:800}.cal__cell--submitted{background:var(--info-weak);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.cal__cell--confirmed{background:var(--ok-weak);border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.cal__cell--hasng{box-shadow:inset 0 -3px 0 var(--ng)}.cal__cell--today{outline:2px solid var(--accent);outline-offset:1px}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--muted)}.legend__item{display:inline-flex;align-items:center;gap:5px}.legend__swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--border-strong);display:inline-block}.counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}.counter{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--sp-2);text-align:center}.counter__num{font-size:var(--fs-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.counter__label{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.counter--alert{background:var(--pending-weak);border-color:color-mix(in srgb,var(--pending) 40%,transparent)}.counter--alert .counter__num,.counter--alert .counter__label{color:var(--pending)}.counter--danger{background:var(--ng-weak);border-color:color-mix(in srgb,var(--ng) 40%,transparent)}.counter--danger .counter__num,.counter--danger .counter__label{color:var(--ng)}.streak{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-sm);color:var(--muted)}.streak strong{color:var(--text-2);font-variant-numeric:tabular-nums}.streak--caution{border-color:color-mix(in srgb,var(--pending) 45%,transparent);background:var(--pending-weak);color:var(--pending)}.streak--caution strong{color:var(--pending)}.cat-group+.cat-group{margin-top:var(--sp-4)}.cat-group__head{position:sticky;top:52px;z-index:5;display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);font-size:var(--fs-sm);font-weight:800;letter-spacing:.02em;color:var(--text-2)}.cat-group__count{font-weight:600;color:var(--muted);font-size:var(--fs-xs)}.item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--sp-3);margin-top:var(--sp-2)}.item--invalid{border-color:var(--ng);box-shadow:0 0 0 1px var(--ng)}.item--ng{border-left:4px solid var(--ng)}.item--na{border-left:4px solid var(--na)}.item--ok{border-left:4px solid var(--ok)}.item__text{font-size:var(--fs-md);font-weight:600;line-height:1.45;margin-bottom:var(--sp-2)}.item__seq{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;margin-right:6px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.seg__opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:var(--touch);border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:700;cursor:pointer;user-select:none;transition:background-color .1s ease,border-color .1s ease}.seg__opt:hover{background:var(--surface-3)}.seg__glyph{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:800;line-height:1.1}.seg__label{font-size:11px;letter-spacing:.02em}.seg__opt[aria-checked=true][data-value=OK]{background:var(--ok);border-color:var(--ok);color:#fff}.seg__opt[aria-checked=true][data-value=NG]{background:var(--ng);border-color:var(--ng);color:#fff}.seg__opt[aria-checked=true][data-value=NA]{background:var(--na);border-color:var(--na);color:#fff}@media(prefers-color-scheme:dark){.seg__opt[aria-checked=true][data-value=OK],.seg__opt[aria-checked=true][data-value=NG],.seg__opt[aria-checked=true][data-value=NA]{color:#0b0f14}}.item__expand{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:var(--sp-2)}.photo-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.photo-thumb{max-width:120px;max-height:120px;border-radius:var(--radius-sm);border:1px solid var(--border)}.file-btn{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.file-btn input{display:none}.sticky-foot{position:sticky;bottom:0;z-index:15;margin:var(--sp-5) calc(var(--sp-4) * -1) 0;padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:var(--shadow-up);display:flex;align-items:center;gap:var(--sp-3)}.sticky-foot__count{font-size:var(--fs-sm);font-weight:700;color:var(--text-2);white-space:nowrap}.sticky-foot__count .mono{font-size:var(--fs-lg)}.sticky-foot .btn{margin-left:auto;min-height:var(--touch);padding:0 var(--sp-5)}.progress{height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;margin-top:4px;width:96px}.progress__bar{height:100%;background:var(--accent);transition:width .2s ease}.violations{border:1px solid color-mix(in srgb,var(--ng) 45%,transparent);background:var(--ng-weak);color:var(--ng);border-radius:var(--radius-md);padding:var(--sp-3);font-size:var(--fs-sm)}.violations ul{margin-top:var(--sp-1);display:flex;flex-direction:column;gap:2px}.violations li:before{content:"· "}.list{display:flex;flex-direction:column;gap:var(--sp-3)}.list-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row__main{min-width:0;flex:1}.list-row__title{font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:640px}table.tbl th,table.tbl td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);vertical-align:top}table.tbl th{background:var(--surface-2);font-weight:700;color:var(--text-2);white-space:nowrap;position:sticky;top:0}table.tbl tr:last-child td{border-bottom:0}table.tbl td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.kv dt{color:var(--muted);font-weight:600;white-space:nowrap}.kv dd{margin:0;color:var(--text-2)}.timeline{display:flex;flex-direction:column;gap:var(--sp-3);border-left:2px solid var(--border);padding-left:var(--sp-4);margin-left:var(--sp-2)}.timeline__node{position:relative}.timeline__node:before{content:"";position:absolute;left:calc(var(--sp-4) * -1 - 6px);top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.overdue{color:var(--ng);font-weight:700}.divider{height:1px;background:var(--border);border:0;margin:var(--sp-4) 0}.toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:flex-end;margin-bottom:var(--sp-4)}.toolbar .field{min-width:150px}.gate{min-height:100%;display:grid;place-items:center;padding:var(--sp-5)}.gate__card{max-width:420px;width:100%;text-align:center;padding:var(--sp-6) var(--sp-5)}.gate__card h1{margin-bottom:var(--sp-2)}.gate__card p{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}@media(max-width:640px){.main{padding:var(--sp-4) var(--sp-3) var(--sp-6)}.topbar__inner{padding:var(--sp-2) var(--sp-3)}.brand__sub{display:none}.counters{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cards{grid-template-columns:1fr}.sticky-foot{margin-left:calc(var(--sp-3) * -1);margin-right:calc(var(--sp-3) * -1);padding-left:var(--sp-3);padding-right:var(--sp-3)}.cat-group__head{top:48px}}