@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.layout{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;background:var(--white);position:relative;box-shadow:var(--shadow-lg)}.layout-header{position:sticky;top:0;z-index:100;background:var(--teal-700);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0f7b6c4d}.layout-header-left{display:flex;align-items:center;gap:8px}.layout-logo{font-size:22px}.layout-title{font-size:20px;font-weight:800;color:var(--white);letter-spacing:-.5px}.layout-header-right{display:flex;align-items:center;gap:10px}.layout-user{color:var(--teal-100);font-size:14px;font-weight:600}.layout-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.05em}.badge-medico{background:var(--coral-500);color:var(--white)}.badge-paciente{background:var(--teal-500);color:var(--white)}.layout-logout{background:#ffffff26;border-radius:8px;padding:6px;color:var(--white);display:flex;align-items:center;transition:background .2s}.layout-logout:hover{background:#ffffff40}.layout-content{flex:1;overflow-y:auto;padding-bottom:80px}.layout-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--white);border-top:1px solid var(--gray-100);display:flex;box-shadow:0 -4px 16px #00000014;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;color:var(--gray-500);transition:color .2s;gap:3px}.nav-item--active{color:var(--teal-700)}.nav-icon{width:22px;height:22px}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:10px;font-weight:700;letter-spacing:.03em}.nav-item--active .nav-label{color:var(--teal-700)}.auth-bg{min-height:100vh;background:linear-gradient(135deg,var(--teal-700) 0%,var(--teal-500) 100%);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--white);border-radius:var(--radius-xl);padding:32px 28px;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.auth-logo{font-size:48px;text-align:center;margin-bottom:8px}.auth-titulo{font-size:28px;font-weight:800;text-align:center;color:var(--teal-700)}.auth-subtitulo{font-size:13px;color:var(--gray-500);text-align:center;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:14px}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:13px;font-weight:700;color:var(--gray-700)}.campo input,.campo select{padding:11px 14px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;color:var(--gray-900);transition:border-color .2s;background:var(--white)}.campo input:focus,.campo select:focus{border-color:var(--teal-500)}.auth-erro{background:var(--coral-100);color:var(--coral-500);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600}.btn-primary{background:var(--teal-700);color:var(--white);padding:13px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:background .2s,transform .1s;margin-top:4px}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.auth-link{text-align:center;font-size:13px;color:var(--gray-500);margin-top:16px}.auth-link a{color:var(--teal-700);font-weight:700}.perfil-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.perfil-btn{padding:10px;border-radius:var(--radius-md);border:2px solid var(--gray-300);background:var(--white);font-size:14px;font-weight:700;color:var(--gray-500);transition:all .2s}.perfil-btn.ativo{border-color:var(--teal-500);background:var(--teal-50);color:var(--teal-700)}.page{min-height:100%;display:flex;flex-direction:column}.page-header{padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px}.page-header.teal{background:linear-gradient(135deg,var(--teal-700),var(--teal-500))}.page-header h2{font-size:22px;font-weight:800;color:var(--white)}.page-subtitle{color:var(--teal-100);font-size:13px}.page-header-top{display:flex;align-items:center;justify-content:space-between}.page-body{padding:16px;display:flex;flex-direction:column;gap:12px}.card{background:var(--white);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);animation:fadeIn .3s ease both}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);font-family:var(--font-mono)}.badge-teal{background:var(--teal-100);color:var(--teal-700)}.badge-coral{background:var(--coral-100);color:var(--coral-500)}.badge-amber{background:var(--amber-100);color:#92400e}.badge-green{background:#dcfce7;color:#16a34a}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-blue{background:var(--blue-100);color:var(--blue-500)}.badge-offline{background:var(--amber-100);color:#92400e;font-size:11px;padding:4px 10px;border-radius:var(--radius-full);font-weight:700}.btn-icon-white{background:#fff3;color:var(--white);width:36px;height:36px;border-radius:var(--radius-md);font-size:22px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon-white:hover{background:#ffffff4d}.btn-primary{background:var(--teal-700);color:var(--white);padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:700;width:100%;transition:background .2s}.btn-primary:hover{background:var(--teal-800)}.btn-primary-sm{background:var(--teal-700);color:var(--white);padding:8px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:700}.btn-sm{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200);padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;transition:all .2s}.btn-sm:hover{background:var(--teal-100)}.btn-danger{background:var(--coral-100)!important;color:var(--coral-500)!important;border-color:transparent!important}.search-input{padding:10px 14px;border-radius:var(--radius-md);border:none;background:#ffffffe6;font-size:14px;color:var(--gray-900);width:100%}.filtros{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filtros::-webkit-scrollbar{display:none}.filtro-btn{white-space:nowrap;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fffc;transition:all .2s}.filtro-btn.ativo{background:var(--white);color:var(--teal-700);border-color:var(--white)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:var(--gray-500)}.empty-state span{font-size:40px}.empty-state p{font-size:14px;font-weight:600}.empty-hint{font-size:12px!important;color:var(--gray-300)!important;font-weight:400!important}.prescricao-card.finalizado{opacity:.6}.prescricao-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.prescricao-nome{font-size:16px;font-weight:700}.prescricao-dosagem{font-size:13px;color:var(--gray-500);margin-top:2px}.prescricao-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.prescricao-info{display:flex;gap:12px;font-size:12px;color:var(--gray-500);font-family:var(--font-mono);margin-bottom:8px}.prescricao-obs{font-size:12px;color:var(--gray-500);font-style:italic;margin-bottom:8px}.card-actions{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--gray-100)}.consulta-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.consulta-medico{font-weight:700;font-size:15px}.consulta-data{font-size:12px;color:var(--gray-500);font-family:var(--font-mono)}.consulta-queixa{font-size:13px;color:var(--gray-700);margin-bottom:8px}.consulta-diagnostico{background:var(--teal-50);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;margin-bottom:8px}.consulta-prescricoes{font-size:12px;color:var(--gray-500)}.qr-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 16px}.btn-qr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 40px;background:var(--teal-50);border:2px dashed var(--teal-300);border-radius:var(--radius-xl);color:var(--teal-700);font-size:15px;font-weight:700;width:100%;transition:all .2s}.btn-qr:hover{background:var(--teal-100)}.btn-qr-icon{font-size:40px}.qr-container{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.section-titulo{padding:4px 0}.section-titulo h3{font-size:16px;font-weight:800;color:var(--gray-900)}.section-desc{font-size:12px;color:var(--gray-500);margin-top:2px}.alert-erro{background:var(--coral-100);color:var(--coral-500);padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;width:100%;text-align:center}.alert-sucesso{background:#dcfce7;color:#16a34a;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;width:100%;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:200;animation:fadeIn .2s ease}.modal{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 20px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:18px;font-weight:800}.modal-header button{font-size:18px;color:var(--gray-500);background:none}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form .campo{display:flex;flex-direction:column;gap:4px}.modal-form label{font-size:12px;font-weight:700;color:var(--gray-700);text-transform:uppercase}.modal-form input,.modal-form select,.modal-form textarea{padding:10px 12px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px}.modal-form input:focus,.modal-form textarea:focus{border-color:var(--teal-500)}.modal-form textarea{min-height:80px;resize:vertical}.row-campos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loading{padding:40px;text-align:center;color:var(--gray-500)}.full-center{min-height:100vh;display:flex;align-items:center;justify-content:center}:root{--teal-900: #0a4a42;--teal-800: #0d5c52;--teal-700: #0f7b6c;--teal-600: #129980;--teal-500: #14b89a;--teal-400: #3ecfb4;--teal-300: #6edfc8;--teal-200: #a8ede1;--teal-100: #d4f5ef;--teal-50: #f0faf8;--coral-500: #f05a2a;--coral-400: #f37a52;--coral-100: #fde8df;--amber-500: #f59e0b;--amber-100: #fef3c7;--blue-500: #3b82f6;--blue-100: #dbeafe;--gray-900: #111827;--gray-700: #374151;--gray-500: #6b7280;--gray-300: #d1d5db;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-body: "Nunito", sans-serif;--font-mono: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--teal-50);color:var(--gray-900);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--teal-300);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .3s ease both}.slide-up{animation:slideUp .4s ease both}