:root{--blue:#073b67;--blue2:#0b4f87;--bg:#f4f7fa;--border:#dce4eb;--muted:#667585;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#17212b}button,.button,.btn{font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:#fff}button:hover,.button:hover{background:var(--blue2);color:#fff}button:disabled{opacity:.6}.secondary{background:#fff;color:var(--blue);border:1px solid #b9c8d5}.header{height:92px;background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 7%;gap:18px}.header img{width:110px;max-height:65px;object-fit:contain}.header span{height:30px;border-left:1px solid #ffffff55}.header b{font-size:13px;letter-spacing:1.5px}.container{max-width:1080px;margin:32px auto 70px;padding:0 18px}.title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.title h1{margin:0 0 5px;color:var(--blue);font-size:28px}.title p{margin:0;color:var(--muted);font-size:13px}.title>small{color:var(--muted)}form section,.panel,.login,.success{background:#fff;border:1px solid var(--border);border-radius:9px}.container form section{padding:24px;margin-bottom:15px}.container h2,.panel h2{font-size:16px;color:var(--blue);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:13px;font-weight:700;color:#334454}.field i{color:var(--danger);font-style:normal}.field input,.field textarea,.field select,.filters input,.filters select{width:100%;padding:10px 11px;border:1px solid #cbd5df;border-radius:6px;background:#fff;outline:none}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue2)}.err{color:var(--danger);font-size:11px}.alert{background:#fff0ef;color:var(--danger);border:1px solid #f2c1bd;border-radius:6px;padding:11px;margin-bottom:15px;font-size:13px}.radio{display:flex;gap:20px;padding:8px 0}.radio input,.consent input{width:auto}.hint{color:var(--muted);font-size:12px}.photoBtns{display:flex;gap:9px}.photoBtns .btn{cursor:pointer}.camera{display:flex;flex-wrap:wrap;gap:8px;max-width:550px}.camera video{width:100%;background:#111;border-radius:8px}.preview{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.preview img{width:180px;height:180px;object-fit:cover;border-radius:8px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.submit{display:flex;justify-content:flex-end}.success{max-width:500px;margin:70px auto;padding:40px;text-align:center}.success .check{width:55px;height:55px;border-radius:50%;background:#e7f6ee;color:#16794c;display:grid;place-items:center;margin:0 auto 15px;font-size:30px}.success h1{color:var(--blue)}.success strong{display:block;font-family:monospace;font-size:24px;color:var(--blue);margin:20px}.success em{display:inline-block;background:#fff6dc;color:#8a6500;padding:7px 12px;border-radius:15px;font-style:normal;font-size:12px;font-weight:700}.login{width:min(420px,calc(100% - 32px));margin:65px auto;padding:32px}.login h1{color:var(--blue);margin-top:0}.login form{display:flex;flex-direction:column;gap:15px}.login .field input{margin-top:2px}.admin{display:flex;min-height:100vh}.admin aside{width:230px;background:var(--blue);color:#fff;padding:22px 15px;display:flex;flex-direction:column;gap:5px}.brand{font-family:Georgia,serif;font-style:italic;font-size:28px;padding:8px 10px 25px;border-bottom:1px solid #ffffff22;margin-bottom:10px}.brand small{display:block;font-family:Arial;font-style:normal;font-size:11px;opacity:.7;margin-top:4px}.admin aside a,.admin aside button{color:#dceaf5;background:transparent;text-decoration:none;text-align:left;padding:11px 12px;border-radius:6px}.admin aside a:hover{background:#ffffff18}.admin aside button{margin-top:auto}.admin>main{flex:1;min-width:0}.top{height:92px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 30px}.top h1{font-size:20px;color:var(--blue);margin:0 0 3px}.top p{font-size:12px;color:var(--muted);margin:0}.top b{font-size:11px;background:#eaf2f8;color:var(--blue);padding:8px 12px;border-radius:20px}.content{padding:30px;max-width:1600px;margin:auto}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--border);border-radius:9px;padding:17px;min-height:115px}.kpi small{color:var(--muted);font-weight:700}.kpi strong{display:block;color:var(--blue);font-size:30px;margin-top:15px}.panel{padding:20px;overflow:hidden}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px;border-bottom:1px solid #edf1f4;text-align:left;font-size:12px;vertical-align:middle}th{background:#f7f9fb;color:#5e6d7c;font-size:10px;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 8px;border-radius:15px;font-size:9px;font-weight:800;white-space:nowrap}.PENDING_APPROVAL{background:#fff6dc;color:#8a6500}.APPROVED{background:#eaf2ff;color:#1554a0}.REJECTED{background:#fff0ef;color:#a21b13}.CHECKED_IN{background:#e7f6ee;color:#16794c}.CHECKED_OUT{background:#eef1f4;color:#5e6873}.mini{padding:6px 8px;font-size:10px;margin:2px}.mini.danger,.actions .danger{background:#fff0ef;color:var(--danger);border:1px solid #f2c1bd}.filters{background:#fff;border:1px solid var(--border);border-radius:9px;padding:13px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:8px;margin-bottom:15px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:15px;font-size:12px;color:var(--muted)}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.photo{min-height:300px;display:grid;place-items:center}.photo img{max-width:100%;max-height:360px;object-fit:contain}.info{padding:20px}.info p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f4;padding:9px 0;margin:0;font-size:12px}.info p span{color:var(--muted)}.info p b{text-align:right;max-width:65%;word-break:break-word}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.loading{text-align:center;padding:50px}.admin a{color:var(--blue2)}@media(max-width:1200px){.kpis,.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.grid,.detailgrid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.admin aside{width:190px}}@media(max-width:600px){.header{padding:0 20px}.header b{font-size:10px}.admin{display:block}.admin aside{width:100%;display:flex;flex-direction:row;align-items:center;overflow:auto}.admin aside .brand{display:none}.admin aside button{margin:0}.top{padding:0 18px}.content{padding:18px}.kpis,.filters{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}}