body { font-family: 'Segoe UI', Tahoma, sans-serif; background: #f0f2f5; margin: 0; padding-top: 85px; }
.container { max-width: 1250px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); min-height: 500px; }

/* NAVBAR PREMIUM */
.navbar { position: fixed; top: 0; left: 0; right: 0; height: 65px; background: #1a237e; color: white; display: flex; align-items: center; padding: 0 30px; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.navbar .logo { font-weight: bold; color: #00bcd4; margin-right: 40px; font-size: 18px; letter-spacing: 1px; }
.navbar a { color: #fff !important; text-decoration: none; padding: 10px 18px; margin: 0 5px; font-size: 12px; font-weight: 600; border-radius: 6px; transition: 0.3s; }
.navbar a:hover, .navbar a.active { background: #00bcd4; color: #1a237e !important; }

/* BOTÕES DE ESTADOS */
.btn-blue { background: #2196f3 !important; color: white !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; border: none; cursor: pointer; display: inline-block; }
.btn-green { background: #4caf50 !important; color: white !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; border: none; cursor: pointer; display: inline-block; }
.btn-teal { background: #009688 !important; color: white !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; border: none; cursor: pointer; display: inline-block; }
.btn-purple { background: #673ab7 !important; color: white !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; border: none; cursor: pointer; display: inline-block; }
.btn-red { background: #f44336 !important; color: white !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; border: none; cursor: pointer; display: inline-block; }
.btn-off { background: #e0e0e0 !important; color: #9e9e9e !important; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 10px; font-weight: bold; cursor: not-allowed; pointer-events: none; opacity: 0.6; display: inline-block; }

/* MODAL DE APROVAÇÃO */
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
.modal-box { background: #fff; padding: 40px; border-radius: 20px; width: 400px; text-align: center; box-shadow: 0 15px 50px rgba(0,0,0,0.3); }
.modal-box input { width: 100%; padding: 12px; margin: 20px 0; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; }

table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th { background: #f8f9fa; color: #333; padding: 15px; font-size: 11px; text-transform: uppercase; border-bottom: 2px solid #dee2e6; text-align: center; }
td { padding: 15px; border-bottom: 1px solid #eee; text-align: center; font-size: 13px; }