body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1d2433}
.wrap{max-width:1240px;margin:0 auto;padding:16px}
.topbar{background:#152238;color:#fff}
.topbar-inner{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:700;font-size:20px;padding:14px 0}
.nav a{color:#fff;text-decoration:none;margin-left:16px}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:18px}
.card.inner{margin-bottom:0}
.narrow{max-width:420px;margin:32px auto}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:1fr 1fr}
.grid.two.tight{grid-template-columns:1fr 1fr;gap:10px}
.intake-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
@media (max-width:980px){.grid.two,.grid.two.tight,.intake-layout{grid-template-columns:1fr}}
.stat-value{font-size:34px;font-weight:700}
.stat-label{color:#5e6b84}
label{display:block;font-weight:600;margin-bottom:12px}
input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #ccd4e0;border-radius:10px;box-sizing:border-box;background:#fff}
.btn{display:inline-block;background:#edf1f7;color:#182338;border:none;border-radius:10px;padding:12px 16px;text-decoration:none;cursor:pointer}
.btn-primary{background:#1959d1;color:#fff}
.btn-save{margin-top:6px;font-size:16px;padding:14px 18px}
.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.flash{padding:12px 14px;border-radius:10px;margin:12px 0}
.flash-success{background:#e7f7ea;color:#155724}
.flash-error{background:#fde8e8;color:#8a1f1f}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #e8edf5;text-align:left}
.camera-button{display:inline-block}
.camera-button input{display:none}
.camera-button span{display:inline-block;background:#1959d1;color:#fff;border-radius:14px;padding:18px 24px;font-size:18px;font-weight:700;cursor:pointer}
.image-preview{width:100%;max-height:560px;object-fit:contain;border-radius:14px;border:1px solid #d7dfeb;background:#f8fafc;display:block}
.hidden{display:none}
.hint{color:#61708a;font-size:14px}
.panel-title{font-weight:700;margin-bottom:14px;font-size:20px}
.top-gap{margin-top:12px}
.photo-panel{position:sticky;top:16px}
.meta-box{display:grid;gap:6px;margin-top:12px;padding:12px;border:1px solid #e1e8f2;border-radius:12px;background:#f8fbff}
.token-box{margin-top:14px;padding:12px;border:1px solid #e1e8f2;border-radius:12px;background:#fbfcff}
.token-title{font-weight:700;margin-bottom:6px}
.field-active{border-color:#1959d1 !important;box-shadow:0 0 0 3px rgba(25,89,209,.12)}
#image-container{position:relative;width:100%;display:block}
#ocr-overlay{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}
.ocr-box{position:absolute;border:2px solid rgba(25,89,209,.45);background:rgba(25,89,209,.06);pointer-events:auto;cursor:pointer;padding:0;margin:0}
.ocr-box:hover{background:rgba(25,89,209,.18);border-color:rgba(25,89,209,.8)}