*{box-sizing:border-box}html,body,#root{color:#0f172a;background:#eef4f8;min-height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.topbar h1{margin:0;font-size:42px;font-weight:800;line-height:1.05}.topbar p{opacity:.95;margin:10px 0 0;font-size:18px}.top-logo{object-fit:contain;width:320px;max-height:90px}.message{color:#06344a;text-align:center;background:#dff7ff;border:1px solid #9de7ff;border-radius:12px;max-width:1500px;margin:18px auto 0;padding:14px 18px;font-weight:700}.layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:1500px;margin:0 auto;padding:24px;display:grid}.card{background:#fff;border:1px solid #d8e3ec;border-radius:18px;padding:22px;box-shadow:0 10px 28px #0f172a14}.card.large{min-height:760px}h2{color:#071b35;margin:0 0 18px;font-size:26px}h3{margin:0 0 14px;font-size:21px}input,textarea,select{background:#fff;border:1px solid #cbd8e3;border-radius:10px;width:100%;padding:13px 14px;font-size:15px}textarea{resize:vertical;min-height:88px}button:hover{filter:brightness(.95)}button:disabled{opacity:.65;cursor:not-allowed}button.danger{background:#a7141a}button.complete{background:#089bd8}.report-list{flex-direction:column;gap:10px;display:flex}.report-list button{text-align:left;color:#06172f;background:#f2f7fb;border:1px solid #d7e3ec}.report-list button.active{color:#fff;background:#031b44}.report-list strong,.report-list span,.report-list small{display:block}.report-header{background:#f4f9fd;border:1px solid #cfe1ef;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px;display:flex}.report-header p{margin:6px 0;font-size:16px}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 16px;display:flex}.list-toolbar p{color:#475569;margin:0}.deviation-list{flex-direction:column;gap:18px;display:flex}.point-card,.deviation{background:#fff;border:1px solid #d8e3ec;border-radius:16px;padding:18px}.point-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.select-pill{background:#f1f5f9;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.badge{border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800}.badge.unsent{color:#991b1b;background:#fee2e2}.badge.sent{color:#166534;background:#dcfce7}.point-grid p{margin:9px 0;font-size:16px}.photos{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.photos img{object-fit:cover;border:1px solid #d8e3ec;border-radius:10px;width:180px;max-height:140px}.point-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.edit-box{background:#f8fafc;border:1px solid #d8e3ec;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.upload{background:#f8fafc;border:1px dashed #99abc0;border-radius:12px;padding:14px;font-weight:700;display:block}.empty{color:#64748b;justify-content:center;align-items:center;min-height:500px;font-size:20px;display:flex}hr{border:0;border-top:1px solid #d8e3ec;margin:22px 0}@media (width<=1000px){.layout{grid-template-columns:1fr}.topbar{text-align:center;flex-direction:column;padding:26px}.top-logo{width:260px;margin-top:16px}.report-header,.list-toolbar{flex-direction:column;align-items:stretch}}:root{--primary:#031b44;--secondary:#118fd1;--bg:#eef3f7;--card:#fff;--border:#d9e2ec;--text:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.app{width:100%;min-height:100vh}.topbar{color:#fff;background:linear-gradient(90deg,#031b44 0%,#118fd1 100%);justify-content:space-between;align-items:center;min-height:150px;padding:22px 30px;display:flex}.topbar h1{margin-bottom:10px;font-size:58px;font-weight:800}.topbar p{opacity:.95;font-size:28px}.top-logo{object-fit:contain;width:auto;height:120px;display:block}.layout{gap:20px;padding:20px;display:flex}.card{background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:20px}.card.large{flex:1}.form{flex-direction:column;gap:12px;display:flex}input,textarea,select{border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:14px;font-size:16px}textarea{min-height:120px}button{color:#fff;cursor:pointer;background:#118fd1;border:none;border-radius:12px;padding:14px 20px;font-weight:700}button.secondary{background:#031b44}.report-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.report-list button{text-align:left}.empty{text-align:center;color:#64748b;padding:100px;font-size:24px}