:root{
  --bg:#fff7f7;--bg2:#fff1f2;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--red:#c1121f;--red2:#ef4444;--red-soft:#fee2e2;--rose:#fff5f5;--line:#e5e7eb;--line-soft:#e5e7eb;--shadow:0 14px 30px rgba(193,18,31,.10);--radius:18px;
}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fff5f5 0%,#fff7f7 38%,#ffffff 38%,#ffffff 100%);color:var(--text)} a{text-decoration:none} img{max-width:100%} h1,h2,h3{margin:0 0 12px} label{display:block;font-weight:700;font-size:13px;margin-bottom:6px} input,select,textarea{width:100%;padding:11px 12px;border:1px solid #ccd3df;border-radius:12px;font-size:14px;background:#fff} textarea{min-height:140px;resize:vertical} button{font:inherit}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(239,68,68,.18),transparent 30%),linear-gradient(180deg,#fff5f5,#ffe9ea)} .login-panel{width:min(1000px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center} .login-brand{color:#7f1d1d;padding:24px} .login-brand img{width:170px;height:170px;object-fit:contain;display:block;margin-bottom:18px} .login-brand h1{font-size:36px;letter-spacing:.4px} .login-brand p{font-size:18px;color:#991b1b} .login-card{background:#fff;padding:28px;border-radius:24px;box-shadow:var(--shadow);border:1px solid #fecdd3}
.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh} .sidebar{background:linear-gradient(180deg,#b80f1d 0%,#c1121f 42%,#991b1b 100%);color:#fff;padding:20px 16px;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.18);box-shadow:8px 0 24px rgba(193,18,31,.14)} .brand{display:flex;gap:12px;align-items:center;padding:10px 8px 18px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:18px} .brand img{width:56px;height:56px;object-fit:contain;border-radius:50%;background:#fff;padding:3px} .brand strong{display:block;font-size:18px} .brand small{color:#ffe4e6} .side-nav{display:flex;flex-direction:column;gap:8px} .side-nav a{display:flex;align-items:center;gap:12px;padding:14px 14px;border-radius:14px;color:#fff;transition:.2s transform,.2s background,.2s box-shadow;position:relative;overflow:hidden} .side-nav a::before{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:transform .45s} .side-nav a:hover::before{transform:translateX(100%)} .side-nav a:hover{background:rgba(255,255,255,.12);transform:translateX(4px)} .side-nav a.active{background:linear-gradient(90deg,#ffffff,#ffe5e7);color:#b80f1d;box-shadow:0 10px 24px rgba(127,29,29,.18)}
.content{padding:22px} .content-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .content-top h1{font-size:28px;color:#991b1b;margin-bottom:4px} .content-top .muted{color:#b91c1c} .top-logo{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:50%;padding:4px;box-shadow:var(--shadow);border:1px solid #fecdd3} .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px;border:1px solid #fee2e2} .inner-card{background:#fff7f7;border:1px solid #fecdd3;box-shadow:none}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mt16{margin-top:16px}.mb16{margin-bottom:16px}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.mini{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-logo{width:70px;height:70px;object-fit:contain}.table-wrap{overflow:auto} .table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #f1c8cd;padding:9px 10px;font-size:14px;vertical-align:top}.table th{background:#fff1f2;text-align:left;color:#7f1d1d}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#c1121f,#ef4444);color:#fff;border:none;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(1.05)}.btn.sec{background:#991b1b}.btn.light{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.btn.danger{background:#b91c1c}.btn-full{width:100%}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:700}.alert.err{background:#ffe3e6;color:#8a0c18}.alert.ok{background:#e8f8ec;color:#166534}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#fff1f2;color:#9f1239;font-size:12px;font-weight:700}.dashboard-cards .card{min-height:180px}.stat-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.stat-emoji{font-size:30px;margin-bottom:8px}.stat-number{font-size:38px;font-weight:800;color:#991b1b}.small-num{font-size:20px}
.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.checks label{display:flex;gap:8px;align-items:center;border:1px solid #fecdd3;border-radius:999px;padding:8px 12px;background:#fff}.hidden-checkboxes{display:none}.selected-list{display:flex;gap:8px;flex-wrap:wrap}.pick-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#fff1f2;color:#9f1239;font-size:12px;font-weight:700;border:1px solid #fecdd3}.item-row{display:grid;grid-template-columns:1fr 140px 54px;gap:10px;margin-bottom:10px}
.modal{position:fixed;inset:0;background:rgba(2,6,23,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal.show{display:flex}.modal-box{width:min(780px,100%);max-height:84vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);border:1px solid #fecdd3}.small-box{max-width:500px}.modal-list{display:grid;gap:10px}.pick-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #fecdd3;border-radius:14px;background:#fff7f7}

.report-a4{width:210mm;max-width:100%;margin:0 auto;background:#fff;border:1px solid #111;padding:10mm 8mm 9mm;box-shadow:none;overflow:hidden}.report-top-strip{height:8px;background:#d71920;width:54mm;margin-left:auto;margin-bottom:4mm}.report-head-grid{display:grid;grid-template-columns:28mm 1fr 30mm;align-items:center;gap:4mm;margin-bottom:2.5mm}.report-head-logo{display:flex;align-items:center}.report-head-logo.left img{width:21mm;height:21mm;object-fit:contain}.report-head-logo.right{justify-content:flex-end}.report-head-logo.right img{width:24mm;height:24mm;object-fit:contain}.report-head-center{text-align:center;line-height:1.1}.report-title-1{font-size:14px;font-weight:700}.report-title-2{font-size:13px}.report-title-3{font-size:11px;font-weight:700;margin-top:2px}
.report-table{width:100%;border-collapse:collapse;margin-top:2mm;font-size:10px}.report-table th,.report-table td{border:1px solid #111;padding:1.2mm 1.6mm;vertical-align:middle}.report-table th{font-weight:700;background:#fff}.report-table .section-title{font-size:11px;text-align:center;padding:1mm 0}.report-table .subhead th{font-size:9px;text-align:center}.report-table.tight td,.report-table.tight th{line-height:1.1}.w50{width:8mm}.title-border{margin-top:2mm;margin-bottom:1mm;text-align:center;font-weight:700;font-size:11px}.flag-row{display:flex;gap:5mm;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:2mm 0}.flag-box{display:inline-block;width:9mm;height:5mm;border:1px solid #111;vertical-align:middle;margin-right:1mm}.flag-box.checked{background:#111;color:#fff;position:relative}.flag-box.checked::after{content:'X';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}
.report-box{border:1px solid #111;padding:2mm;min-height:24mm;background:#fff;font-size:9.5px;line-height:1.25}.report-box.compact{min-height:28mm}.photos.medium-square{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2mm;margin-top:2mm}.photo-box{border:1px solid #111;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa}.photo-box.square{aspect-ratio:1/1;min-height:39mm;max-height:39mm}.photo-box img{width:100%;height:100%;object-fit:cover}.signature-zone{margin-top:10mm;padding-top:6mm;page-break-inside:avoid}.official-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:10mm;align-items:end}.sign-block{font-size:10px;line-height:1.35}.sign-space{height:13mm}.sign-line{border-top:1px solid #111;padding-top:2mm}.report-footer{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3mm;align-items:end;margin-top:5mm;font-size:8px}.footer-center{background:#d71920;color:#fff;text-align:center;padding:2px 6px;font-weight:700}.footer-left,.footer-right{color:#111}.no-print{display:block}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content-top h1{color:#991b1b}.content-top .muted{color:#b91c1c}body{background:#fff7f7}}
@media (max-width:800px){.grid-2,.grid-3,.grid-4,.official-signatures,.login-panel{grid-template-columns:1fr}.content{padding:16px}.item-row{grid-template-columns:1fr 110px 54px}.content-top{flex-direction:column;align-items:flex-start}.top-logo{display:none}.photos.medium-square{grid-template-columns:1fr 1fr}.report-head-grid{grid-template-columns:1fr}.report-a4{padding:12px}}
@page{size:A4 portrait;margin:10mm 9mm}
@media print{html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.content-top,.no-print,.modal{display:none!important}.content{padding:0}.card{box-shadow:none;border:none;padding:0;margin:0}.report-a4{width:100%;max-width:none;border:none;padding:0;margin:0;overflow:visible}.report-top-strip,.footer-center,.flag-box.checked{ -webkit-print-color-adjust:exact; print-color-adjust:exact}.photos.medium-square{grid-template-columns:repeat(4,1fr)}.photo-box.square{min-height:39mm;max-height:39mm}.report-title-1{font-size:13px}.report-title-2{font-size:12px}.report-title-3{font-size:10px}.signature-zone{margin-top:12mm;padding-top:7mm;page-break-inside:avoid}}

.notify-popup{position:fixed;right:22px;bottom:22px;z-index:120;pointer-events:none;opacity:0;transform:translateY(18px);transition:.22s ease}.notify-popup.show{opacity:1;transform:translateY(0);pointer-events:auto}.notify-card{min-width:320px;max-width:420px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.35);border-radius:18px;padding:16px}.notify-title{font-weight:800;margin-bottom:6px}.notify-message{font-size:14px;line-height:1.4;color:#e5e7eb}.notify-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media print{.notify-popup{display:none!important}}


.support-textarea{min-height:160px}
.document-body{background:#fff;margin:0;padding:10mm 9mm}
.report-print-root{border:none;padding:0;margin:0 auto;box-shadow:none}
.report-header-table,.report-footer-table,.signature-table,.stats-head-table{width:100%;border-collapse:collapse}
.report-header-table td{vertical-align:middle}
.report-header-table .head-left{width:28mm}.report-header-table .head-left img{width:21mm;height:21mm;object-fit:contain}
.report-header-table .head-center{text-align:center;line-height:1.1}.report-header-table .head-right-wrap{width:32mm;text-align:right}.report-header-table .head-right img{width:24mm;height:24mm;object-fit:contain}.report-header-table .report-top-strip{display:block;height:8px;background:#d71920;width:54mm;max-width:100%;margin-left:auto;margin-bottom:4mm}
.signature-table{table-layout:fixed;margin-top:9mm}.signature-table td{width:33.333%;text-align:center;vertical-align:bottom;padding:0 4mm}.sign-space{height:18mm}.sign-line{border-top:1px solid #111;padding-top:2mm;font-size:10px;line-height:1.35}
.report-footer-table{margin-top:5mm;font-size:8px}.report-footer-table td{vertical-align:bottom}.report-footer-table .footer-center{background:#d71920;color:#fff;text-align:center;padding:2px 6px;font-weight:700;width:38%}.report-footer-table .footer-left,.report-footer-table .footer-right{width:31%}
.stats-sheet{width:210mm;max-width:100%;margin:0 auto;background:#fff}.stats-head-table td{vertical-align:middle}.stats-head-logo{width:26mm}.stats-head-logo img{width:22mm;height:22mm;object-fit:contain}.stats-head-center{text-align:center}.stats-head-meta{text-align:right;font-size:11px;line-height:1.4}.stats-summary-grid .card{margin-bottom:0}.stats-table th,.stats-table td{font-size:14px}
@media print{.document-body{padding:0;margin:0}.report-header-table .report-top-strip,.report-footer-table .footer-center,.flag-box.checked{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-header-table .head-right-wrap{width:32mm}.signature-table{table-layout:fixed;width:100%}.signature-table td{display:table-cell!important;width:33.333%!important}.sign-space{height:20mm}.report-footer-table{page-break-inside:avoid}.stats-sheet{width:100%;max-width:none}}
@media (max-width:800px){.report-header-table,.report-header-table tr,.report-header-table td,.signature-table,.signature-table tr,.signature-table td,.report-footer-table,.report-footer-table tr,.report-footer-table td,.stats-head-table,.stats-head-table tr,.stats-head-table td{display:block;width:100%!important}.report-header-table .head-left,.report-header-table .head-right-wrap,.stats-head-logo,.stats-head-meta{text-align:center}.report-header-table .head-left img,.report-header-table .head-right img,.stats-head-logo img{margin:0 auto}.report-header-table .report-top-strip{margin:0 auto 4mm}.signature-table td{padding:0;margin-bottom:8mm}.report-footer-table .footer-center{width:100%}.stats-head-meta{text-align:center;margin-top:4mm}}