*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:#333;-webkit-font-smoothing:antialiased;background-color:#f0f2f5}.container{max-width:1200px;margin:0 auto;padding:10px}.login-box{background:#fff;border-radius:12px;max-width:90%;margin:80px auto;padding:25px;box-shadow:0 4px 12px #0000001a}.login-box h2{text-align:center;color:#1a73e8;margin-bottom:25px}input,select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:12px;padding:14px;font-size:16px}input:focus,select:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e833}button{color:#fff;cursor:pointer;text-align:center;background-color:#1a73e8;border:none;border-radius:8px;width:100%;padding:14px 15px;font-size:15px;font-weight:600;transition:all .2s}button:active{transform:scale(.98)}.btn-success{background-color:#10b981}.btn-danger{background-color:#ef4444}.btn-info{background-color:#6366f1}.btn-action{margin:2px 0;padding:8px 12px;font-size:14px}.nav{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.nav button{padding:10px;font-size:13px}.card{background:#fff;border-radius:12px;margin-bottom:15px;padding:15px;box-shadow:0 2px 8px #0000000d}.card h3{color:#1f2937;border-bottom:1px solid #f3f4f6;margin-bottom:15px;padding-bottom:10px;font-size:18px}.form-grid{grid-template-columns:1fr;gap:10px;display:grid}.badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-ativo{color:#1e40af;background:#dbeafe}.badge-quitado{color:#065f46;background:#d1fae5}.badge-atrasado{color:#991b1b;background:#fecaca}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 -4px 15px #0000001a}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.close-btn{color:#333;background:#f3f4f6;border-radius:50%;width:40px;height:40px;padding:0;font-size:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 10px;font-size:14px}th{color:#6b7280;text-transform:uppercase;background-color:#f9fafb;font-size:12px}@media (width<=768px){table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:10px;position:relative}td{text-align:right;border:none;border-bottom:1px solid #f3f4f6;min-height:40px;padding:10px 0 10px 40%;position:relative}td:last-child{text-align:center;border-bottom:0;flex-direction:column;gap:5px;padding-top:15px;padding-left:0;display:flex}td:before{content:attr(data-label);text-align:left;color:#6b7280;text-transform:uppercase;width:40%;font-size:12px;font-weight:600;position:absolute;top:12px;left:0}td:last-child:before{content:none}.form-grid{grid-template-columns:1fr}.row-atrasada{border-left:4px solid #ef4444}}@media (width>=769px){.form-grid{grid-template-columns:1fr 1fr}.form-full{grid-column:span 2}.modal-overlay{align-items:center}.modal-content{border-radius:12px;width:90%;max-width:600px}}@media print{body{background-color:#fff}.nav,.hide-on-print,.btn-print{display:none!important}.container{max-width:100%;margin:0;padding:0}.card{box-shadow:none;border:1px solid #000;margin:0}select{appearance:none;color:#000;background:0 0;border:none;padding:0;font-size:18px;font-weight:700}}