*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f7fafc;min-height:100vh;color:#2d3748}.container{max-width:1200px;margin:0 auto;padding:30px 20px}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-primary:disabled{background:#a0aec0;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:700;color:#4a5568;font-size:14px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s;outline:none;font-family:Arial,sans-serif}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#4299e1}.navbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:0}.navbar-content{max-width:1200px;margin:0 auto;justify-content:space-between;padding:0 20px}.navbar-brand,.navbar-content{display:flex;align-items:center}.navbar-brand{color:#2d3748;font-size:24px;font-weight:700;text-decoration:none;gap:8px}.navbar-menu{display:flex;gap:24px;list-style:none}.navbar-menu a{color:#4a5568;text-decoration:none;font-weight:500;transition:color .2s}.navbar-menu a:hover{color:#4299e1}.tabs{border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab,.tabs{display:flex;gap:8px}.tab{padding:12px 24px;background:transparent;cursor:pointer;font-size:16px;font-weight:600;color:#718096;border:none;border-bottom:3px solid transparent;transition:all .2s;align-items:center}.tab:hover{color:#4a5568}.tab.active{color:#4299e1;border-bottom-color:#4299e1}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pendente{background:#fbb6ce;color:#97266d}.status-concluido{background:#c6f6d5;color:#276749}.status-enviado{background:#bee3f8;color:#2a69ac}.table{width:100%;border-collapse:collapse;margin-top:16px;background:#fff}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.table th{font-weight:600;color:#4a5568;font-size:14px}.table tbody tr:hover,.table th{background:#f7fafc}.loading{text-align:center;padding:40px;color:#718096}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fed7d7;color:#c53030}.error-message,.success-message{padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:14px;font-weight:700}.success-message{background:#c6f6d5;color:#276749}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:24px}