:root{--blue:#0066b3;--blue-dark:#004b85;--pale:#eaf5ff;--ink:#152231;--muted:#667585;--line:#d9e1e8;--bg:#f4f7fa;--green:#168259;--amber:#a45d00;--red:#b72d2d;--radius:13px;--shadow:0 10px 30px rgba(24,54,82,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 Inter,Segoe UI,Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1.5rem;padding:0 4vw;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink)}.brand img{width:58px;height:52px;object-fit:contain}.brand span,.user{display:flex;flex-direction:column}.brand small,.user small{color:var(--muted);font-size:.75rem}.topbar nav{display:flex;gap:1rem;margin-left:auto}.text-button{border:0;background:transparent;color:var(--blue);cursor:pointer}main{width:min(1180px,92vw);margin:2rem auto 5rem}.auth-main{min-height:100vh;display:grid;place-items:center;margin:auto}.auth-card{width:min(430px,92vw);background:#fff;border:1px solid var(--line);border-radius:18px;padding:2rem;box-shadow:var(--shadow)}.auth-card>img{width:85px}.auth-card form{display:grid;gap:1rem;margin:1.25rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-size:.75rem;font-weight:800;margin:0 0 .3rem}h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.15;margin:.1rem 0}h2{font-size:1.3rem;margin:0 0 1rem}h3{font-size:1rem;margin:.2rem 0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.5rem}.page-head p{color:var(--muted);margin:.35rem 0 0}.button-row{display:flex;gap:.7rem}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:.72rem 1rem;font-weight:750;cursor:pointer;border:1px solid var(--line)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#fff;color:var(--ink)}.danger{background:#fff;color:var(--red);border-color:#e3b2b2}.small{padding:.5rem .75rem;font-size:.85rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.alert{padding:.85rem 1rem;border-radius:9px;margin-bottom:1rem}.alert.error{background:#fff0f0;color:var(--red)}.alert.success{background:#e9f7f0;color:var(--green)}label{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:700;color:#334252}input,select,textarea{width:100%;border:1px solid #cbd6df;border-radius:8px;padding:.7rem .8rem;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(0,102,179,.12);border-color:var(--blue)}textarea{resize:vertical}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:1rem;align-items:end;padding:1rem;margin-bottom:1rem}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f8fafc;color:var(--muted);font-size:.78rem;text-transform:uppercase;padding:.8rem}td{padding:.9rem;border-top:1px solid #edf1f4}td strong,td small{display:block}td small{color:var(--muted)}.status{display:inline-flex;padding:.25rem .55rem;border-radius:99px;font-weight:800;font-size:.75rem}.status.draft{background:#eef1f4}.status.submitted{background:var(--pale);color:var(--blue)}.status.returned{background:#fff3dc;color:var(--amber)}.status.approved{background:#e9f7f0;color:var(--green)}.form-card{overflow:hidden}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.4rem;padding:1.4rem}.form-grid .wide{grid-column:1/-1}.form-actions,.sticky-actions{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border-top:1px solid var(--line)}.sticky-actions{position:sticky;bottom:1rem;background:#fff;border:1px solid var(--line);border-radius:12px;margin:1rem 0;box-shadow:var(--shadow);z-index:10}.report-section{padding:1.35rem;margin-bottom:1rem}.check-group+ .check-group{margin-top:1.5rem}.check-group h3{background:#f4f7f9;padding:.75rem 1rem;border-radius:8px}.check-row{display:grid;grid-template-columns:minmax(160px,1fr) 220px minmax(180px,1fr);gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid #edf1f4}.result-options{display:flex;gap:.4rem}.result-options label{flex-direction:row;align-items:center;border:1px solid var(--line);border-radius:7px;padding:.45rem}.result-options input{width:auto}.reading-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.reading-grid label,.reading-grid>div{text-align:center;background:#f8fafc;border-radius:8px;padding:.7rem}.reading-grid.review span{display:block;color:var(--muted)}.check-label{flex-direction:row;align-items:center}.check-label input{width:auto}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.photo-slot{aspect-ratio:1;border:1px dashed #acbdca;border-radius:10px;background:#f8fafc;padding:.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;overflow:hidden}.photo-slot img{width:100%;height:calc(100% - 2rem);object-fit:contain;background:#fff}.photo-slot>span{font-size:1.5rem;color:var(--blue);font-weight:800}.photo-slot label input{display:none}.photo-slot label span{color:var(--blue);cursor:pointer}.submit-card{display:flex;justify-content:space-between;align-items:center;padding:1.2rem}.submit-card p{margin:.2rem 0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.detail-grid div{padding:.7rem;border-bottom:1px solid #edf1f4}.detail-grid dt{font-size:.75rem;color:var(--muted)}.detail-grid dd{margin:.15rem 0 0;font-weight:750}.review-checks{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.review-checks>div{display:grid;grid-template-columns:1fr auto;gap:.35rem;background:#f8fafc;padding:.7rem;border-radius:8px}.review-checks small{grid-column:1/-1;color:var(--muted)}.result{font-weight:850}.result.c{color:var(--green)}.result.nc{color:var(--red)}.comments-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.comments-grid>div{border:1px solid var(--line);border-radius:8px;padding:.8rem}.comments-grid p{margin:.3rem 0}.manager-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem;margin-bottom:1rem}.manager-actions form{display:grid;gap:.8rem}.audit{margin:0;padding-left:1.4rem}.audit li{padding:.35rem}
@media(max-width:850px){.topbar{padding:0 1rem}.brand span,.user{display:none}main{width:min(94vw,700px)}.page-head{align-items:flex-start}.filters,.form-grid,.manager-actions{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.check-row{grid-template-columns:1fr}.reading-grid{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.review-checks,.comments-grid{grid-template-columns:1fr}}
@media(max-width:520px){.topbar nav a:first-child{display:none}.page-head{flex-direction:column}.button-row{width:100%;flex-direction:column}.button-row a{width:100%}.detail-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.submit-card{align-items:stretch;flex-direction:column}}