:root{--ui-bg: #e8edf4;--ui-surface: #ffffff;--ui-border: #c5cfdb;--ui-border-strong: #204f90;--ui-text: #1c2734;--ui-muted: #435064;--ui-primary: #204f90;--ui-primary-hover: #173f72;--ui-accent: #f3cf53;--ui-accent-soft: #fff7ce;--ui-accent-border: #d7ba4f;--ui-accent-text: #5a4a19;--ui-danger: #a6212c;--ui-radius: 12px;--ui-shadow: 0 8px 24px rgba(32, 79, 144, .14);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ui-text);background:radial-gradient(circle at 0 0,#d6dfeb 0,transparent 42%),radial-gradient(circle at 100% 100%,#fff7ce 0,transparent 36%),var(--ui-bg)}h1,h2,h3,p{margin:0}input,button{font:inherit}input{width:100%;border:1px solid var(--ui-border);border-radius:10px;background:#f8fbfb;padding:.6rem .75rem}input[type=checkbox]{width:auto}button{cursor:pointer}.ui-shell{width:min(980px,100%);margin:0 auto;padding:1.25rem}.ui-shell-center{min-height:100dvh;display:grid;place-items:center}.ui-desktop-max{width:min(1200px,100%)}.ui-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);padding:1rem}.ui-brand{display:flex;align-items:center;gap:.75rem}.ui-brand-logo{width:68px;height:68px;border-radius:999px;border:2px solid var(--ui-border);background:#fff}.ui-brand-kicker{color:var(--ui-primary);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ui-card-narrow{width:min(420px,100%)}.ui-panel{border:1px solid var(--ui-border);border-radius:10px;background:#f6f9fd;padding:.85rem}.ui-order-card{width:100%;text-align:left;display:grid;gap:.35rem}.ui-stack-xs,.ui-stack-md,.ui-stack-lg{display:grid}.ui-stack-xs{gap:.4rem}.ui-stack-md{gap:.75rem}.ui-stack-lg{gap:1rem}.ui-row-between{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.ui-row-wrap{display:flex;flex-wrap:wrap;gap:.65rem}.ui-row-equal{align-items:stretch}.ui-btn-equal{flex:1 1 0;min-width:120px}.ui-grid-2{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ui-tool-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-tool-card{width:100%;text-align:left;display:grid;gap:.45rem;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#eef5ff);padding:1rem;box-shadow:0 8px 18px #141c2c12}.ui-tool-card:hover{border-color:var(--ui-border-strong);transform:translateY(-1px)}.ui-kpi-strip{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ui-kpi-card{display:grid;gap:.2rem;border:1px solid var(--ui-border);border-radius:12px;background:#fff;padding:.85rem}.ui-muted{color:var(--ui-muted)}.ui-text-center{text-align:center}.ui-error{color:var(--ui-danger);font-size:.95rem}.ui-list{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}.ui-btn{border:1px solid var(--ui-primary);border-radius:10px;background:var(--ui-primary);color:#fff;padding:.55rem .9rem;font-weight:600}.ui-btn:hover{background:var(--ui-primary-hover)}.ui-btn:disabled{opacity:.7;cursor:not-allowed}.ui-btn-secondary{background:var(--ui-accent-soft);border-color:var(--ui-accent-border);color:var(--ui-accent-text)}.ui-btn-secondary:hover{background:var(--ui-accent);color:var(--ui-primary)}.ui-badge{display:inline-block;border-radius:999px;border:1px solid var(--ui-accent-border);background:var(--ui-accent-soft);padding:.3rem .6rem;font-size:.85rem;color:var(--ui-accent-text)}.ui-role-pill{display:inline-flex;align-items:center;min-height:40px;padding:.35rem .85rem;border-radius:999px;border:1px solid #cbd6e5;background:linear-gradient(180deg,#f7faff,#edf3fb);color:#324255;font-size:.84rem;font-weight:700;letter-spacing:.02em}.ui-spinner{width:44px;height:44px;border:4px solid #d7e3f5;border-top-color:var(--ui-primary);border-radius:50%;margin:0 auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.ui-shell{padding:.9rem}.ui-row-between{flex-direction:column;align-items:flex-start}.ui-brand-logo{width:56px;height:56px}}select{width:100%;border:1px solid var(--ui-border);border-radius:10px;background:#f8fbfb;padding:.6rem .75rem;font:inherit}.ui-stack-sm{display:grid;gap:.6rem}.ui-note{border:1px solid var(--ui-border-strong);border-radius:10px;background:#ecf4ff;padding:.7rem .8rem;color:var(--ui-primary);font-weight:600}.ui-icon-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.ui-icon-card{border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#edf5ff);color:var(--ui-text);padding:1rem .75rem;display:grid;gap:.55rem;justify-items:center;font-weight:700;min-height:150px;height:100%;align-content:start}.ui-icon-card>span{width:100%;text-align:center;overflow-wrap:anywhere}.ui-icon-card:hover{border-color:var(--ui-border-strong)}.ui-icon{width:96px;height:96px;object-fit:contain}.ui-icon-grid-home .ui-icon{width:120px;height:120px}.ui-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.ui-alert-item{border:1px solid var(--ui-border);border-radius:10px;padding:.65rem;text-align:left;display:grid;gap:.35rem;width:100%;color:var(--ui-text)}.ui-alert-warning{background:#fff7ce;border-color:#d7ba4f}.ui-alert-high{background:#ffe8cf;border-color:#d79b4f}.ui-alert-critical{background:#ffd9de;border-color:#c5525d}.ui-critical-overlay{position:fixed;inset:0;z-index:20;background:#141c2ce0;display:grid;place-items:center;padding:1rem}.ui-critical-card{width:min(640px,100%);border:2px solid #a6212c;border-radius:14px;background:#fff;padding:1rem}.ui-checkline{display:flex;gap:.5rem;align-items:center}.ui-table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;min-width:760px}.ui-table th,.ui-table td{border:1px solid var(--ui-border);padding:.45rem .55rem;text-align:left}.ui-table th{background:#f2f7fd}.ui-badge-warning{border-color:#d7ba4f;background:#fff7ce}.ui-badge-high{border-color:#d79b4f;background:#ffe8cf}.ui-badge-critical{border-color:#c5525d;background:#ffd9de}.ui-upload-btn{position:relative;overflow:hidden}.ui-upload-btn input{position:absolute;opacity:0;inset:0;cursor:pointer}.ui-bottom-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#141c2c8c;display:grid;align-items:end}.ui-bottom-sheet{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;border-top:1px solid var(--ui-border);box-shadow:0 -12px 28px #0003;display:grid;gap:.75rem;max-height:75vh;overflow-y:auto}.ui-mobile-action-sheet{max-height:88dvh}.ui-mobile-action-sheet .ui-audit-detail{border:0;box-shadow:none;background:transparent;padding:0;max-height:none}.ui-popout-backdrop{position:fixed;inset:0;z-index:70;background:#0b13218f;display:grid;place-items:center;padding:1rem}.ui-popout-card{width:min(720px,100%);max-height:min(88vh,920px);overflow-y:auto;background:linear-gradient(180deg,#fff,#f5f9ff);border:1px solid var(--ui-border);border-radius:18px;padding:1rem;box-shadow:0 24px 50px #0d182b57;animation:popout-in .24s cubic-bezier(.2,.8,.2,1)}.ui-scanner-video{width:100%;max-width:420px;border-radius:12px;border:1px solid var(--ui-border);background:#0f1720}.ui-hidden{display:none}.ui-link{color:var(--ui-primary);text-decoration:underline;font-weight:600}.ui-focus{border-color:var(--ui-border-strong);box-shadow:0 0 0 2px #204f9029}.ui-audit-workspace{display:grid;gap:.9rem;grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start}.ui-audit-list{display:grid;gap:.7rem;align-content:start;max-height:min(72vh,920px);overflow-y:auto;padding-right:.2rem}.ui-audit-item{width:100%;text-align:left;display:grid;gap:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.9rem 1rem;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:0 8px 18px #141c2c0f}.ui-audit-item:hover{border-color:var(--ui-border-strong)}.ui-audit-detail{min-width:0;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 32px #141c2c14;padding:1rem;max-height:min(72vh,920px);overflow-y:auto}.ui-audit-kicker{color:var(--ui-primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ui-audit-summary-row{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--ui-border);border-radius:12px;background:#fff;padding:.8rem .9rem}.ui-scan-sheet{width:min(760px,100%)}.ui-qr-image{width:220px;height:220px;border:1px solid var(--ui-border);border-radius:10px;background:#fff}.ui-module-screen{animation:module-in .22s ease-out}.ui-step-slide{animation:step-slide .24s ease-out}.ui-step-header{display:flex;align-items:center;gap:.75rem}.ui-step-icon{width:56px;height:56px;object-fit:contain}.ui-icon-help-btn{border:1px solid var(--ui-border-strong);color:var(--ui-primary);background:#ecf4ff;border-radius:999px;width:34px;height:34px;font-weight:700}.ui-item-thumb{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--ui-border)}.ui-chip{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.ui-chip-pending{background:#ecf0f7;color:#3d4a5e}.ui-chip-active{background:#fff7ce;color:#5a4a19}.ui-chip-complete{background:#dff4e6;color:#14532d}.ui-btn-present{background:#dff4e6;border-color:#4b9f67;color:#14532d}.ui-btn-present:hover,.ui-btn-present:focus{background:#dff4e6;border-color:#4b9f67;color:#14532d}.ui-btn-missing{background:#ffd9de;border-color:#c5525d;color:#7a1121}.ui-btn-missing:hover,.ui-btn-missing:focus{background:#ffd9de;border-color:#c5525d;color:#7a1121}.ui-info-video{width:min(520px,100%);border:1px solid var(--ui-border);border-radius:10px;background:#0f1720}.ui-busy-overlay{position:fixed;inset:0;z-index:80;background:#0c152461;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem}.ui-busy-card{min-width:min(320px,calc(100vw - 2rem));border:1px solid rgba(255,255,255,.32);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f5f8fcfa);box-shadow:0 24px 56px #07122152;padding:1.25rem 1.5rem;text-align:center}.ui-busy-logo{width:84px;height:84px;object-fit:contain;margin:0 auto .25rem}.ui-workflow-screen{position:fixed;inset:.75rem;z-index:35;background:#fff;border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 16px 38px #0d182b47;overflow-y:auto}@keyframes module-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes step-slide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes popout-in{0%{opacity:0;transform:translateY(18px) scale(.94) rotateX(6deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@media(min-width:700px){.ui-icon-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ui-icon-grid-home{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:700px){.ui-workflow-screen{inset:0;border-radius:0}.ui-audit-workspace{grid-template-columns:1fr}.ui-audit-list,.ui-audit-detail{max-height:none}.ui-popout-backdrop{align-items:end;padding:0}.ui-scan-sheet{width:100%;max-height:88dvh;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}}
