*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333}body{margin:0;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.alert{padding:12px 20px;margin-bottom:20px;border-radius:4px;border:1px solid transparent}.alert-success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.alert-error,.alert-danger{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border-color:#ffeeba}table{width:100%;border-collapse:collapse}.menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;cursor:pointer;color:#6b5035;flex-shrink:0;transition:all .15s}.menu-btn:hover{background:#faf7f0;border-color:#cbd5e1}.mobile-topbar{display:none;align-items:center;gap:12px;padding-bottom:.75rem}@media (min-width: 1024px){.dashboard-layout,.app-layout{display:flex;height:100vh}.main-content{flex:1;overflow-y:auto;min-width:0}app-sidebar{flex-shrink:0}.menu-btn,.mobile-topbar{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-layout,.app-layout{display:flex;height:100vh;position:relative}.main-content{flex:1;overflow-y:auto;width:100%;min-width:0}.menu-btn{display:flex}}@media (max-width: 767px){html,body{overflow:hidden}.dashboard-layout,.app-layout{display:flex;height:100vh;position:relative}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;min-width:0;padding:1rem!important}.menu-btn,.mobile-topbar{display:flex}.metrics-grid,.body-grid,.patientes-grid,.grossesses-list,.empreintes-grid,.visites-timeline{grid-template-columns:1fr!important}.form-row-2,.form-row-3{grid-template-columns:1fr!important;gap:10px!important}.page-header{flex-wrap:wrap;gap:10px!important;align-items:flex-start!important}.topbar{flex-wrap:wrap;gap:10px!important}.page-title{font-size:20px!important}.form-card,.card,.form-page-card{padding:1rem!important}button,a.nav-link,input[type=button],input[type=submit]{min-height:44px}.side-panel{display:none}.breadcrumb{font-size:12px!important;flex-wrap:wrap;gap:6px}.patiente-avatar-lg{width:48px!important;height:48px!important;font-size:16px!important}.metric-card{padding:1rem!important}.metric-value{font-size:20px!important}.metric-label{font-size:12px!important}.card-title,.form-card h3{font-size:14px!important}}@media (max-width: 479px){.main-content{padding:.75rem!important}.page-title{font-size:18px!important}.form-card,.card,.form-page-card{padding:.75rem!important}.header-actions{flex-direction:column!important;width:100%;gap:8px!important}.btn-primary,.btn-secondary{width:100%!important;justify-content:center!important}.sections-nav{flex-direction:column!important;width:100%!important}.sections-nav button{width:100%!important}}table thead{background-color:#f8f9fa}table th{padding:12px;text-align:left;font-weight:700;border-bottom:2px solid #dee2e6}table td{padding:12px;border-bottom:1px solid #dee2e6}table tbody tr:hover{background-color:#f8f9fa}