body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-green:#2da881;--color-primary-blue:#1e5a96;--color-secondary-light:#f5f7fa;--color-secondary-gray:#9ca3af;--color-secondary-dark:#4b5563;--color-black:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem}body{background-color:#f5f7fa;background-color:var(--color-secondary-light);color:#0f172a;color:var(--color-black);line-height:1.6}.btn,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}.btn{font-size:1rem;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:#2da881;background-color:var(--color-primary-green);color:var(--color-white)}.btn-primary:hover{background-color:#1e8659;box-shadow:0 4px 12px #2da8814d}.btn-secondary{background-color:#1e5a96;background-color:var(--color-primary-blue);color:#fff;color:var(--color-white)}.btn-secondary:hover{background-color:#154170;box-shadow:0 4px 12px #1e5a964d;transform:translateY(-2px)}.btn-ghost{background-color:initial;border:2px solid #2da881;border:2px solid var(--color-primary-green);color:#2da881;color:var(--color-primary-green)}.btn-ghost:hover{background-color:#f5f7fa;background-color:var(--color-secondary-light)}.input-field{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.input-field:focus{border-color:#2da881}.card{background-color:#fff;background-color:var(--color-white);box-shadow:0 2px 8px #00000014;padding:24px;transition:box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #0000001f}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-center{background:linear-gradient(135deg,#1e5a96,#2da881)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h1,h2{color:#0f172a;color:var(--color-black);font-weight:700}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{color:#0f172a;color:var(--color-black);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}p{color:#4b5563;color:var(--color-secondary-dark);font-size:1rem;font-size:var(--font-size-base)}small{color:#9ca3af;color:var(--color-secondary-gray);font-size:.875rem;font-size:var(--font-size-sm)}.doctor-selection-container{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff,#d4f3e3);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:600px;padding:20px;width:90%}.selection-header{margin-bottom:20px;text-align:center}.selection-header .logo{margin-bottom:20px;max-width:200px}.selection-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-green),var(--color-primary-blue));-webkit-background-clip:text;background-clip:text;margin-bottom:10px}.selection-header .subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-lg)}.selection-options{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.option-card{background-color:var(--color-white);border:3px solid #949aa8;border-radius:12px;cursor:pointer;flex:1 1;min-width:200px;padding:30px;text-align:center;transition:all .3s ease}.option-card:hover{border-color:var(--color-primary-green);box-shadow:0 8px 20px #2da88126;transform:translateY(-4px)}.option-card.selected{background-color:#2da8810d;border-color:var(--color-primary-green);box-shadow:0 8px 20px #2da88133}.option-icon{font-size:3rem;margin-bottom:15px}.option-card h2{font-size:var(--font-size-lg);margin-bottom:10px}.option-card p{color:var(--color-secondary-gray);font-size:var(--font-size-sm);margin-bottom:20px}.option-card .btn{margin-top:10px;width:100%}.help-text{color:var(--color-secondary-gray);font-size:var(--font-size-sm);text-align:center}@media (max-width:600px){.doctor-selection-container{padding:30px 20px}.selection-options{flex-direction:column}.option-card{min-width:auto}}.btn-clinica{background:linear-gradient(135deg,#8cd4e0,#17d184);box-shadow:0 4px 15px #2da8814d;color:#fff}.btn-clinica:hover{box-shadow:0 8px 25px #2da88166;transform:translateY(-3px)}.btn-medico{background:linear-gradient(135deg,var(--color-primary-blue),#62adeb);box-shadow:0 4px 15px #1e5a964d;color:#fff}.btn-medico:hover{box-shadow:0 8px 25px #1e5a9666;transform:translateY(-3px)}.doctor-login-container{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff,#d4f3e3);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;position:relative;width:90%}.login-header{margin-bottom:40px;margin-top:30px;text-align:center}.login-header .logo{margin-bottom:20px;max-width:150px}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary-green),var(--color-primary-blue));-webkit-background-clip:text;background-clip:text;margin-bottom:10px}.login-subtitle{color:#333;font-size:1.1rem;font-weight:600}.login-form{margin-bottom:20px}.form-group .input-field{padding:12px 16px}.btn-iniciarsesion{background:linear-gradient(135deg,#8cd4e0,#17d184);box-shadow:0 4px 15px #2da8814d;color:#fff}.footer-text{color:var(--color-secondary-gray);font-size:var(--font-size-sm);text-align:center}.footer-text .link{color:var(--color-primary-green);font-weight:500;text-decoration:none;transition:color .3s ease}.footer-text .link:hover{color:var(--color-primary-blue)}@media (max-width:600px){.doctor-login-container{padding:30px 20px}}.doctor-action-container{max-width:1400px;width:100%}.action-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-top:130px}.action-header{background:#fff;border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:67px 50px;position:relative;text-align:center}.action-header .logo{animation:logoFadeIn .6s ease-out;background:#0000;border:none;border-radius:12px;box-shadow:0 8px 25px #2da88040;height:auto;margin-bottom:40px;max-width:100%;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:180px;z-index:1}.action-header .logo:hover{box-shadow:0 12px 35px #2da88059;transform:translateY(-8px) scale(1.1)}.action-subtitle{color:#888;font-size:18px;font-weight:500;letter-spacing:.3px;margin:0;position:relative;z-index:1}.role-badge{background:#f3f4f6;color:#555;font-weight:600;margin-top:10px;padding:5px 12px}.action-buttons-container{background:linear-gradient(135deg,#fff,#d4f3e3);border:1px solid #ffffffe6;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:18px;padding:50px 40px}.btn-logout,.btn-manage-team,.btn-register-patient,.btn-search-patient,.btn-view-all-patients{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;justify-content:center;overflow:hidden;padding:18px 28px;position:relative;transition:all .3s ease}.btn-manage-team:before,.btn-register-patient:before,.btn-search-patient:before,.btn-view-all-patients:before{background:#ffffff26;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.btn-manage-team:hover:before,.btn-register-patient:hover:before,.btn-search-patient:hover:before,.btn-view-all-patients:hover:before{left:100%}.btn-manage-team{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 15px #6d28d94d;margin-bottom:10px}.btn-manage-team:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 25px #6d28d966;transform:translateY(-2px)}.btn-search-patient{background:linear-gradient(135deg,#2da880,#1ea366);box-shadow:0 4px 15px #2da8804d}.btn-search-patient:hover{background:linear-gradient(135deg,#1ea366,#168a52);box-shadow:0 6px 25px #2da88066;transform:translateY(-2px)}.btn-register-patient{background:linear-gradient(135deg,#2da880,#1e5a96);box-shadow:0 4px 15px #2da8804d}.btn-register-patient:hover{background:linear-gradient(135deg,#1ea366,#164070);box-shadow:0 6px 25px #2da88066;transform:translateY(-2px)}.btn-view-all-patients{background:linear-gradient(135deg,#1e5a96,#164070);box-shadow:0 4px 15px #1e5a9666}.btn-view-all-patients:hover{background:linear-gradient(135deg,#164070,#0f2840);box-shadow:0 6px 25px #1e5a9680;transform:translateY(-2px)}.btn-logout{background:#fff;border:2px solid #f36565;box-shadow:0 2px 8px #0000000d;color:#666;margin-top:5px}.btn-logout:hover{background:#fff5f5;border-color:#d32f2f;box-shadow:0 4px 12px #0000001a;color:#d32f2f}@media (max-width:900px){.action-content{gap:25px;grid-template-columns:1fr}.action-header{padding:60px 40px}.action-buttons-container{padding:40px 30px}}@media (max-width:600px){.page-center{padding:20px 15px}.action-content{gap:20px}.action-header{padding:40px 25px}.action-header .logo{width:120px}.action-subtitle{font-size:14px}.action-buttons-container{padding:30px 20px}.btn-logout,.btn-manage-team,.btn-register-patient,.btn-search-patient,.btn-view-all-patients{font-size:15px;padding:14px 20px}}.delete-confirm-modal .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal .modal-content{animation:slideUp .3s ease-out;background:var(--color-white);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.delete-confirm-modal .modal-header{align-items:center;background:linear-gradient(135deg,#a70e0e,red);color:#fff;display:flex;justify-content:space-between;padding:20px}.delete-confirm-modal .modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.delete-confirm-modal .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.delete-confirm-modal .modal-close:hover{background:#fff3;transform:scale(1.1)}.delete-confirm-modal .modal-body{padding:25px}.delete-confirm-modal .modal-message{color:var(--color-black);font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 15px}.delete-confirm-modal .modal-date{background:#f0f4f8;border-radius:8px;color:var(--color-primary-blue);font-size:.95rem;margin:15px 0;padding:12px}.delete-confirm-modal .modal-date strong{color:var(--color-primary-blue);font-weight:600}.delete-confirm-modal .modal-warning{color:#d32f2f;font-size:.9rem;font-weight:500;margin:15px 0 0}.delete-confirm-modal .warning-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff0800;border-radius:8px;margin-bottom:15px;padding:18px}.delete-confirm-modal .warning-title{color:#ff0800;font-size:1.1rem;font-weight:600;margin:0 0 10px}.delete-confirm-modal .warning-text{color:#bf360c;font-size:.95rem;line-height:1.5;margin:10px 0}.delete-confirm-modal .warning-list{background:#fff;border-left:3px solid#ff0800;border-radius:6px;list-style:none;margin:12px 0 0;padding:12px}.delete-confirm-modal .warning-list li{align-items:center;color:#d84315;display:flex;font-size:.9rem;padding:6px 0}.delete-confirm-modal .warning-list li:before{color:#d32f2f;content:"✕ ";font-weight:700;margin-right:8px}.delete-confirm-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.delete-confirm-modal .modal-footer .btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.delete-confirm-modal .modal-footer .btn-cancel{background:#e5e7eb;border:2px solid #d1d5db;color:var(--color-black)}.delete-confirm-modal .modal-footer .btn-cancel:hover{background:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.delete-confirm-modal .modal-footer .btn-danger{background:linear-gradient(135deg,#a70e0e,red);color:#fff}.delete-confirm-modal .modal-footer .btn-danger:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.delete-confirm-modal .modal-footer .btn-danger-final{background:linear-gradient(135deg,#a70e0e,red);color:#fff}.delete-confirm-modal .modal-footer .btn-danger-final:hover{box-shadow:0 6px 16px #d32f2f66;transform:translateY(-2px)}@media (max-width:600px){.delete-confirm-modal .modal-content{max-width:100%;width:95%}.delete-confirm-modal .modal-header h3{font-size:1.1rem}.delete-confirm-modal .modal-body{padding:18px}.delete-confirm-modal .modal-footer{flex-direction:column}.delete-confirm-modal .modal-footer .btn{width:100%}}.tenant-users-manager{background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-top:20px;margin-top:var(--space-20);padding:20px;padding:var(--space-20)}.users-manager-header{align-items:center;border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20);padding-bottom:12px;padding-bottom:var(--space-12)}.users-manager-header h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.btn-close{background:none;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:24px;font-size:var(--font-size-3xl);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-close:hover{color:#c0152f;color:var(--color-error);transform:rotate(90deg)}.btn-close:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.plan-info{background:#22c55e14;background:var(--color-bg-3);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:10px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16)}.plan-name{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.plan-price{color:#21808d;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.limit-badge,.plan-price{font-size:14px;font-size:var(--font-size-md)}.limit-badge{align-items:center;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:inline-flex;font-weight:600;font-weight:var(--font-weight-bold);gap:6px;gap:var(--space-6);margin-bottom:16px;margin-bottom:var(--space-16);padding:10px 16px;padding:var(--space-10) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:-webkit-fit-content;width:fit-content}.limit-badge.success{background:#21808d;background:var(--color-primary);border:1px solid #21808d4d;border:1px solid rgba(var(--color-teal-500-rgb),.3);color:#fcfcf9;color:var(--color-btn-primary-text)}.limit-badge.warning{animation:pulse-warning 2s ease-in-out infinite;background:#a84b2f;background:var(--color-warning);border:1px solid #a84b2f4d;border:1px solid rgba(var(--color-warning-rgb),.3);color:#fffffd;color:var(--color-surface)}.limit-badge.danger{animation:pulse-danger 1.5s ease-in-out infinite;background:#c0152f;background:var(--color-error);border:1px solid #c0152f4d;border:1px solid rgba(var(--color-error-rgb),.3);color:#fffffd;color:var(--color-surface)}.limit-badge:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-count{font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold)}.divider{margin:0 2px;margin:0 var(--space-2);opacity:.6}.max-count{font-size:14px;font-size:var(--font-size-md);opacity:.8}.progress-bar-container{margin-bottom:12px;margin-bottom:var(--space-12)}.progress-bar-label{color:#626c71;color:var(--color-text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-8)}.progress-bar{background:#5e52401f;background:var(--color-secondary);box-shadow:inset 0 1px 2px #0000000d;height:10px;height:var(--space-10);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:6px;border-radius:var(--radius-sm)}.progress-fill{background:#21808d;background:var(--color-primary);box-shadow:0 2px 4px #21808d4d;box-shadow:0 2px 4px rgba(var(--color-teal-500-rgb),.3);height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s var(--ease-standard)}.progress-fill.warning{background:#a84b2f;background:var(--color-warning);box-shadow:0 2px 4px #a84b2f4d;box-shadow:0 2px 4px rgba(var(--color-warning-rgb),.3)}.progress-fill.danger{background:#c0152f;background:var(--color-error);box-shadow:0 2px 4px #c0152f4d;box-shadow:0 2px 4px rgba(var(--color-error-rgb),.3)}.status-text{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);margin:12px 0 0;margin:var(--space-12) 0 0 0}.status-text.success{color:#21808d;color:var(--color-success)}.status-text.warning{color:#a84b2f;color:var(--color-warning)}.status-text.danger,.status-text.warning{font-weight:600;font-weight:var(--font-weight-bold)}.status-text.danger{color:#c0152f;color:var(--color-error)}.status-icon{font-size:14px;font-size:var(--font-size-md)}.limit-alert{align-items:flex-start;animation:slideInAlert .25s ease-out;animation:slideInAlert var(--duration-normal) ease-out;background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:12px;gap:var(--space-12);margin-top:16px;margin-top:var(--space-16);padding:12px 16px;padding:var(--space-12) var(--space-16)}.limit-alert-icon{flex-shrink:0;font-size:18px;font-size:var(--font-size-xl);margin-top:1px;margin-top:var(--space-1)}.limit-alert-content{flex:1 1}.limit-alert-message{margin:0 0 8px;margin:0 0 var(--space-8) 0}.limit-alert-action,.limit-alert-message{color:#c0152f;color:var(--color-error);font-weight:600;font-weight:var(--font-weight-bold)}.limit-alert-action{cursor:pointer;display:inline-block;text-decoration:underline;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.limit-alert-action:hover{opacity:.8;transform:translateX(2px)}.limit-alert-action:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.users-section{margin-top:24px;margin-top:var(--space-24)}.section-header{margin-bottom:16px;margin-bottom:var(--space-16)}.section-title{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0}.add-user-btn,.section-title{font-weight:600;font-weight:var(--font-weight-bold)}.add-user-btn{align-items:center;background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-md);gap:6px;gap:var(--space-6);justify-content:center;overflow:hidden;padding:10px 16px;padding:var(--space-10) var(--space-16);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.add-user-btn:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.add-user-btn:hover:not(:disabled):before{left:100%}.add-user-btn:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-user-btn:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.add-user-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.add-user-btn:disabled{background:#626c71;background:var(--color-text-secondary);box-shadow:none;cursor:not-allowed;opacity:.5}.users-table-wrapper{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:var(--radius-base)}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.users-table th{font-weight:600;font-weight:var(--font-weight-bold);text-align:left}.users-table td,.users-table th{font-size:14px;font-size:var(--font-size-md);padding:12px;padding:var(--space-12)}.users-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text)}.users-table tbody tr{transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.users-table tbody tr:hover{background-color:#5e52401f;background-color:var(--color-secondary)}.users-table input,.users-table select{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:6px;padding:var(--space-6);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.users-table input:focus,.users-table select:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.users-table code{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--space-4) var(--space-8)}.user-name,.users-table code{color:#13343b;color:var(--color-text)}.user-name{font-weight:600;font-weight:var(--font-weight-bold)}.user-email{color:#626c71;color:var(--color-text-secondary)}.role-badge,.user-email{font-size:12px;font-size:var(--font-size-sm)}.role-badge{border-radius:6px;border-radius:var(--radius-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 8px;padding:var(--space-4) var(--space-8)}.role-doctor{background:#3b82f614;background:var(--color-bg-1)}.role-doctor,.role-nurse{color:#626c71;color:var(--color-info)}.role-nurse{background:#9333ea14;background:var(--color-bg-5)}.role-secretary{background:#f9731614;background:var(--color-bg-6);color:#a84b2f;color:var(--color-warning)}.role-admin{background:#9333ea14;background:var(--color-bg-5);color:#626c71;color:var(--color-info)}.status-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;padding:4px 8px;padding:var(--space-4) var(--space-8)}.status-active{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status-inactive{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.actions-cell{gap:6px;gap:var(--space-6)}.btn-cancel,.btn-delete-sm,.btn-edit-sm,.btn-save{border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);overflow:hidden;padding:6px 12px;padding:var(--space-6) var(--space-12);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-edit-sm{background:#626c71;background:var(--color-info);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fffffd;color:var(--color-surface)}.btn-edit-sm:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.btn-edit-sm:hover:before{left:100%}.btn-edit-sm:hover{background:#626c71;background:var(--color-slate-500);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-edit-sm:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.btn-delete-sm{background:#c0152f;background:var(--color-error);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fffffd;color:var(--color-surface)}.btn-delete-sm:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.btn-delete-sm:hover:before{left:100%}.btn-delete-sm:hover{background:#c0152f;background:var(--color-red-500);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-delete-sm:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.btn-reset-sm{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-right:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.btn-reset-sm:hover{background-color:#ff5252;transform:translateY(-1px)}.btn-reset-sm:active{transform:translateY(0)}.btn-save{background:#21808d;background:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-save:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.btn-save:hover:before{left:100%}.btn-save:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-save:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.btn-cancel{background:#fffffd;background:var(--color-surface);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#626c71;color:var(--color-text-secondary)}.btn-cancel:before{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.btn-cancel:hover:before{left:100%}.btn-cancel:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);color:#13343b;color:var(--color-text);transform:translateY(-2px)}.btn-cancel:focus-visible{outline-offset:2px}.users-manager-loading{font-size:14px;font-size:var(--font-size-md);padding:32px;padding:var(--space-32)}.empty-state,.no-users,.users-manager-loading{color:#626c71;color:var(--color-text-secondary);text-align:center}.empty-state,.no-users{padding:24px 20px;padding:var(--space-24) var(--space-20)}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16);opacity:.5}.empty-state-title{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.empty-state-description{font-size:14px;font-size:var(--font-size-md);margin:0}.bulk-creation-section{background:#22c55e14;background:var(--color-bg-3);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:8px;border-radius:var(--radius-base);margin-top:24px;margin-top:var(--space-24);padding:16px;padding:var(--space-16)}.bulk-creation-title{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 12px;margin:0 0 var(--space-12) 0}.bulk-input-group{display:flex;gap:8px;gap:var(--space-8);margin-bottom:12px;margin-bottom:var(--space-12)}.bulk-input{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.bulk-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}@keyframes pulse-warning{0%,to{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005,0 0 0 0 #a84b2f66;box-shadow:var(--shadow-sm),0 0 0 0 rgba(var(--color-warning-rgb),.4)}50%{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005,0 0 0 6px #a84b2f00;box-shadow:var(--shadow-sm),0 0 0 6px rgba(var(--color-warning-rgb),0)}}@keyframes pulse-danger{0%,to{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005,0 0 0 0 #c0152f66;box-shadow:var(--shadow-sm),0 0 0 0 rgba(var(--color-error-rgb),.4)}50%{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005,0 0 0 6px #c0152f00;box-shadow:var(--shadow-sm),0 0 0 6px rgba(var(--color-error-rgb),0)}}@keyframes slideInAlert{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.plan-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.users-table{font-size:12px;font-size:var(--font-size-sm)}.users-table td,.users-table th{padding:8px;padding:var(--space-8)}.actions-cell{flex-wrap:wrap}.btn-cancel,.btn-delete-sm,.btn-edit-sm,.btn-save{flex:1 1;font-size:11px;font-size:var(--font-size-xs);min-width:60px;padding:4px 8px;padding:var(--space-4) var(--space-8)}.bulk-input-group{flex-direction:column}.add-user-btn,.bulk-input{width:100%}}@media (max-width:600px){.tenant-users-manager{border-radius:8px;border-radius:var(--radius-base)}.plan-info,.tenant-users-manager{padding:16px;padding:var(--space-16)}.users-table{font-size:11px;font-size:var(--font-size-xs)}.users-table td,.users-table th{padding:6px;padding:var(--space-6)}.section-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-12)}.add-user-btn{width:100%}.actions-cell{flex-direction:column;gap:4px;gap:var(--space-4)}.btn-cancel,.btn-delete-sm,.btn-edit-sm,.btn-save{width:100%}.bulk-input-group{flex-direction:column}}@media (max-width:480px){.tenant-users-manager{border-radius:6px;border-radius:var(--radius-sm);margin-top:16px;margin-top:var(--space-16);padding:12px;padding:var(--space-12)}.users-manager-header{margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:10px;padding-bottom:var(--space-10)}.users-manager-header h3{font-size:16px;font-size:var(--font-size-lg)}.btn-close{font-size:20px;font-size:var(--font-size-2xl)}.plan-info{margin-bottom:16px;margin-bottom:var(--space-16);padding:12px;padding:var(--space-12)}.plan-header{margin-bottom:12px;margin-bottom:var(--space-12)}.plan-name{font-size:14px;font-size:var(--font-size-md)}.limit-badge,.plan-price{font-size:12px;font-size:var(--font-size-sm)}.limit-badge{margin-bottom:12px;margin-bottom:var(--space-12);padding:8px 12px;padding:var(--space-8) var(--space-12)}.user-count{font-size:16px;font-size:var(--font-size-lg)}.max-count{font-size:12px;font-size:var(--font-size-sm)}.progress-bar{height:8px;height:var(--space-8)}.limit-alert,.status-text{font-size:11px;font-size:var(--font-size-xs)}.limit-alert{gap:8px;gap:var(--space-8);padding:10px 12px;padding:var(--space-10) var(--space-12)}.limit-alert-icon{font-size:16px;font-size:var(--font-size-lg)}.section-title{font-size:14px;font-size:var(--font-size-md)}.add-user-btn{font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12)}.users-table-wrapper{border-radius:6px;border-radius:var(--radius-sm)}.users-table td,.users-table th{font-size:11px;font-size:var(--font-size-xs);padding:8px;padding:var(--space-8)}.users-table input,.users-table select{font-size:11px;font-size:var(--font-size-xs);padding:4px;padding:var(--space-4)}.role-badge,.status-badge{font-size:11px;font-size:var(--font-size-xs);padding:2px 6px;padding:var(--space-2) var(--space-6)}.btn-cancel,.btn-delete-sm,.btn-edit-sm,.btn-save{font-size:11px;font-size:var(--font-size-xs);padding:6px 10px;padding:var(--space-6) var(--space-10)}.bulk-creation-section{padding:12px;padding:var(--space-12)}.bulk-creation-title{font-size:12px;font-size:var(--font-size-sm)}.bulk-input{font-size:11px;font-size:var(--font-size-xs);padding:6px 10px;padding:var(--space-6) var(--space-10)}.empty-state-icon{font-size:36px}.empty-state-title{font-size:14px;font-size:var(--font-size-md)}.empty-state-description{font-size:12px;font-size:var(--font-size-sm)}}.clients-manager{display:flex;flex-direction:column;gap:24px;gap:var(--space-24)}.manager-header{align-items:flex-start;display:flex;gap:20px;gap:var(--space-20);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-12)}.manager-header h2{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.header-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:4px 0 0;margin:var(--space-4) 0 0 0}.filters-container{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);margin-bottom:24px;margin-bottom:var(--space-24);padding:16px 20px;padding:var(--space-16) var(--space-20)}.search-box{flex:1 1;min-width:250px}.search-box input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.search-box input:focus{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.filter-group{min-width:180px}.filter-group select{-webkit-appearance:none;appearance:none;background:#fcfcf9;background:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:10px 12px;padding:var(--space-10) var(--space-12);padding-right:32px;padding-right:var(--space-32);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}@media (prefers-color-scheme:dark){.filter-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .filter-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .filter-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.filter-group select:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.client-form,.filter-group select:focus{background:#fffffd;background:var(--color-surface)}.client-form{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--space-24);padding:24px 32px;padding:var(--space-24) var(--space-32)}.client-form h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 20px;margin:0 0 var(--space-20) 0}.form-row{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--space-16)}.form-group.full-width,.form-row.full-width{grid-column:1/-1}.form-group label{font-weight:550;font-weight:var(--font-weight-semibold)}.form-group input,.form-group select,.form-group textarea{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.form-actions{display:flex;gap:12px;gap:var(--space-12);grid-column:1/-1;margin-top:20px;margin-top:var(--space-20)}.btn-submit{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);padding:12px 24px;padding:var(--space-12) var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-submit:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);padding:12px 24px;padding:var(--space-12) var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-cancel:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn-cancel:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.clients-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.no-data{font-size:14px;font-size:var(--font-size-md);padding:60px 20px;padding:60px var(--space-20);text-align:center}.loading,.no-data{color:#626c71;color:var(--color-text-secondary);grid-column:1/-1}.client-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.client-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{align-items:flex-start;background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text);justify-content:space-between;padding:20px;padding:var(--space-20)}.card-header,.header-info{display:flex;gap:12px;gap:var(--space-12)}.header-info{align-items:center;flex:1 1}.header-info h3{font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.badge{background:#ffffff40;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-weight:500;font-weight:var(--font-weight-medium);padding:4px 10px;padding:var(--space-4) var(--space-10)}.badge,.status{color:#fcfcf9;color:var(--color-btn-primary-text);font-size:11px;font-size:var(--font-size-xs);white-space:nowrap}.status{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;border-radius:var(--radius-sm);font-weight:550;font-weight:var(--font-weight-semibold);padding:6px 10px;padding:var(--space-6) var(--space-10);text-align:right}.status.active{background:#21808d33;background:rgba(var(--color-success-rgb),.2);border-color:#21808d4d;border-color:rgba(var(--color-success-rgb),.3)}.status.active,.status.inactive{color:#fcfcf9;color:var(--color-btn-primary-text)}.status.inactive{background:#c0152f33;background:rgba(var(--color-error-rgb),.2);border-color:#c0152f4d;border-color:rgba(var(--color-error-rgb),.3)}.status.suspended{background:#a84b2f33;background:rgba(var(--color-warning-rgb),.2);border-color:#a84b2f4d;border-color:rgba(var(--color-warning-rgb),.3);color:#fcfcf9;color:var(--color-btn-primary-text)}.card-body{flex:1 1;padding:20px;padding:var(--space-20)}.card-body p{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:8px 0;margin:var(--space-8) 0}.card-body strong{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}.plan-badge{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);margin:12px 0;margin:var(--space-12) 0;padding:12px;padding:var(--space-12) var(--space-12)}.plan-badge strong{color:#13343b;color:var(--color-text);display:block;font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:4px;margin-bottom:var(--space-4)}.plan-badge small{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.limits{display:flex;gap:12px;gap:var(--space-12);margin-top:12px;margin-top:var(--space-12)}.limit-item{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;padding:10px 12px;padding:var(--space-10) var(--space-12);text-align:center}.limit-item,.limit-item span{font-size:11px;font-size:var(--font-size-xs)}.limit-item span{color:#626c71;color:var(--color-text-secondary);display:block;margin-bottom:4px;margin-bottom:var(--space-4)}.limit-item strong{color:#13343b;color:var(--color-text);display:block;font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold)}.card-footer{grid-gap:10px;grid-gap:var(--space-10);background:#5e52401f;background:var(--color-secondary);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:grid;gap:10px;gap:var(--space-10);grid-template-columns:1fr 1fr 1fr;padding:12px;padding:var(--space-12)}.btn-manage-users{background:#21808d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);grid-column:1/-1;margin-bottom:2px;margin-bottom:var(--space-2);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-manage-users:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-manage-users:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-edit{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d4d;border:1px solid rgba(var(--color-teal-500-rgb),.3);border-radius:6px;border-radius:var(--radius-sm);color:#21808d;color:var(--color-primary);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-edit:hover{background:#21808d33;background:rgba(var(--color-teal-500-rgb),.2);border-color:#21808d;border-color:var(--color-primary)}.btn-edit:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-group-plan{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.btn-upgrade-plan{background:linear-gradient(135deg,#36c6ae,#3773f5);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:100px;padding:8px 12px;transition:all .3s}.btn-upgrade-plan:hover{box-shadow:0 4px 12px #36c6ae66;transform:translateY(-2px)}.btn-upgrade-plan:active{transform:translateY(0)}.btn-reset-password{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.btn-reset-password:hover{background-color:#ff5252;box-shadow:0 2px 6px #ff6b6b4d;transform:translateY(-2px)}.btn-reset-password:active{transform:translateY(0)}.btn-reset-password:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.btn-deactivate{background:#a84b2f;background:var(--color-warning);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-deactivate:hover:not(:disabled){background:#a84b2f;background:var(--color-orange-500);transform:translateY(-1px)}.btn-deactivate:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-deactivate:disabled{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.5}.btn-reactivate{background:#21808d;background:var(--color-success);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-reactivate:hover{background:#1d7480;background:var(--color-primary-hover);transform:translateY(-1px)}.btn-reactivate:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-delete{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border:1px solid #c0152f4d;border:1px solid rgba(var(--color-error-rgb),.3);border-radius:6px;border-radius:var(--radius-sm);color:#c0152f;cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.btn-delete:hover{background:#c0152f33;background:rgba(var(--color-error-rgb),.2);border-color:#c0152f;border-color:var(--color-error);transform:translateY(-1px)}.btn-delete:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.selected-tenant-info{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border:1px solid #21808d33;border:1px solid rgba(var(--color-success-rgb),.2);border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:16px;margin-top:var(--space-16);padding:12px 16px;padding:var(--space-12) var(--space-16)}@media (max-width:1024px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.filters-container{flex-direction:column}.filter-group,.search-box{min-width:auto}.clients-grid,.form-row{grid-template-columns:1fr}.card-footer{gap:8px;gap:var(--space-8);grid-template-columns:1fr 1fr;padding:10px;padding:var(--space-10)}.btn-manage-users{grid-column:1/-1;margin-bottom:2px;margin-bottom:var(--space-2)}.btn-deactivate,.btn-delete,.btn-edit,.btn-manage-users,.btn-reactivate{font-size:11px;font-size:var(--font-size-xs);padding:10px;padding:var(--space-10)}.btn-delete{grid-column:1/-1}}@media (max-width:480px){.manager-header{flex-direction:column;gap:12px;gap:var(--space-12)}.manager-header h2{font-size:18px;font-size:var(--font-size-xl)}.filters-container{gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.search-box{min-width:100%}.client-form{padding:16px 20px;padding:var(--space-16) var(--space-20)}.clients-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.card-footer{gap:6px;gap:var(--space-6);grid-template-columns:1fr;padding:8px;padding:var(--space-8)}.btn-deactivate,.btn-delete,.btn-edit,.btn-manage-users,.btn-reactivate{font-size:11px;font-size:var(--font-size-xs);grid-column:1/-1;margin-bottom:0;padding:10px;padding:var(--space-10)}.card-body{padding:16px;padding:var(--space-16)}.limits{flex-direction:column;gap:8px;gap:var(--space-8)}}.invitations-manager{display:flex;flex-direction:column;gap:20px}.invitation-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.invitation-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s}.invitation-item:hover{box-shadow:0 2px 8px #0000001a}.invitation-info{flex:1 1}.invitation-info h4{color:#333;margin:0 0 10px}.invitation-info p{color:#666;font-size:13px;margin:5px 0}.invitation-info code{background:#f0f0f0;border-radius:3px;font-family:monospace;font-size:11px;margin:0 5px;padding:2px 6px}.btn-copy{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;transition:transform .2s}.btn-copy:hover{transform:scale(1.2)}.status.pending{color:#ff9800}.status.accepted{color:#4caf50}.status.rejected{color:#f44336}.invitations-list{display:flex;flex-direction:column;gap:10px}.bulk-creation-container{background:#fff;border-radius:12px;box-shadow:0 5px 12px #33337314;margin-bottom:24px;padding:22px 32px}.bulk-creation-container h3{color:#333;font-size:18px;margin-bottom:18px}.bulk-actions{display:flex;gap:12px;margin-bottom:18px}.users-table-wrapper{border:1px solid #e5e8f0;border-radius:8px;margin:18px 0;overflow-x:auto}.users-input-table{border-collapse:collapse;width:100%}.users-input-table th{background:linear-gradient(90deg,#36c6ae,#3773f5);color:#fff;font-weight:600;padding:12px;text-align:left}.users-input-table td{border-bottom:1px solid #e5e8f0;padding:10px}.users-input-table input,.users-input-table select{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:8px;width:100%}.users-input-table input:focus,.users-input-table select:focus{border-color:#36c6ae;box-shadow:0 0 0 3px #36c6ae1a;outline:none}.btn-danger-small{background:#f74c71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;transition:background .2s}.btn-danger-small:hover{background:#de395e}.results-container{background:#f0ffe6;border-left:5px solid #19df9a;border-radius:8px;margin-top:18px;padding:18px}.results-container h4{color:#19df9a;margin-bottom:12px}.results-table{background:#fff;border-collapse:collapse;border-radius:8px;margin:12px 0;overflow:hidden;width:100%}.results-table th{background:#19df9a;color:#fff;font-weight:600;padding:12px;text-align:left}.results-table td{border-bottom:1px solid #e5e8f0;padding:10px 12px}.results-table tr:last-child td{border-bottom:none}.results-table code{background:#f5f7fb;border-radius:3px;color:#333;font-family:monospace;font-size:13px;padding:2px 6px}.results-info{background:#fff9e6;color:#997404;margin:12px 0}.alert-error,.results-info{border-radius:6px;font-size:14px;padding:12px}.alert-error{background:#ffe6e6;border-left:4px solid #f74c71;color:#c41e3a;margin-bottom:12px}.btn-secondary{background:#f5f7fb;border:1px solid #e5e8f0;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:10px 18px;transition:background .2s}.btn-secondary:hover{background:#e6ebf5}.btn-primary{background:linear-gradient(90deg,#36c6ae,#3773f5);border-radius:8px;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:transform .1s}.btn-primary:hover:not(:disabled){transform:scale(1.02)}@media (max-width:768px){.users-table-wrapper{font-size:12px}.users-input-table td{padding:6px}.bulk-creation-container{padding:16px}}.audit-logs-tab{background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);padding:24px;padding:var(--space-24)}.audit-header{align-items:flex-start;border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.audit-header h2{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-8) 0}.audit-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.audit-stats{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.audit-total{background:#21808d;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);padding:8px 16px;padding:var(--space-8) var(--space-16)}.audit-controls{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);margin-bottom:20px;margin-bottom:var(--space-20)}.audit-search-group{flex:1 1;min-width:250px}.audit-search{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard);width:100%}.audit-search:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.audit-filter-group{min-width:180px}.audit-filter-select{-webkit-appearance:none;appearance:none;background:#fffffd;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12);padding-right:32px;padding-right:var(--space-32);transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard);width:100%}@media (prefers-color-scheme:dark){.audit-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .audit-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .audit-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.audit-filter-select:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.audit-refresh-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 16px;padding:var(--space-10) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.audit-refresh-btn:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.audit-refresh-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.audit-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.audit-table-wrapper{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);margin-bottom:20px;margin-bottom:var(--space-20);overflow-x:auto}.audit-table{border-collapse:collapse;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);width:100%}.audit-table thead{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.audit-table th,.audit-table thead{font-weight:550;font-weight:var(--font-weight-semibold)}.audit-table th{font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;text-align:left;text-transform:uppercase}.audit-table td,.audit-table th{padding:12px;padding:var(--space-12) var(--space-12)}.audit-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text);vertical-align:top}.audit-table tbody tr{transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.audit-table tbody tr:hover{background-color:#5e52401f;background-color:var(--color-secondary)}.audit-table tbody tr.status-success{border-left:3px solid #21808d;border-left:3px solid var(--color-success)}.audit-table tbody tr.status-failed{border-left:3px solid #c0152f;border-left:3px solid var(--color-error)}.audit-table tbody tr.status-denied{border-left:3px solid #a84b2f;border-left:3px solid var(--color-warning)}.audit-date{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);white-space:nowrap}.audit-action{color:#13343b;color:var(--color-text)}.audit-action,.audit-badge{font-weight:550;font-weight:var(--font-weight-semibold)}.audit-badge{border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);display:inline-block;padding:4px 8px;padding:var(--space-4) var(--space-8);white-space:nowrap}.audit-badge,.audit-resource{font-size:11px;font-size:var(--font-size-xs)}.audit-resource{color:#626c71;color:var(--color-text-secondary)}.audit-resource code{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:10.45px;font-size:calc(var(--font-size-xs)*.95);padding:2px 6px;padding:var(--space-2) var(--space-6)}.audit-status{text-align:center}.audit-status-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-weight:550;font-weight:var(--font-weight-semibold);padding:4px 8px;padding:var(--space-4) var(--space-8);white-space:nowrap}.audit-details,.audit-status-badge{font-size:11px;font-size:var(--font-size-xs)}.audit-details{color:#626c71;color:var(--color-text-secondary)}.audit-error{color:#c0152f;color:var(--color-error)}.audit-changes,.audit-error{font-weight:500;font-weight:var(--font-weight-medium)}.audit-changes{color:#a84b2f;color:var(--color-warning)}.audit-ip{font-size:11px;font-size:var(--font-size-xs)}.audit-agent,.audit-ip{color:#626c71;color:var(--color-text-secondary)}.audit-agent{display:block;margin-top:2px;margin-top:var(--space-2);opacity:.7}.audit-pagination{align-items:center;border-top:1px solid #5e524033;border-top:1px solid var(--color-border);display:flex;gap:12px;gap:var(--space-12);justify-content:center;margin-top:20px;margin-top:var(--space-20);padding-top:16px;padding-top:var(--space-16)}.audit-page-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.audit-page-btn:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.audit-page-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.audit-page-btn:disabled{cursor:not-allowed;opacity:.5}.audit-page-info{font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);min-width:120px}.audit-empty,.audit-loading,.audit-page-info{color:#626c71;color:var(--color-text-secondary);text-align:center}.audit-empty,.audit-loading{padding:32px 20px;padding:var(--space-32) var(--space-20)}.audit-loading{font-size:14px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium)}.audit-empty-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16);opacity:.5}.audit-empty h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-8) 0}.audit-empty p{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}@media (max-width:1024px){.audit-controls{flex-direction:column}.audit-filter-group,.audit-search-group{min-width:0;min-width:auto;width:100%}.audit-table{font-size:11px;font-size:var(--font-size-xs)}.audit-table td,.audit-table th{padding:8px 10px;padding:var(--space-8) var(--space-10)}}@media (max-width:768px){.audit-logs-tab{padding:16px;padding:var(--space-16)}.audit-header{flex-direction:column;gap:16px;gap:var(--space-16)}.audit-table{font-size:11px;font-size:var(--font-size-xs)}.audit-table td,.audit-table th{padding:6px 8px;padding:var(--space-6) var(--space-8)}.audit-badge,.audit-status-badge{font-size:10px;padding:2px 6px;padding:var(--space-2) var(--space-6)}.audit-pagination{flex-direction:column;gap:8px;gap:var(--space-8)}.audit-page-btn{width:100%}}@media (max-width:480px){.audit-logs-tab{border-radius:8px;border-radius:var(--radius-base);padding:12px;padding:var(--space-12)}.audit-header{margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:12px;padding-bottom:var(--space-12)}.audit-header h2{font-size:18px;font-size:var(--font-size-xl)}.audit-subtitle{font-size:11px;font-size:var(--font-size-xs)}.audit-stats{width:100%}.audit-total{font-size:11px;font-size:var(--font-size-xs);padding:6px 12px;padding:var(--space-6) var(--space-12)}.audit-controls{gap:8px;gap:var(--space-8);margin-bottom:16px;margin-bottom:var(--space-16)}.audit-search-group{min-width:0;min-width:auto}.audit-filter-select,.audit-search{font-size:11px;font-size:var(--font-size-xs);padding:8px 10px;padding:var(--space-8) var(--space-10)}.audit-refresh-btn{font-size:11px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--space-8) var(--space-12);width:100%}.audit-table-wrapper{margin-bottom:16px;margin-bottom:var(--space-16)}.audit-table{font-size:10px}.audit-table td,.audit-table th{padding:4px 6px;padding:var(--space-4) var(--space-6)}.audit-table th{font-size:9px}.audit-badge,.audit-status-badge{font-size:9px;padding:2px 4px;padding:var(--space-2) var(--space-4)}.audit-resource code{font-size:9px;padding:1px 4px;padding:var(--space-1) var(--space-4)}.audit-pagination{gap:6px;gap:var(--space-6);margin-top:16px;margin-top:var(--space-16);padding-top:12px;padding-top:var(--space-12)}.audit-page-btn{font-size:10px;padding:6px 12px;padding:var(--space-6) var(--space-12)}.audit-page-info{font-size:10px}.audit-empty,.audit-loading{padding:24px 12px;padding:var(--space-24) var(--space-12)}.audit-empty-icon{font-size:36px;margin-bottom:12px;margin-bottom:var(--space-12)}.audit-empty h3{font-size:14px;font-size:var(--font-size-md)}.audit-empty p{font-size:11px;font-size:var(--font-size-xs)}}.admin-page{background-color:#f5f7fb;font-family:Inter,sans-serif;min-height:100vh}.admin-header{background:linear-gradient(90deg,#3773f5,#36c6ae);border-radius:0 0 18px 18px;box-shadow:0 5px 15px #3673f533;color:#fff;margin-bottom:18px;padding:28px 36px}.admin-header,.admin-header-content{align-items:center;display:flex;justify-content:space-between}.admin-header-content{width:100%}.admin-header h1{font-size:28px;font-weight:700;margin:0}.admin-subtitle{color:#f0f0f0;font-size:13px;margin:4px 0 0;opacity:.9}.admin-label{background:#fff3;border-radius:6px;color:#fff;font-size:12px;font-weight:600;margin-left:12px;padding:4px 12px}.admin-user{align-items:center;display:flex;font-size:14px;font-weight:600;margin-right:24px}.admin-user small{font-weight:400;margin-left:6px;opacity:.8}.btn-logout{background:#f74c71;border:none;border-radius:8px;box-shadow:0 2px 8px #f74c7133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-logout:hover{background:#de395e;box-shadow:0 4px 12px #f74c714d;transform:translateY(-2px)}.admin-tabs{display:flex;gap:8px;margin:0 0 24px 36px;padding:0}.admin-tabs button{background:#fff;border:1px solid #e5e8f0;border-radius:10px 10px 0 0;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.admin-tabs button:hover{background:#f9f9f9;color:#333}.admin-tabs .active{background:linear-gradient(90deg,#36c6ae,#3773f5);border-color:#36c6ae;color:#fff;font-weight:700}.admin-content{margin:0 auto;max-width:1400px;padding:36px}.admin-kpis{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.kpi-card{align-items:flex-start;background:#fff;border-left:6px solid;border-radius:14px;box-shadow:0 4px 16px #33337314;display:flex;flex-direction:column;padding:28px 32px;transition:all .3s}.kpi-card:hover{box-shadow:0 8px 24px #3333731f;transform:translateY(-4px)}.kpi-label{color:#999;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#333;font-size:36px;font-weight:800;margin-bottom:8px}.kpi-mini{color:#aaa;font-size:12px}.kpi-green{border-left-color:#19df9a}.kpi-green .kpi-value{color:#19df9a}.kpi-blue{border-left-color:#3773f5}.kpi-blue .kpi-value{color:#3773f5}.kpi-orange{border-left-color:#ffab24}.kpi-orange .kpi-value{color:#ffab24}.kpi-purple{border-left-color:#bb62ef}.kpi-purple .kpi-value{color:#bb62ef}.admin-actions{display:flex;gap:24px;margin-bottom:24px}.tenant-form-container{background:#fff;border-radius:14px;box-shadow:0 4px 16px #33337314;flex:1 1;padding:28px 32px}.tenant-form-container h3{color:#333;font-size:18px;font-weight:700;margin:0 0 16px}.tenant-form{flex-direction:column}.tenant-form,.tenant-row{display:flex;gap:12px}.tenant-form input{background:#fafbfc;border:1.5px solid #e5e8f0;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;padding:11px 14px;transition:all .2s}.tenant-form input:focus{background:#fff;border-color:#36c6ae;box-shadow:0 0 0 3px #36c6ae1a;outline:none}.tenant-form .btn-primary{background:linear-gradient(90deg,#36c6ae,#3773f5);border:none;border-radius:8px;box-shadow:0 4px 12px #36c6ae33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px 20px;transition:all .2s}.tenant-form .btn-primary:hover{background:linear-gradient(90deg,#3773f5,#36c6ae);box-shadow:0 6px 16px #36c6ae4d;transform:translateY(-2px)}.tenant-form .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-error{background:#ffe6e6;border-left:4px solid #f74c71;color:#c41e3a}.form-error,.form-success{border-radius:6px;font-size:13px;font-weight:500;padding:12px 14px}.form-success{background:#e8f5e9;border-left:4px solid #19df9a;color:#1a8659}.callout-admin{align-items:center;background:linear-gradient(135deg,#fffde7,#fff9c4);border-left:4px solid #ffab24;border-radius:10px;color:#996e00;display:flex;flex:1 1;font-size:13px;margin-top:20px;padding:16px 20px}.callout-admin b{color:#996e00;font-weight:700}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.admin-spinner{animation:spin 1s linear infinite;border-radius:50%;border-right:4px solid #e5e8f0;border-top:4px solid #e5e8f0;border-color:#36c6ae #3773f5 #e5e8f0 #e5e8f0;border-style:solid;border-width:4px;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-actions{flex-direction:column}}@media (max-width:768px){.admin-header{flex-direction:column;gap:16px}.admin-header-content{flex-direction:column;gap:12px}.admin-tabs{margin-left:0;overflow-x:auto}.admin-content{padding:20px}.admin-kpis{grid-template-columns:1fr}}.search-container{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff,#d4f3e3);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:600px;padding:40px;position:relative;width:100%}.search-header{margin-bottom:35px;margin-top:20px;text-align:center}.search-header h2{color:#238d4f;margin-bottom:10px}.search-subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-base)}.search-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.input-field{padding:14px}.btn-search{background:linear-gradient(135deg,var(--color-primary-blue),#62adeb);box-shadow:0 4px 15px #2da8814d;color:#fff}.error-message{padding:14px}.loading-message{color:var(--color-secondary-gray);font-size:var(--font-size-base);padding:40px 20px}.patient-found-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#e3f2fd,#d1e7fd);border:2px solid var(--color-primary-blue);border-radius:12px;overflow:hidden;padding:0}.patient-card-header{background:linear-gradient(135deg,var(--color-primary-blue),var(--color-primary-green));padding:25px}.patient-name{font-size:var(--font-size-lg);margin:0 0 5px}.patient-doc{font-size:var(--font-size-base);margin:0;opacity:.9}.patient-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:2rem}.badge-icon{display:block}.patient-info-detailed{padding:25px}.info-row{grid-gap:15px;gap:15px}.info-item{border-left:4px solid var(--color-primary-blue);border-radius:8px;padding:12px}.info-item label{color:var(--color-primary-blue);font-size:11px;font-weight:700;letter-spacing:.5px}.info-item p{color:var(--color-black);font-size:var(--font-size-base);word-break:break-word}.action-buttons-vertical{display:flex;flex-direction:column;gap:12px;padding:0 25px 25px}.btn-large{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-base);gap:10px;justify-content:center;padding:16px 24px;width:100%}.btn,.btn-large{display:flex;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn{padding:14px 28px}.btn-historial{background:linear-gradient(135deg,#8cd4e0,#17d184);box-shadow:0 4px 15px #2da8814d;color:#fff}.btn-new-consultation:hover{box-shadow:0 8px 25px #2da88166;transform:translateY(-3px)}.btn-new-consultation{background:linear-gradient(135deg,#2a4cac,#20b66b);box-shadow:0 4px 15px #2da8814d;color:#fff}.btn-historial:hover{box-shadow:0 8px 25px #2da88166;transform:translateY(-3px)}.btn-detalles{background:linear-gradient(135deg,var(--color-primary-blue),#62adeb);box-shadow:0 4px 15px #1e5a964d;color:#fff}.btn-detalles:hover{box-shadow:0 8px 25px #1e5a9666;transform:translateY(-3px)}.btn-search-new{background:linear-gradient(135deg,#33d1d1,#05bbac);border:none;color:#fff}.btn-search-new:hover{background-color:#26b85e;transform:translateY(-2px)}@media (max-width:768px){.search-container{padding:25px}.patient-card-header{padding:20px}.patient-name{font-size:var(--font-size-base)}.patient-info-detailed{padding:20px}.info-row{gap:12px;grid-template-columns:1fr}.action-buttons-vertical{gap:10px;padding:0 20px 20px}.btn-large{font-size:var(--font-size-sm);padding:14px 20px}}.patient-card-header{align-items:center;background:linear-gradient(135deg,#1e5a96,#2da880);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.patient-header-content{flex:1 1}.patient-name{color:#fff;font-size:24px;font-weight:700;margin:0}.patient-age{color:#fffc;font-size:14px;margin:5px 0 0}.patient-badge{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.patient-info-detailed{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.info-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px}.info-row:last-child{margin-bottom:0}.info-item{background:#fff;border-left:4px solid #2da880;border-radius:6px;padding:10px}.info-item label{color:#1e5a96;display:block;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.info-item p{color:#333;font-size:16px;margin:0}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;font-weight:500}.search-header-top{align-items:center;display:flex;justify-content:flex-start;margin-bottom:30px;padding:10px 0;width:100%}.back-button{border-radius:4px;color:#666;flex-shrink:0;padding:8px 12px;transition:all .3s ease;z-index:1}.back-button:hover{background:#f0f0f0;color:#333}.search-form{animation:slideDown .3s ease-out}.create-patient-container{animation:slideUp .5s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:1200px;overflow-y:auto;padding:40px;position:relative;width:95%}.create-header{margin-bottom:30px;margin-top:20px;text-align:center}.create-header h2{margin-bottom:8px}.create-subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-sm)}.create-form,.form-grid{margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-group select.input-field{cursor:pointer}.btn-full{margin-top:10px;width:100%}.btn-full:disabled{cursor:not-allowed;opacity:.6}.form-note{color:var(--color-secondary-gray);font-size:var(--font-size-xs);margin-top:10px;text-align:center}@media (max-width:1200px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.create-patient-container{padding:30px 20px}.form-grid{grid-template-columns:1fr}}.page-center-list{align-items:flex-start;background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.patients-list-container{animation:slideUp .5s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 10px 40px #0003;max-width:1400px;padding:40px;position:relative;width:100%}.list-header{margin-bottom:30px;margin-top:20px;text-align:center}.list-header h2{margin-bottom:8px}.list-subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-sm)}.list-search{margin-bottom:25px}.search-input{border:2px solid #e5e7eb;border-radius:8px;font-family:var(--font-primary);font-size:var(--font-size-base);padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--color-primary-green);box-shadow:0 0 0 3px #2da8811a;outline:none}.no-patients{padding:60px 20px;text-align:center}.no-patients p{color:var(--color-secondary-gray);font-size:var(--font-size-lg)}.patients-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.patients-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.patients-table thead{background:linear-gradient(135deg,var(--color-primary-green),var(--color-primary-blue));color:var(--color-white)}.patients-table thead th{border-bottom:2px solid #fff3;font-weight:600;padding:16px 12px;text-align:left}.patients-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.patients-table tbody tr:hover{background-color:#2da8810d}.patients-table tbody td{color:var(--color-black);padding:14px 12px}.patients-table tbody td:first-child{color:var(--color-primary-green);font-weight:500}.actions-cell{display:flex;gap:8px}.table-btn-action{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:6px 10px;transition:all .2s ease}.btn-view{color:var(--color-info)}.btn-view:hover{background-color:#3b82f61a}@media (max-width:1200px){.patients-list-container{padding:30px 20px}.patients-table{font-size:var(--font-size-xs)}.patients-table tbody td,.patients-table thead th{padding:12px 8px}}@media (max-width:768px){.page-center-list{align-items:center}.patients-list-container{padding:20px}.patients-table{font-size:.7rem}.patients-table tbody td,.patients-table thead th{padding:10px 6px}.actions-cell{gap:4px}.table-btn-action{font-size:1rem;padding:4px 6px}}.patient-details-container{animation:slideUp .5s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:1000px;overflow-y:auto;padding:40px;position:relative;width:95%}.details-header{margin-bottom:30px;margin-top:20px}.details-subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-sm)}.details-content,.details-grid{margin-bottom:20px}.details-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.form-group .input-field{border:2px solid #e5e7eb;border-radius:8px;font-family:var(--font-primary);font-size:var(--font-size-base);padding:12px 14px;transition:all .3s ease;width:100%}.form-group .input-field:focus{border-color:var(--color-primary-green);box-shadow:0 0 0 3px #2da8811a;outline:none}.form-group .input-field:disabled{background-color:#f3f4f6;color:var(--color-secondary-gray);cursor:not-allowed}.department-autocomplete{position:relative}.department-list{background-color:var(--color-white);border:2px solid var(--color-primary-green);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.department-item{border-bottom:1px solid #e5e7eb;cursor:pointer;font-size:var(--font-size-base);padding:12px 14px;transition:all .2s ease}.department-item:hover{background-color:#2da8811a;color:var(--color-primary-green);font-weight:500}.department-item:last-child{border-bottom:none}.error-message,.success-message{margin-bottom:15px}.success-message{background-color:#10b9811a;border-left:4px solid var(--color-success);font-size:var(--font-size-sm);padding:12px}.action-buttons{display:flex;gap:12px;justify-content:center}.action-buttons .btn{flex:1 1;max-width:200px}.loading-container{background-color:var(--color-white);border-radius:16px;color:var(--color-secondary-gray);font-size:var(--font-size-base);padding:40px;text-align:center}@media (max-width:1200px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.patient-details-container{padding:30px 20px}.details-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{max-width:100%}}.page-center{align-items:flex-start}.visits-container{animation:slideUp .5s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:1000px;overflow-y:auto;padding:40px;position:relative;width:100%}.back-button{color:var(--color-secondary-gray);left:20px;position:absolute;top:20px;transition:color .3s ease}.back-button:hover{color:var(--color-primary-green)}.visits-header{margin-bottom:30px;margin-top:20px;text-align:center}.visits-header h2{color:var(--color-primary-green);margin-bottom:8px}.visits-subtitle{color:var(--color-secondary-gray);font-size:var(--font-size-base);margin-bottom:5px}.visits-count{color:var(--color-primary-green);font-size:var(--font-size-sm);font-weight:600}.btn-new-visit{display:block;margin:20px auto;max-width:250px;width:100%}.error-message{background-color:#ef44441a;border-left:4px solid var(--color-error);margin-bottom:20px;padding:12px}.loading{color:var(--color-secondary-gray);font-size:var(--font-size-base);padding:40px;text-align:center}.no-visits{padding:60px 20px;text-align:center}.no-visits p{color:var(--color-secondary-gray);font-size:var(--font-size-lg)}.visit-form{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:30px;padding:25px}.visit-form h3{color:var(--color-primary-green);margin-bottom:20px;text-align:center}.visit-form form{display:flex;flex-direction:column;gap:15px}.form-row-1{display:grid;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--color-black)}.input-field{border:2px solid #e5e7eb;font-family:var(--font-primary);padding:12px 14px;transition:all .3s ease}.input-field:focus{border-color:var(--color-primary-green);box-shadow:0 0 0 3px #2da8811a}.form-buttons{display:flex;gap:12px;justify-content:center;margin-top:10px}.form-buttons .btn{flex:1 1;max-width:200px}.visits-list{display:flex;flex-direction:column;gap:20px}.visit-card{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.visit-card:hover{border-color:var(--color-primary-green);box-shadow:0 4px 12px #2da88126}.visit-header{align-items:center;background:linear-gradient(135deg,#2da8811a,#1e5a961a);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.visit-header h4{color:var(--color-primary-green);font-size:var(--font-size-base);margin:0}.visit-actions{display:flex;gap:8px}.btn-icon{background:none;border-radius:6px;font-size:1.1rem;padding:6px 10px;transition:all .2s ease}.btn-edit{background-color:#1a68e6;color:#fff}.btn-edit:hover{background-color:#2ad3e9}.btn-delete{color:var(--color-error)}.btn-delete:hover{background-color:#ef44441a}.btn-confirm{color:var(--color-success)}.btn-confirm:hover{background-color:#10b9811a}.btn-cancel{color:var(--color-secondary-gray)}.btn-cancel:hover{background-color:#9ca3af1a}.visit-body{padding:20px}.visit-section{margin-bottom:16px}.visit-section:last-child{margin-bottom:0}.visit-section strong{color:var(--color-primary-green);display:block;font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.visit-section p{word-wrap:break-word;color:var(--color-black);line-height:1.6;margin:0;white-space:pre-wrap}@media (max-width:768px){.visits-container{padding:30px 20px}.form-buttons{flex-direction:column}.form-buttons .btn{max-width:100%}.visit-header{align-items:flex-start;flex-direction:column;gap:10px}.visit-actions{width:100%}}.modal-overlay{background:#13343b99;background:rgba(var(--color-slate-900-rgb),.6)}.modal-content{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:20px;padding:var(--space-20)}.modal-header h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.modal-close-btn{border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);font-size:20px;font-size:var(--font-size-2xl);padding:4px;padding:var(--space-4);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.modal-close-btn:hover{color:#13343b;color:var(--color-text)}.modal-close-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.modal-body{padding:20px;padding:var(--space-20)}.alert{animation:slideIn .25s cubic-bezier(.16,1,.3,1);animation:slideIn var(--duration-normal) var(--ease-standard);border-radius:8px;border-radius:var(--radius-base);font-size:14px;font-size:var(--font-size-base);margin-bottom:16px;margin-bottom:var(--space-16);padding:12px 16px;padding:var(--space-12) var(--space-16)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.alert-error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border-left:4px solid #c0152f;border-left:4px solid var(--color-error);color:#c0152f;color:var(--color-error)}.alert-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border-left:4px solid #21808d;border-left:4px solid var(--color-success);color:#21808d;color:var(--color-success)}.input-field{padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input-field:focus{outline:2px solid #21808d;outline:var(--focus-outline)}.input-field:disabled{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.textarea-field{min-height:60px}.input-hint{color:#626c71;color:var(--color-text-secondary);display:block;font-size:11px;font-size:var(--font-size-xs);margin-top:6px;margin-top:var(--space-6)}.autocomplete-container{position:relative}.suggestions-dropdown{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-base) var(--radius-base);border-top:none;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-item{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);cursor:pointer;padding:10px 12px;padding:var(--space-10) var(--space-12);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.suggestion-item:hover{background-color:#5e52401f;background-color:var(--color-secondary)}.suggestion-item:last-child{border-bottom:none}.suggestion-code{color:#21808d;color:var(--color-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.suggestion-description{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin-top:2px;margin-top:var(--space-2)}.diagnosis-modal .suggestions-dropdown{max-height:250px}.info-box{background:#3b82f614;background:var(--color-bg-1);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);margin:12px 0;margin:var(--space-12) 0}.info-box p{margin:6px 0;margin:var(--space-6) 0}.medicine-info{background:#22c55e14;background:var(--color-bg-3);border:1px solid #21808d33;border:1px solid rgba(var(--color-success-rgb),.2)}.dosage-suggestions{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);margin-top:8px;margin-top:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.dosage-suggestions small{color:#626c71;color:var(--color-text-secondary);display:block;font-size:11px;font-size:var(--font-size-xs);margin-bottom:6px;margin-bottom:var(--space-6)}.dosage-buttons{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6)}.dosage-btn{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);cursor:pointer;font-size:11px;font-size:var(--font-size-xs);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.dosage-btn:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary)}.dosage-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.dosage-btn.active{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.dosage-btn:disabled{cursor:not-allowed;opacity:.5}.form-row-2{grid-gap:12px;grid-gap:var(--space-12)}.form-row-2,.modal-actions{gap:12px;gap:var(--space-12)}.modal-actions{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);margin-top:20px;margin-top:var(--space-20);padding-top:16px;padding-top:var(--space-16)}.btn{flex:1 1;line-height:var(--line-height-normal);padding:10px 16px;padding:var(--space-10) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline)}.btn-primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover)}.btn-secondary:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.treatment-modal .modal-header{background:#21808d;background:var(--color-success)}.treatment-modal .modal-header,.treatment-modal .modal-header h3{color:#fcfcf9;color:var(--color-btn-primary-text)}.treatment-modal .modal-close-btn{color:rgba(rgba(252,252,249,1),.8);color:rgba(var(--color-cream-50),.8)}.treatment-modal .modal-close-btn:hover{color:#fcfcf9;color:var(--color-btn-primary-text)}.treatment-btn{background:#21808d!important;background:var(--color-success)!important;color:#fcfcf9!important;color:var(--color-btn-primary-text)!important}.treatment-btn:hover:not(:disabled){background:#1d7480!important;background:var(--color-primary-hover)!important;box-shadow:0 4px 12px #21808d4d!important;box-shadow:0 4px 12px rgba(var(--color-success-rgb),.3)!important}.medicine-suggestion{padding:12px;padding:var(--space-12)}.suggestion-name{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold)}@media (max-width:480px){.modal-content{margin:16px;margin:var(--space-16);max-height:85vh;width:95%}.modal-body,.modal-header{padding:16px;padding:var(--space-16)}.form-row-2{gap:8px;gap:var(--space-8);grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.btn{width:100%}.suggestions-dropdown{max-height:150px}.dosage-buttons{flex-direction:column}.dosage-btn{width:100%}}@media (max-width:600px){.modal-content{max-height:85vh;width:95%}.form-row-2{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn{width:100%}.suggestions-dropdown{max-height:180px}}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary)}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#626c71;background:var(--color-text-secondary);border-radius:6px;border-radius:var(--radius-sm)}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#13343b;background:var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}.page-center{padding:16px;padding:var(--space-16)}.visit-details-container{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);background:linear-gradient(135deg,#fff,#e4f7f6);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-width:1200px;padding:24px;padding:var(--space-24);width:100%}.back-button{background:none;border:none;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--space-16);padding:8px;padding:var(--space-8);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.back-button:hover{color:#21808d;color:var(--color-primary)}.back-button:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.details-header{margin-bottom:24px;margin-bottom:var(--space-24);text-align:center}.details-header h2{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin-bottom:8px;margin-bottom:var(--space-8)}.details-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base)}.tabs-container{grid-gap:16px;grid-gap:var(--space-16);background:linear-gradient(135deg,#fff,#e4f7f6);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(4,1fr);margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.tab-button{align-items:center;background:#fff;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:16px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);justify-content:center;padding:var(--space-10) var(--space-25);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.tab-button:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-2px)}.tab-button:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.tab-button.active{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);color:#fcfcf9;color:var(--color-btn-primary-text)}.tab-button:disabled{cursor:not-allowed;opacity:.5}.tab-content{animation:fadeIn .3s cubic-bezier(.16,1,.3,1);animation:fadeIn .3s var(--ease-standard);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.section-card,.tab-content{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24)}.section-card{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.section-header{align-items:center;border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.section-header h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold)}.form-group{margin-bottom:24px;margin-bottom:var(--space-24)}.form-group label{font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}.form-group label,.input-field{color:#13343b;color:var(--color-text)}.input-field{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:var(--radius-base);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:16px;padding:var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.input-field:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.textarea-field{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:100px;resize:vertical}.form-row-2{grid-gap:16px;grid-gap:var(--space-16);grid-template-columns:1fr 1fr}.form-row-2,.vital-signs-grid{display:grid;gap:16px;gap:var(--space-16)}.vital-signs-grid{grid-gap:16px;grid-gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vital-item{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.vital-item strong{color:#13343b;color:var(--color-text);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:4px;margin-bottom:var(--space-4);text-transform:uppercase}.systems-grid{grid-gap:16px;grid-gap:var(--space-16);gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.system-item{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.btn{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);padding:12px 20px;padding:var(--space-12) var(--space-20)}.btn.btn-primary{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn.btn-primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn.btn-primary:active{background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.btn.btn-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn.btn-secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-2px)}.header-buttons{align-items:center;display:flex;gap:10px}.btn-secondary-small{align-items:center;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;color:#0284c7;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;height:38px;line-height:1;padding:8px 16px;transition:all .2s}.btn-secondary-small:hover{background-color:#bae6fd;box-shadow:0 2px 5px #0000001a;color:#0369a1;transform:translateY(-1px)}.btn.btn-action{padding:12px 20px;padding:var(--space-12) var(--space-20)}.btn.btn-action.btn-edit{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:14px;font-size:var(--font-size-base);padding:16px 32px;padding:var(--space-16) var(--space-32);width:100%}.btn.btn-action.btn-edit:hover{background:#1d7480;background:var(--color-primary-hover)}.btn.btn-action.btn-cancel{background:#c0152f;background:var(--color-error);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn.btn-action.btn-cancel:hover{background:#c0152fcc;background:rgba(var(--color-error-rgb),.8)}.btn-primary-small{background:linear-gradient(135deg,#8cd4e0,#17d184);border:none;border-radius:8px;border-radius:var(--radius-base);color:#000;cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-primary-small:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-primary-small:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.items-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-16);margin-bottom:24px;margin-bottom:var(--space-24)}.item-card{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.item-card p{font-size:12px;font-size:var(--font-size-sm);margin-bottom:8px;margin-bottom:var(--space-8)}.item-card strong{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}.no-data-message{font-style:italic}.empty-state,.no-data-message{color:#626c71;color:var(--color-text-secondary);padding:24px;padding:var(--space-24);text-align:center}.error-message{background-color:#c0152f1a;background-color:rgba(var(--color-error-rgb),.1);border:1px solid #c0152f33;border:1px solid rgba(var(--color-error-rgb),.2);border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);font-size:12px;font-size:var(--font-size-sm)}.error-message,.success-message{margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16)}.success-message{background-color:#21808d1a;background-color:rgba(var(--color-success-rgb),.1);border:1px solid #21808d33;border:1px solid rgba(var(--color-success-rgb),.2);border-radius:8px;border-radius:var(--radius-base);color:#21808d;color:var(--color-success)}.loading-message{color:#626c71;color:var(--color-text-secondary);padding:24px;padding:var(--space-24);text-align:center}.checklist-container{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24)}.checklist-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.checklist-list,.checklist-subtitle{margin-bottom:24px;margin-bottom:var(--space-24)}.checklist-list{list-style:none}.checklist-item{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-8);padding:16px;padding:var(--space-16)}.checklist-item .item-left{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.section-icon{font-size:16px;font-size:var(--font-size-lg)}.section-label{color:#13343b;color:var(--color-text)}.section-label,.status-badge{font-weight:500;font-weight:var(--font-weight-medium)}.status-badge{font-size:12px;font-size:var(--font-size-sm)}.status-badge.status-complete{color:#21808d;color:var(--color-success)}.status-badge.status-partial{color:#a84b2f;color:var(--color-warning)}.status-badge.status-empty{color:#c0152f;color:var(--color-error)}.checklist-button-container{display:flex;justify-content:center;margin-top:24px;margin-top:var(--space-24)}.btn-finalize{background:#21808d!important;background:var(--color-success)!important;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005!important;box-shadow:var(--shadow-md)!important;font-size:14px!important;font-size:var(--font-size-base)!important;font-weight:550!important;font-weight:var(--font-weight-semibold)!important;max-width:400px}.btn-finalize.btn-enabled:hover{background:#21808de6!important;background:rgba(var(--color-success-rgb),.9)!important;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)!important}.btn-finalize.btn-enabled:focus-visible{box-shadow:0 0 0 3px #21808d66!important;box-shadow:var(--focus-ring)!important;outline:none!important}.btn-finalize.btn-disabled{background:#5e52401f!important;background:var(--color-secondary)!important;color:#626c71!important;color:var(--color-text-secondary)!important;cursor:not-allowed!important;opacity:.6!important}.incomplete-warning{background:#a84b2f1a;background:rgba(var(--color-warning-rgb),.1);border:1px solid #a84b2f;border:1px solid var(--color-warning);border-radius:8px;border-radius:var(--radius-base);padding:24px;padding:var(--space-24);text-align:center}.incomplete-warning p{color:#a84b2f;color:var(--color-warning);font-weight:500;font-weight:var(--font-weight-medium)}@media (max-width:1024px){.tabs-container{grid-template-columns:repeat(3,1fr)}.vital-signs-grid{grid-template-columns:repeat(2,1fr)}.systems-grid{grid-template-columns:1fr}}@media (max-width:768px){.visit-details-container{padding:16px;padding:var(--space-16)}.tabs-container{gap:8px;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.tab-button{font-size:11px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--space-8) var(--space-12)}.form-row-2,.vital-signs-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.btn.btn-action{width:100%}.checklist-list{max-height:300px;overflow-y:auto}}@media (max-width:480px){.page-center{padding:8px;padding:var(--space-8)}.visit-details-container{border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.tabs-container{gap:8px;gap:var(--space-8);grid-template-columns:1fr}.tab-button{font-size:11px;font-size:var(--font-size-xs);padding:8px;padding:var(--space-8)}.details-header h2{font-size:16px;font-size:var(--font-size-lg)}.section-card,.tab-content{padding:16px;padding:var(--space-16)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.btn{width:100%}.btn-finalize{max-width:100%}.vital-signs-grid{grid-template-columns:1fr}.checklist-item{align-items:flex-start;flex-direction:column}.status-badge{align-self:flex-start;margin-top:8px;margin-top:var(--space-8)}.items-list{gap:12px;gap:var(--space-12)}.item-card{padding:12px;padding:var(--space-12)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--page-width:210mm;--page-height:297mm;--page-margin:15mm;--page-content-height:calc(var(--page-height) - var(--page-margin)*2)}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.visit-summary-page{background-color:#f5f5f5;display:flex;flex-direction:column;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:100vh;padding:20px;padding:var(--space-20)}.page-center{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);padding:var(--space-20)}.error-container,.loading-container{background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#13343b;color:var(--color-text);padding:32px;padding:var(--space-32);text-align:center}.summary-page-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:flex-end;margin-bottom:20px;margin-bottom:var(--space-20)}.btn-action{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);padding:12px 24px;padding:var(--space-12) var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-action.print{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-action.print:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-action.pdf{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-action.pdf:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-action.pdf:disabled{cursor:not-allowed;opacity:.6}.btn-action.back{background:linear-gradient(135deg,#fff,#f88b8b);color:#13343b;color:var(--color-text)}.btn-action.back:hover{background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-2px)}.summary-page-header{background:linear-gradient(135deg,#fff 20%,#21808d 300%);background:linear-gradient(135deg,#fff 20%,var(--color-success) 300%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#fcfcf9;color:var(--color-btn-primary-text);margin-bottom:32px;margin-bottom:var(--space-32);padding:32px;padding:var(--space-32)}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;gap:var(--space-32);justify-content:space-between}.clinic-info h1{font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight);margin:0 0 10px;margin:0 0 var(--space-10) 0}.clinic-details{font-size:14px;font-size:var(--font-size-base);margin:0;opacity:.9}.doctor-info{flex:1 1;min-width:250px;text-align:right}.doctor-info h3{font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-8) 0;opacity:.9;text-transform:uppercase}.doctor-info h3,.doctor-info p{font-size:14px;font-size:var(--font-size-base)}.doctor-info p{margin:4px 0;margin:var(--space-4) 0}.summary-page-content{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin-bottom:20px;margin-bottom:var(--space-20);padding:32px;padding:var(--space-32)}.summary-section{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);margin-bottom:32px;margin-bottom:var(--space-32);padding-bottom:20px;padding-bottom:var(--space-20)}.summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-section h2{color:#21808d;color:var(--color-primary);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 16px;margin:0 0 var(--space-16) 0}.patient-info-grid{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);padding:12px 16px;padding:var(--space-12) var(--space-16)}.info-box label{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-4);text-transform:uppercase}.info-value{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.date-section{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.date-box{margin:0}.date-value{color:#c0152f;color:var(--color-error);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 8px;margin:0 0 var(--space-8) 0}.time-value{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);margin:0}.content-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.content-box p{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0}.details-grid{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);padding:12px 16px;padding:var(--space-12) var(--space-16)}.detail-box label{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:6px;margin-bottom:var(--space-6);text-transform:uppercase}.detail-box p{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0}.systems-grid{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.system-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;padding:var(--space-12) var(--space-16)}.system-box strong{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);margin-bottom:4px;margin-bottom:var(--space-4);text-transform:uppercase}.vitals-grid-compact{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.vital-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:12px 16px;padding:var(--space-12) var(--space-16);text-align:center}.vital-box label{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);margin-bottom:6px;margin-bottom:var(--space-6);text-transform:uppercase}.vital-box label,.vital-value{font-weight:600;font-weight:var(--font-weight-bold)}.vital-value{color:#21808d;color:var(--color-success);font-size:18px;font-size:var(--font-size-xl);margin:0}.vital-value span{color:#626c71;color:var(--color-text-secondary);display:block;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-top:2px;margin-top:var(--space-2)}.exam-grid{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exam-box{background:#5e52401f;background:var(--color-secondary);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:12px 16px;padding:var(--space-12) var(--space-16)}.exam-box.full-width{grid-column:1/-1}.exam-box label{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:6px;margin-bottom:var(--space-6);text-transform:uppercase}.exam-box p{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0}.diagnoses-list-detailed{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.diagnosis-card-detailed{background:#fffffd;background:var(--color-surface);border:2px solid #5e52401f;border-left:4px solid #21808d;border:2px solid var(--color-card-border);border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.diagnosis-card-detailed:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.diagnosis-header-detailed{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);margin-bottom:8px;margin-bottom:var(--space-8)}.code-badge{background:#21808d;background:var(--color-primary)}.code-badge,.type-badge{border-radius:6px;border-radius:var(--radius-sm);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);padding:4px 8px;padding:var(--space-4) var(--space-8)}.type-badge{background:#21808d;background:var(--color-success)}.diagnosis-desc{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin:0 0 6px;margin:0 0 var(--space-6) 0}.severity-badge{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin:0}.treatments-list-detailed{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.treatment-card-detailed{background:#fffffd;background:var(--color-surface);border:2px solid #5e52401f;border-left:4px solid #21808d;border:2px solid var(--color-card-border);border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius-base);overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.treatment-card-detailed:hover{border-color:#21808d;border-color:var(--color-success);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.treatment-header-detailed{background:linear-gradient(135deg,#fff,#21808d 90%);background:linear-gradient(135deg,#fff 0,var(--color-success) 90%);color:#fcfcf9;color:var(--color-btn-primary-text);padding:12px 16px;padding:var(--space-12) var(--space-16)}.treatment-header-detailed h3{font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.treatment-body{padding:12px 16px;padding:var(--space-12) var(--space-16)}.treatment-row{align-items:flex-start;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:12px;gap:var(--space-12);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-8)}.treatment-row:last-child{margin-bottom:0}.treatment-row label{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold);min-width:80px}.treatment-row p{color:#13343b;color:var(--color-text);flex:1 1;margin:0;text-align:right}.summary-page-footer{background:#5e52401f;background:var(--color-secondary);border-radius:8px;border-radius:var(--radius-base);border-top:2px solid #5e524033;border-top:2px solid var(--color-border);color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);padding:16px;padding:var(--space-16);text-align:center}.summary-page-footer p{margin:4px 0;margin:var(--space-4) 0}.print-only{display:none}.summary-page-finalize-section{background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;margin-top:20px;margin-top:var(--space-20);padding:20px;padding:var(--space-20)}.btn-finalize{background:linear-gradient(135deg,var(--color-primary-blue) 0,var(--color-primary-green) 100%)!important;border:none!important;border-radius:8px!important;border-radius:var(--radius-base)!important;color:#fcfcf9!important;color:var(--color-btn-primary-text)!important;cursor:pointer!important;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-family-base)!important;font-size:16px!important;font-size:var(--font-size-lg)!important;font-weight:600!important;font-weight:var(--font-weight-bold)!important;max-width:500px;padding:16px 32px!important;padding:var(--space-16) var(--space-32)!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;transition:all var(--duration-normal) var(--ease-standard)!important;width:100%}.btn-finalize,.btn-finalize:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005!important;box-shadow:var(--shadow-lg)!important}.btn-finalize:hover{transform:translateY(-3px)!important}@media print{.no-print{display:none!important}.visit-summary-page{background:#fff;background:var(--color-white);padding:0}.summary-page-content{border:none;box-shadow:none}.detail-box,.diagnosis-card-detailed,.summary-section,.system-box,.treatment-card-detailed,.vital-box{page-break-inside:avoid}.print-only{display:block}}@media (max-width:768px){.header-content{flex-direction:column;gap:20px;gap:var(--space-20)}.doctor-info{text-align:left}.details-grid,.diagnoses-list-detailed,.exam-grid,.patient-info-grid,.systems-grid,.treatments-list-detailed,.vitals-grid-compact{grid-template-columns:1fr}.summary-page-content{padding:16px;padding:var(--space-16)}.summary-page-actions{justify-content:flex-start}.btn-finalize{max-width:100%}}@media (max-width:480px){.visit-summary-page{padding:10px;padding:var(--space-10)}.summary-page-header{margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16)}.clinic-info h1{font-size:20px;font-size:var(--font-size-2xl)}.summary-page-content{margin-bottom:12px;margin-bottom:var(--space-12);padding:12px;padding:var(--space-12)}.summary-section{margin-bottom:16px;margin-bottom:var(--space-16)}.btn-action{font-size:12px;font-size:var(--font-size-sm);padding:10px 16px;padding:var(--space-10) var(--space-16)}.btn-finalize{font-size:14px!important;font-size:var(--font-size-base)!important;padding:12px 24px!important;padding:var(--space-12) var(--space-24)!important}.page-container{background:#fff;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;height:297mm;height:var(--page-height);margin:20px auto;max-width:100%;padding:15mm;padding:var(--page-margin);page-break-after:always;width:210mm;width:var(--page-width)}.page-container,.page-content{display:flex;flex-direction:column;overflow:hidden}.page-content{font-size:11px;height:267mm;height:var(--page-content-height);line-height:1.4}.page-content .summary-section{margin-bottom:12px;padding-bottom:10px;page-break-inside:avoid}.page-content .summary-section h2{font-size:13px;margin:0 0 8px}.page-content .detail-box,.page-content .exam-box,.page-content .info-box,.page-content .system-box,.page-content .vital-box{margin-bottom:8px;padding:8px 10px;page-break-inside:avoid}.page-content .detail-box p,.page-content .info-value{font-size:10px;margin:0}.page-content label{font-size:9px;margin-bottom:2px!important}.page-content .details-grid,.page-content .exam-grid,.page-content .patient-info-grid,.page-content .systems-grid,.page-content .vitals-grid-compact{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.page-content .diagnoses-list-detailed,.page-content .treatments-list-detailed{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.page-content .diagnosis-card-detailed,.page-content .treatment-card-detailed{padding:8px 10px!important}.page-content .diagnosis-desc,.page-content .treatment-row p{font-size:9px!important;margin:0!important}.page-content .summary-page-header{margin-bottom:12px!important;padding:12px!important}.page-content .clinic-info h1{font-size:14px!important;margin:0 0 4px!important}.page-content .doctor-info{flex:1 1;min-width:auto}.page-content .doctor-info p{font-size:9px!important;margin:2px 0!important}@media print{.no-print{display:none!important}.visit-summary-page,body{background:#fff!important}.visit-summary-page{margin:0!important;padding:0!important}.summary-page-header{page-break-after:always!important}.summary-page-content{background:#fff!important;padding:0!important}.page-container{border:none!important;box-shadow:none!important;margin:0!important;padding:15mm!important;width:100%!important}.page-content .summary-section{page-break-inside:avoid!important}.page-content .summary-section h2{page-break-after:avoid!important}.page-content .diagnosis-card-detailed,.page-content .treatment-card-detailed{page-break-inside:avoid!important}.print-only{display:block!important}}@page{size:A4;margin:10mm}.summary-section{break-inside:avoid;page-break-inside:avoid}.summary-section h2{break-after:avoid;page-break-after:avoid}.detail-box,.details-grid,.diagnosis-card-detailed,.exam-box,.exam-grid,.info-box,.patient-info-grid,.system-box,.systems-grid,.treatment-card-detailed,.vital-box,.vitals-grid-compact{break-inside:avoid;page-break-inside:avoid}}.page-center{align-items:center;background:linear-gradient(135deg,#1a8a7a,#2da880 50%,#1e5a96);display:flex;justify-content:center;min-height:100vh;padding:20px}.clinic-container{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:1100px;padding:40px;width:100%}.clinic-header h2{color:#1e5a96;font-size:24px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.btn-primary,.btn-secondary{align-items:center;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:48px;justify-content:center;padding:0 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#2da880,#1ea366);border:none;box-shadow:0 4px 12px #2da88033;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #2da8804d;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#64748b}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.table-responsive{border:1px solid #eef2f6;border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;padding:16px 20px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:15px;padding:16px 20px;vertical-align:middle}.action-buttons-row{gap:8px;justify-content:flex-end}.action-buttons-row,.btn-icon{align-items:center;display:flex}.btn-icon{border:none;border-radius:8px;cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:.2s;width:36px}.btn-icon.edit{background:#e0f2fe;color:#0284c7}.btn-icon.edit:hover{background:#bae6fd}.btn-icon.key{background:#fef9c3;color:#ca8a04}.btn-icon.key:hover{background:#fde047}.btn-icon.delete{background:#fee2e2;color:#dc2626}.btn-icon.delete:hover{background:#fecaca}.role-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-admin{background:#e0e7ff;color:#4338ca}.role-doctor{background:#dcfce7;color:#15803d}.role-nurse{background:#fef9c3;color:#a16207}.role-secretary{background:#ffe4e6;color:#be123c}.status-active{background:#d1fae5;border-radius:6px;color:#065f46;font-size:12px;font-weight:600;padding:5px 12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:500px;padding:35px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.form-group{margin-bottom:20px}.form-group label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-field{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;padding:12px 15px;width:100%}.modal-close-btn{color:#999;font-size:24px}.back-button-simple,.modal-close-btn{background:none;border:none;cursor:pointer}.back-button-simple{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:20px;padding:0;transition:color .2s}.back-button-simple:hover{color:#1e5a96;transform:translateX(-3px)}.clinic-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.clinic-header,.modal-actions{align-items:center;display:flex}.modal-actions{gap:15px;justify-content:flex-end;margin-top:30px}.modal-actions .btn-primary,.modal-actions .btn-secondary{height:48px;min-width:120px}@media (max-width:768px){.clinic-container{padding:20px}.clinic-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.data-table td,.data-table th{font-size:13px;padding:12px 10px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0355b363.css.map*/