:root{--bg-app: #FAF7F2;--bg-card: #FFFFFF;--bg-subtle: #F1EBE0;--bg-hover: #ECE4D5;--fg-1: #2D2A26;--fg-2: #6A6157;--fg-3: #8A7F73;--fg-muted: #B8AE9F;--border: #EBE6DD;--border-strong: #DDD6CA;--brand: #2D2A26;--brand-fg: #FAF7F2;--accent: #E8826B;--accent-bg: #FBE5DE;--pass: #5C9A6E;--pass-bg: #DFEFE3;--fail: #C75A52;--fail-bg: #F8DDDA;--pending: #D4A24A;--pending-bg: #FAEFD7;--skip: #9C9285;--skip-bg: #ECE6DC;--tag-pp: #5C9A6E;--tag-cr: #4D6E96;--tag-fdr: #5B7CB2;--tag-sifops: #8E6DAD;--tag-onset: #C77491;--tag-other: #8A7F73;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 12px 32px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:.95rem;color:inherit;color-scheme:light}.splash{height:100vh;display:grid;place-items:center;background:var(--bg-app)}.splash__spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.06),transparent 40%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.05),transparent 40%),var(--bg-app)}.login__card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.5rem 2rem;box-shadow:var(--shadow-lg)}.login__brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.login__logo{width:36px;height:36px;display:grid;place-items:center;background:var(--brand);color:var(--brand-fg);border-radius:var(--r-md);font-weight:700;font-size:.9rem;letter-spacing:.04em}.login__brand-text{font-size:1.4rem;font-weight:600;color:var(--fg-1)}.login__tagline{color:var(--fg-3);margin-bottom:1.75rem;font-size:.9rem}.login__form{display:flex;flex-direction:column;gap:1rem}.login__field{display:flex;flex-direction:column;gap:.4rem}.login__label{font-size:.8rem;font-weight:500;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.login__field input{padding:.65rem .8rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-card);transition:border-color .15s,box-shadow .15s}.login__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8826b2e}.login__error{background:var(--fail-bg);color:var(--fail);padding:.6rem .8rem;border-radius:var(--r-md);font-size:.85rem}.login__submit{margin-top:.5rem;padding:.8rem 1rem;background:var(--brand);color:var(--brand-fg);border-radius:var(--r-md);font-weight:600;font-size:.95rem;transition:opacity .15s,transform .05s}.login__submit:hover:not(:disabled){opacity:.92}.login__submit:active:not(:disabled){transform:translateY(1px)}.login__submit:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header__inner{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;gap:2rem}.app-header__brand{display:flex;align-items:center;gap:.5rem}.app-header__logo{width:30px;height:30px;display:grid;place-items:center;background:var(--brand);color:var(--brand-fg);border-radius:var(--r-md);font-weight:700;font-size:.8rem}.app-header__title{font-weight:600;font-size:1.05rem}.app-header__nav{display:flex;gap:.25rem;flex:1}.app-header__navlink{padding:.4rem .8rem;border-radius:var(--r-md);color:var(--fg-3);font-size:.9rem;font-weight:500;transition:background .1s,color .1s}.app-header__navlink:hover,.app-header__navlink.is-active{background:var(--bg-subtle);color:var(--fg-1)}.app-header__user{display:flex;align-items:center;gap:.75rem}.app-header__username{font-size:.85rem;color:var(--fg-2)}.app-header__role{font-size:.7rem;padding:.2rem .55rem;border-radius:var(--r-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;display:inline-flex;align-items:center}.app-header__role--admin{background:var(--accent);color:#fff}.app-header__role--qc{background:var(--bg-subtle);color:var(--fg-2)}.app-header__logout{font-size:.85rem;color:var(--fg-3);padding:.3rem .6rem;border-radius:var(--r-sm)}.app-header__logout:hover{background:var(--bg-subtle);color:var(--fg-1)}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.page__actions{display:flex;gap:.4rem;flex-wrap:wrap}.btn--danger:hover{background:var(--fail-bg);color:var(--fail);border-color:var(--fail)}.training-edit{display:flex;flex-direction:column;gap:1rem;background:var(--bg-card);padding:1.5rem;border:1px solid var(--border);border-radius:var(--r-lg);border-top:3px solid var(--accent)}.training-edit__actions{display:flex;justify-content:flex-end;gap:.5rem}.page__title{font-size:1.75rem;font-weight:700;letter-spacing:-.01em}.page__subtitle{color:var(--fg-3);margin-top:.25rem;font-size:.95rem}.page__breadcrumb{margin-bottom:1rem}.page__tags{display:flex;gap:.4rem;margin-bottom:.5rem}.breadcrumb{font-size:.85rem;color:var(--fg-3);padding:.25rem .5rem;border-radius:var(--r-sm);display:inline-block}.breadcrumb:hover{background:var(--bg-subtle);color:var(--fg-1)}.btn{padding:.55rem 1rem;border-radius:var(--r-md);font-weight:500;font-size:.9rem;transition:opacity .15s,background .15s}.btn--primary{background:var(--brand);color:var(--brand-fg)}.btn--primary:hover{opacity:.92}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-bar__chip{padding:.4rem .8rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem;color:var(--fg-2);background:var(--bg-card);transition:background .1s,color .1s,border-color .1s}.filter-bar__chip:hover{border-color:var(--border-strong);color:var(--fg-1)}.filter-bar__chip.is-active{background:var(--fg-1);color:var(--bg-card);border-color:var(--fg-1)}.tag{display:inline-block;padding:.15rem .55rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);color:#fff}.tag--pp{background:var(--tag-pp)}.tag--cr{background:var(--tag-cr)}.tag--fdr{background:var(--tag-fdr)}.tag--sifops{background:var(--tag-sifops)}.tag--onset{background:var(--tag-onset)}.tag--other{background:var(--tag-other)}.tag--ghost{background:var(--bg-subtle);color:var(--fg-2)}.checklist-list{list-style:none;display:grid;gap:.75rem}.checklist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .15s,transform .05s;position:relative}.checklist-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.checklist-card__delete{position:absolute;top:.8rem;right:.8rem;width:26px;height:26px;display:grid;place-items:center;font-size:.8rem;color:var(--fg-3);background:var(--bg-subtle);border-radius:50%;opacity:0;transition:opacity .15s,background .1s,color .1s;z-index:2}.checklist-card:hover .checklist-card__delete{opacity:1}.checklist-card__delete:hover{background:var(--fail-bg);color:var(--fail)}.item__delete{margin-top:.5rem;font-size:.72rem;color:var(--fg-3);padding:.25rem .55rem;border-radius:var(--r-sm);background:transparent;transition:background .1s,color .1s}.item__delete:hover{background:var(--fail-bg);color:var(--fail)}.checklist-card__link{display:block;padding:1.25rem 1.5rem}.checklist-card__head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem}.checklist-card__title{font-size:1.05rem;font-weight:600}.checklist-card__desc{color:var(--fg-3);font-size:.9rem;margin-bottom:.75rem}.checklist-card__meta{display:flex;gap:1rem;align-items:center;font-size:.8rem;color:var(--fg-2);flex-wrap:wrap}.meta{display:flex;align-items:center;gap:.35rem}.meta__dot{width:7px;height:7px;border-radius:50%}.meta__dot--pass{background:var(--pass)}.meta__dot--fail{background:var(--fail)}.meta__dot--pending{background:var(--pending)}.meta--muted{color:var(--fg-muted);margin-left:auto}.checklist-card__progress{margin-top:.85rem;height:4px;background:var(--bg-subtle);border-radius:999px;overflow:hidden}.checklist-card__progress-fill{height:100%;background:var(--pass);transition:width .3s ease}.failure-list{list-style:none;display:grid;gap:.75rem}.failure-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);border-top:3px solid var(--fail);transition:border-color .15s,box-shadow .15s}.failure-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.failure-card__link{display:block;padding:1.25rem 1.5rem}.failure-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.failure-card__title{font-size:1rem;font-weight:600;color:var(--fg-1)}.failure-card__parent{font-size:.8rem;color:var(--fg-3);margin-bottom:.75rem}.failure-card__parent-name{color:var(--fg-2);font-weight:500}.failure-card__criteria{font-size:.85rem;color:var(--fg-3);margin:.5rem 0}.failure-card__criteria strong{color:var(--fg-2)}.failure-card__notes{margin-top:.6rem;padding:.75rem .9rem;background:var(--fail-bg);border-left:3px solid var(--fail);border-radius:0 var(--r-md) var(--r-md) 0}.failure-card__notes-label{font-size:.7rem;font-weight:600;color:var(--fail);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.failure-card__notes-body{font-size:.88rem;color:var(--fg-1);line-height:1.5;white-space:pre-wrap}.failure-card__screenshot-link{margin-top:.5rem;font-size:.85rem}.failure-card__screenshot-link a{color:var(--accent)}.failure-card__meta{margin-top:.6rem;font-size:.75rem;color:var(--fg-muted)}.empty{text-align:center;padding:4rem 1rem;color:var(--fg-3);background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.item-list{list-style:none;display:grid;gap:.75rem}.item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem 1.5rem;align-items:start;border-top:3px solid var(--accent);border-left:3px solid var(--border);transition:border-color .15s}.item--pass{border-left-color:var(--pass)}.item--fail{border-left-color:var(--fail)}.item--pending{border-left-color:var(--pending)}.item--skip{border-left-color:var(--skip)}.checklist-card{border-top:2px solid var(--accent)}.item__head{display:flex;gap:.85rem}.item__number{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-subtle);color:var(--fg-2);border-radius:var(--r-md);font-size:.8rem;font-weight:600}.item__body{flex:1}.item__desc{font-weight:500;margin-bottom:.25rem}.item__criteria{font-size:.85rem;color:var(--fg-3)}.item__criteria strong{color:var(--fg-2);font-weight:600}.item__actions{grid-row:1;grid-column:2}.item__notes{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem}.item__notes textarea{width:100%;min-height:60px;resize:vertical;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);font-size:.9rem;transition:background .15s,border-color .15s}.item__notes textarea:focus{outline:none;background:var(--bg-card);border-color:var(--accent)}.item__upload{display:inline-flex;align-items:center;align-self:flex-start;padding:.35rem .75rem;background:var(--bg-subtle);color:var(--fg-2);font-size:.85rem;border-radius:var(--r-md);cursor:pointer;transition:background .15s,color .15s}.item__upload:hover{background:var(--bg-hover);color:var(--fg-1)}.status-buttons{display:flex;gap:.4rem}.status-btn{padding:.45rem .85rem;border:1px solid var(--border);border-radius:var(--r-md);font-size:.85rem;font-weight:500;color:var(--fg-2);background:var(--bg-card);transition:background .1s,color .1s,border-color .1s}.status-btn:hover{border-color:var(--border-strong)}.status-btn--pass.is-active{background:var(--pass-bg);color:var(--pass);border-color:var(--pass)}.status-btn--fail.is-active{background:var(--fail-bg);color:var(--fail);border-color:var(--fail)}.status-btn--skip.is-active{background:var(--skip-bg);color:var(--skip);border-color:var(--skip)}:root{--ai: #6F624F;--ai-bg: #F5EFE4;--ai-bg-hover: #ECE3D2;--ai-border: #DDD0B8}.ai-trigger{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;padding:.4rem .85rem;font-size:.8rem;height:30px;line-height:1;color:var(--ai);background:var(--ai-bg);border-radius:999px;font-weight:500;transition:background .1s,transform .05s}.ai-trigger:hover:not(:disabled){background:var(--ai-bg-hover)}.ai-trigger:active:not(:disabled){transform:translateY(1px)}.ai-trigger:disabled{opacity:.6;cursor:not-allowed}.ai-panel{margin-top:.6rem;padding:.9rem 1rem;background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--r-md);position:relative}.ai-panel__body{font-size:.88rem;color:var(--fg-1);line-height:1.55;padding-right:2rem}.ai-panel__body>*:first-child{margin-top:0}.ai-panel__body>*:last-child{margin-bottom:0}.ai-panel__body strong{color:var(--ai)}.ai-panel__body h1,.ai-panel__body h2,.ai-panel__body h3{font-size:.95rem;font-weight:600;color:var(--ai);margin:.6rem 0 .25rem}.ai-panel__body ul,.ai-panel__body ol{padding-left:1.2rem;margin:.25rem 0 .5rem}.ai-panel__body p{margin:.4rem 0}.ai-panel__loading{color:var(--ai);font-style:italic;font-size:.85rem}.ai-panel__error{color:var(--fail);font-size:.85rem;margin-top:.4rem}.ai-panel__close{position:absolute;top:.5rem;right:.6rem;font-size:.72rem;color:var(--fg-3);padding:.15rem .4rem;border-radius:var(--r-sm)}.ai-panel__close:hover{background:#0000000d;color:var(--fg-1)}.item__notes-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.item__triggers{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.item__triggers .ai-trigger{margin-top:0}.ai-trigger--ro{color:var(--brand);background:var(--bg-subtle)}.ai-trigger--ro:hover:not(:disabled){background:var(--bg-hover)}.item__notes-actions .item__upload{margin:0;height:30px;line-height:1;padding:0 .85rem;display:inline-flex;align-items:center;border-radius:999px;gap:.4rem}.item__upload--attached{background:var(--bg-subtle);color:var(--fg-2)}.item__upload-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.7rem;color:var(--fg-3);border-radius:50%;background:transparent;transition:background .1s,color .1s}.item__upload-remove:hover{background:var(--fail-bg);color:var(--fail)}.item__notes-actions .ai-trigger{margin-top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2a2673;display:grid;place-items:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-card);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden}.modal--wide{max-width:720px}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal__title{font-size:1.05rem;font-weight:600}.modal__close{width:28px;height:28px;display:grid;place-items:center;font-size:1.3rem;color:var(--fg-3);border-radius:var(--r-sm);transition:background .1s,color .1s}.modal__close:hover{background:var(--bg-subtle);color:var(--fg-1)}.modal__form{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.78rem;font-weight:500;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.field input,.field textarea,.field select{width:100%;padding:.55rem .75rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-card);font-size:.92rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8826b2e}.form-error{background:var(--fail-bg);color:var(--fail);padding:.55rem .75rem;border-radius:var(--r-md);font-size:.85rem}.btn--ghost{background:var(--bg-card);color:var(--fg-2);border:1px solid var(--border)}.btn--ghost:hover{background:var(--bg-subtle);color:var(--fg-1)}.add-item-trigger{margin-top:1rem;padding:1rem;width:100%;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--fg-3);background:transparent;font-size:.92rem;transition:background .1s,border-color .1s,color .1s}.add-item-trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.add-item-form{margin-top:1rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:.85rem}.add-item-form__actions{display:flex;justify-content:flex-end;gap:.5rem}.empty--inline{padding:2rem 1rem;list-style:none}.training{display:grid;gap:2rem}.training__heading{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-bottom:.75rem}.training__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.training__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem 1.4rem;transition:border-color .15s,box-shadow .15s;cursor:pointer}.training__card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.training__card-link{display:block}.training__card-title{font-weight:600;font-size:.95rem;margin-bottom:.4rem;color:var(--fg-1)}.training__card-body{font-size:.85rem;color:var(--fg-3);line-height:1.55}.training-detail__html{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem 2.5rem;border-top:3px solid var(--accent)}.training-detail__html h1,.training-detail__html h2,.training-detail__html h3,.training-detail__html h4{color:var(--fg-1)}.training-detail__html a{color:var(--accent);text-decoration:underline}.training-detail__html table{border-color:var(--border)!important}.training-detail__html th{background:var(--brand)!important;color:var(--brand-fg)!important}.training-detail__text{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem 2.5rem;border-top:3px solid var(--accent);white-space:pre-wrap;font-size:.95rem;line-height:1.65}@media(max-width:720px){.app-header__inner{padding:.75rem 1rem;gap:1rem}.app-header__username,.app-header__title{display:none}.app-main{padding:1.5rem 1rem 3rem}.page__title{font-size:1.4rem}.item{grid-template-columns:1fr}.item__actions{grid-row:auto;grid-column:1}}