@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap";:root{--color-primary: #0D9488;--color-primary-dark: #0F766E;--color-primary-light: #14B8A6;--color-accent: #DB2777;--color-accent-dark: #BE185D;--color-accent-light: #EC4899;--color-bg: #f9f9f9;--color-text: #134E4A;--color-white: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width-collapsed: 56px;--sidebar-width-expanded: 220px;--sidebar-transition: .2s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Heebo,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6}.bg-primary{background-color:var(--color-primary)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-accent{background-color:var(--color-accent)}.bg-accent-dark{background-color:var(--color-accent-dark)}.bg-accent-light{background-color:var(--color-accent-light)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.text-primary{color:var(--color-primary)}.text-primary-dark{color:var(--color-primary-dark)}.text-accent{color:var(--color-accent)}.text-white{color:var(--color-white)}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.border-primary{border-color:var(--color-primary)}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-accent-dark:hover{background-color:var(--color-accent-dark)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.focus\:ring-primary:focus{--tw-ring-color: var(--color-primary);box-shadow:0 0 0 3px #0d948833}.focus\:ring-accent:focus{--tw-ring-color: var(--color-accent);box-shadow:0 0 0 3px #db277733}.focus\:border-primary:focus{border-color:var(--color-primary)}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.w-full{width:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-12{width:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.max-w-4xl{max-width:95%}.mx-auto{margin-left:50px;margin-right:50px}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px;border-style:solid}.border-2{border-width:2px}.border-0{border:none}.border-b{border-bottom-width:1px}.divide-y>*+*{border-top-width:1px}.divide-gray-100>*+*{border-color:#f3f4f6}.border-gray-300{border-color:#d1d5db}.shadow-input{box-shadow:inset 0 1px 2px #0000000f}.focus\:shadow-none:focus{box-shadow:0 0 0 3px #0d948833}.overflow-hidden{overflow:hidden}.transition-all{transition:all .2s ease}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:ease-in-out}.cursor-pointer{cursor:pointer}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:#f3f4f6}.placeholder-gray-400::placeholder{color:#9ca3af}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{--tw-ring-offset-shadow: 0 0 0 2px}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-red-50{background-color:#fef2f2}.border-red-200{border-color:#fecaca}.border-red-500{border-color:#ef4444}.text-red-500{color:#ef4444}.text-red-700{color:#b91c1c}.focus\:ring-red-500\/20:focus{box-shadow:0 0 0 3px #ef444433}.bg-white\/20{background-color:#fff3}.text-white\/80{color:#fffc}.focus\:ring-primary\/20:focus{box-shadow:0 0 0 3px #0d948833}.header-styled{background-color:var(--color-white);box-shadow:var(--shadow-sm);border-top:2px solid var(--color-accent);border-bottom:5px solid var(--color-primary)}.nav-link{color:var(--color-primary);padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-weight:500;font-size:1rem;transition:all .2s ease;text-decoration:none;border:1px solid transparent}.nav-link:hover{background-color:#0d948814;color:var(--color-primary-dark);border-color:var(--color-primary-light)}.nav-link:focus{outline:none;box-shadow:0 0 0 3px #0d948826}.gap-1{gap:.25rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg) 0%,#f0f0f0 100%);padding:1rem}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{max-height:100px;width:auto}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form-title{font-size:1.25rem;font-weight:600;color:var(--color-text);text-align:center;margin-bottom:.5rem}.login-error{background-color:#fef2f2;border:1px solid #FECACA;color:#b91c1c;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;text-align:center}.login-button{margin-top:.5rem}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:3rem;height:3rem;border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.user-info{display:flex;align-items:center;gap:.75rem;padding-right:1rem;border-right:1px solid #E5E7EB}.user-name{font-weight:600;color:var(--color-text);font-size:.9rem}.user-type{font-size:.8rem;color:var(--color-primary);background-color:#0d94881a;padding:.2rem .5rem;border-radius:var(--radius-sm)}.logout-button{background:none;border:1px solid var(--color-accent);color:var(--color-accent);padding:.4rem .8rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:var(--color-accent);color:#fff}.users-page,.user-form-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.error-message{background-color:#fef2f2;border:1px solid #FECACA;color:#b91c1c;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem}.success-message{background-color:#f0fdf4;border:1px solid #BBF7D0;color:#166534;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.filters-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-group{display:flex;gap:.5rem;align-items:center}.search-group input{width:260px;height:40px;padding-top:0;padding-bottom:0}.filters-row button{height:40px;padding-top:0;padding-bottom:0}.filter-selects{display:flex;gap:.75rem}.filter-select{padding:0 1rem;border:1px solid #D1D5DB;border-radius:var(--radius-lg);background-color:#fff;font-size:.9rem;color:var(--color-text);cursor:pointer;min-width:150px;height:40px;box-shadow:inset 0 1px 2px #0000000f}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948833}@media(max-width:768px){.filters-row,.filters-group{flex-direction:column;align-items:stretch}.search-group{width:100%}.search-group input{flex:1;width:auto;min-width:0}.filter-selects{width:100%}.filter-select{flex:1;min-width:0}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.table-container{overflow-x:auto}.data-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid #E5E7EB}.data-table th{background-color:#f9fafb;font-weight:600;color:var(--color-text);white-space:nowrap}.data-table tbody tr:hover{background-color:#f9fafb}.cell-name{font-weight:500}.cell-date{font-size:.8rem;color:#6b7280;white-space:nowrap}.badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.badge-type{background-color:#0d94881a;color:var(--color-primary)}.badge-active{background-color:#d1fae5;color:#065f46}.badge-inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.action-btn-edit{background-color:#0d94881a;color:var(--color-primary)}.action-btn-edit:hover{background-color:var(--color-primary);color:#fff}.action-btn-password{background-color:#6b72801a;color:#4b5563}.action-btn-password:hover{background-color:#6b7280;color:#fff}.action-btn-deactivate{background-color:#ef44441a;color:#dc2626}.action-btn-deactivate:hover{background-color:#ef4444;color:#fff}.action-btn-activate{background-color:#10b9811a;color:#059669}.action-btn-activate:hover{background-color:#10b981;color:#fff}.form-card{max-width:650px}.user-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem 1rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #D1D5DB;border-radius:var(--radius-lg);background-color:#fff;font-size:1rem;color:var(--color-text);cursor:pointer;transition:all .2s ease;height:46px;box-shadow:inset 0 1px 2px #0000000f}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948833}.section-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #E5E7EB}.password-section{padding-top:1rem;border-top:1px solid #E5E7EB}.user-info-header{padding:1rem;background-color:#f9fafb;border-radius:var(--radius-md);margin-bottom:1.5rem}.user-info-header p{margin:.25rem 0}.app-layout{display:flex;min-height:100vh;flex-direction:row-reverse}.main-content{flex:1;min-width:0;overflow-x:auto;margin-right:var(--sidebar-width-collapsed);padding:24px 32px;background:var(--color-bg);min-height:100vh;transition:margin-right var(--sidebar-transition)}body.sidebar-expanded .main-content{margin-right:var(--sidebar-width-expanded)}@media(max-width:1024px){.main-content{padding:20px}}@media(max-width:768px){.main-content{padding:16px 12px}}.sidebar{position:fixed;top:0;right:0;height:100vh;background:var(--color-white);border-left:2px solid var(--color-primary);box-shadow:-2px 0 12px #0000000a;display:flex;flex-direction:column;z-index:100;transition:width var(--sidebar-transition)}.sidebar.collapsed{width:var(--sidebar-width-collapsed);overflow:visible}.sidebar.expanded{width:var(--sidebar-width-expanded);overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:12px;padding:14px 12px;border-bottom:1px solid #E5E7EB;min-height:72px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;flex-shrink:0}.sidebar-toggle:hover{background:#0d948814;color:var(--color-primary-dark)}.sidebar-toggle:focus{outline:none;box-shadow:0 0 0 2px #0d948833}.sidebar-logo{display:flex;align-items:center;overflow:hidden}.sidebar-logo-img{height:56px;width:auto;object-fit:contain}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:12px 8px;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 19px 12px 12px;color:#4b5563;border-radius:var(--radius-md);transition:all .15s ease;text-decoration:none;position:relative;border-right:3px solid transparent;margin-right:-8px}.sidebar-nav-item:hover{background:#0d94880f;color:var(--color-primary)}.sidebar-nav-item.active{background:#0d94881a;color:var(--color-primary);border-right-color:var(--color-primary);font-weight:500}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-nav-text{white-space:nowrap;overflow:hidden;transition:opacity .15s ease}.sidebar.collapsed .sidebar-nav-text{opacity:0;width:0}.sidebar-user{padding:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:10px}.sidebar-user-info{display:flex;align-items:center;gap:10px}.sidebar-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;position:relative}.sidebar-user-details{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-weight:600;font-size:.875rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-type{font-size:.75rem;color:var(--color-primary);white-space:nowrap}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease;position:relative}.sidebar-logout:hover{background:var(--color-accent);color:#fff}.sidebar-logout:focus{outline:none;box-shadow:0 0 0 2px #db277733}.sidebar.collapsed .sidebar-logout span,.sidebar.collapsed .sidebar-user-details{display:none}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026;max-height:calc(100vh - 2rem);overflow-y:auto;animation:slideIn .2s ease-out;border-top:3px solid var(--color-primary)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:520px}.modal-lg{width:100%;max-width:650px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #E5E7EB}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease}.modal-close-btn:hover{background:#f3f4f6;color:var(--color-text)}.modal-close-btn:focus{outline:none;box-shadow:0 0 0 2px #0d948833}.modal-content{padding:1.25rem}.user-form-modal{display:flex;flex-direction:column;gap:1.25rem}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section-title{font-size:.8rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.025em;margin:0;padding-bottom:.5rem;border-bottom:1px solid #E5E7EB}.form-row{display:flex;gap:.75rem;flex-wrap:wrap}.form-row>*{flex:1;min-width:140px}.field-id-number{flex:0 0 140px;min-width:140px}.field-phone{flex:0 0 150px;min-width:150px}.field-user-type{flex:0 0 180px;min-width:180px}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-field label{font-size:.85rem;font-weight:500;color:var(--color-text)}.form-field input,.form-field select{height:42px;padding:0 .875rem;border:1px solid #D1D5DB;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);background:#fff;transition:all .15s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948826}.form-field input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-field input::placeholder{color:#9ca3af}.form-field .field-error{font-size:.8rem;color:#dc2626}.modal-form-actions{display:flex;gap:.75rem;justify-content:flex-start;padding-top:1rem;border-top:1px solid #E5E7EB;margin-top:.5rem}.modal-form-actions button{min-width:100px}.modal-error{background-color:#fef2f2;border:1px solid #FECACA;color:#b91c1c;padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.85rem}@media(max-width:640px){.modal-container{margin:0;max-height:100vh;border-radius:0}.modal-backdrop{padding:0}.form-row{flex-direction:column}.form-row>*{flex:1 1 100%;min-width:100%}.field-id-number,.field-phone,.field-user-type{flex:1 1 100%;min-width:100%}}.areas-page{display:flex;flex-direction:column;gap:1.5rem}.areas-tabs{display:flex;gap:.5rem;border-bottom:2px solid #E5E7EB;padding-bottom:0}.tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s ease;border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn:hover{color:var(--color-primary);background:#0d94880d}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#0d948814}.tab-content{margin-top:1rem}.tab-panel{display:flex;flex-direction:column;gap:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.panel-title{font-size:1rem;font-weight:600;color:var(--color-text)}.facilities-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.facilities-table th,.facilities-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid #E5E7EB}.facilities-table th{background-color:#f9fafb;font-weight:600;color:var(--color-text);white-space:nowrap}.facilities-table tbody tr:hover{background-color:#f9fafb}.facilities-table tbody tr:last-child td{border-bottom:none}.cities-list{display:flex;flex-direction:column;gap:.75rem}.city-accordion-item{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid #E5E7EB}.city-accordion-item.inactive{opacity:.7;background:#f9fafb}.city-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid transparent}.city-header:hover{background:#0d94880a}.city-accordion-item.expanded .city-header{border-bottom-color:#e5e7eb}.expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0d94881a;color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.expand-btn:hover{background:var(--color-primary);color:#fff}.expand-btn .chevron{transition:transform .2s ease}.city-accordion-item.expanded .expand-btn .chevron{transform:rotate(90deg)}.city-info{flex:1;display:flex;align-items:center;gap:.75rem}.city-name{font-weight:600;color:var(--color-text);font-size:.95rem}.neighborhoods-count{font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:.2rem .5rem;border-radius:var(--radius-sm)}.city-header-main{flex:1;display:flex;align-items:center;gap:.75rem}.city-actions{display:flex;gap:.5rem;align-items:center;margin-right:auto}.city-actions .action-btn,.neighborhood-actions .action-btn{padding:.35rem .65rem;font-size:.75rem;border-radius:var(--radius-sm);font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:all .15s ease}.action-btn-add{background:transparent;border:1px dashed var(--color-primary)!important;color:var(--color-primary)}.action-btn-add:hover{background:#0d948814;border-style:solid!important}.neighborhoods-container{background:#fafafa;overflow:hidden;max-height:0;padding:0 1rem;transition:all .2s ease}.neighborhoods-container.expanded{padding:.75rem 1rem 1rem;max-height:1000px;overflow-y:auto}.neighborhoods-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed #D1D5DB}.neighborhoods-title{font-size:.85rem;font-weight:500;color:#6b7280}.neighborhoods-list{display:flex;flex-direction:column;gap:0;margin-right:.5rem}.neighborhood-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:var(--radius-md);margin-bottom:.5rem;border:1px solid #E5E7EB;transition:all .15s ease}.neighborhood-row:hover{border-color:var(--color-primary-light);box-shadow:0 2px 4px #0d948814}.neighborhood-row.inactive{opacity:.6;background:#f3f4f6}.neighborhood-row:last-child{margin-bottom:0}.tree-connector{display:flex;align-items:center;width:24px;height:100%;position:relative;flex-shrink:0}.connector-line{width:12px;height:2px;background:var(--color-primary-light);margin-right:4px}.neighborhood-content,.neighborhood-info{flex:1;display:flex;align-items:center;gap:.5rem}.neighborhood-name{font-size:.9rem;color:var(--color-text);font-weight:500}.badge-sm{padding:.15rem .4rem;font-size:.7rem}.neighborhood-actions{display:flex;gap:.375rem}.area-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;padding:0}.area-action-btn.edit{background:#0d94881a;color:var(--color-primary)}.area-action-btn.edit:hover{background:var(--color-primary);color:#fff}.area-action-btn.delete{background:#ef44441a;color:#dc2626}.area-action-btn.delete:hover{background:#ef4444;color:#fff}.area-action-btn.toggle-active{background:#10b9811a;color:#059669}.area-action-btn.toggle-active:hover{background:#10b981;color:#fff}.area-action-btn.toggle-inactive{background:#6b72801a;color:#6b7280}.area-action-btn.toggle-inactive:hover{background:#6b7280;color:#fff}.add-neighborhood-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px dashed var(--color-primary);background:transparent;color:var(--color-primary);font-size:.8rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.add-neighborhood-btn:hover{background:#0d948814;border-style:solid}.neighborhoods-empty,.facilities-empty,.cities-empty{text-align:center;padding:2rem;color:#6b7280;font-size:.9rem}.neighborhoods-empty{padding:1rem;font-size:.85rem}.area-form-modal{display:flex;flex-direction:column;gap:1rem}.area-form-modal .form-section{display:flex;flex-direction:column;gap:.875rem}.disabled-input{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important}.confirm-delete-content{text-align:center;padding:.5rem 0}.confirm-delete-content p{margin-bottom:.75rem;color:var(--color-text)}.confirm-delete-content .warning-text{font-size:.85rem;color:#dc2626;background:#fef2f2;padding:.75rem;border-radius:var(--radius-md);margin-top:.5rem}.confirm-delete-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}@media(max-width:768px){.areas-tabs{flex-wrap:wrap}.tab-btn{flex:1;text-align:center;padding:.625rem 1rem}.city-header{flex-wrap:wrap}.city-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.75rem}.facilities-table{font-size:.85rem}.facilities-table th,.facilities-table td{padding:.625rem .75rem}}.patients-page{display:flex;flex-direction:column;gap:1.5rem}.patients-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-checkbox{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text);cursor:pointer}.filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.accordion-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-table th,.accordion-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid #E5E7EB}.accordion-table th{background-color:#f9fafb;font-weight:600;color:var(--color-text);white-space:nowrap}.accordion-table tbody tr.clickable-row{cursor:pointer;transition:background-color .15s ease}.accordion-table tbody tr.clickable-row:hover{background-color:#0d94880a}.accordion-table tbody tr.expanded-row{background-color:#0d94880f}.expand-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0d94881a;color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.expand-toggle:hover{background:var(--color-primary);color:#fff}.expand-toggle .chevron{transition:transform .2s ease}.expand-toggle.expanded .chevron{transform:rotate(90deg)}.cell-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:.85rem}.expanded-details-row td{padding:0;background-color:#fafafa;border-bottom:2px solid var(--color-primary-light)}.expanded-details-content{padding:1.25rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.patient-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.details-section{background:#fff;border-radius:var(--radius-md);padding:1rem;border:1px solid #E5E7EB}.details-section-title{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;gap:.5rem}.details-section-title svg{flex-shrink:0}.details-item{display:flex;justify-content:space-between;padding:.375rem 0;border-bottom:1px dashed #F3F4F6}.details-item:last-child{border-bottom:none}.details-label{font-size:.85rem;color:#6b7280}.details-value{font-size:.85rem;font-weight:500;color:var(--color-text)}.details-list{display:flex;flex-direction:column;gap:.5rem}.details-list-item{padding:.5rem;background:#f9fafb;border-radius:var(--radius-sm);border:1px solid #E5E7EB}.details-list-item.primary{border-color:var(--color-primary-light);background:#0d94880d}.details-list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.details-list-item-title{font-weight:500;font-size:.85rem;color:var(--color-text)}.details-list-item-subtitle{font-size:.8rem;color:#6b7280}.patient-expanded-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #E5E7EB;justify-content:flex-end}.bool-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;padding:.15rem .4rem;border-radius:var(--radius-sm)}.bool-indicator.yes{background:#d1fae5;color:#065f46}.bool-indicator.no{background:#f3f4f6;color:#6b7280}.badge-deceased{background-color:#e5e7eb;color:#374151}.patient-row{cursor:pointer;transition:background-color .15s ease}.patient-row:hover{background-color:#0d94880a}.patient-row.expanded{background-color:#0d948814}.expand-cell{width:30px;text-align:center}.expand-icon{display:inline-block;font-size:.7rem;color:var(--color-primary);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.patient-expanded-panel{padding:1.5rem;background:#fafafa;border-radius:var(--radius-md);margin:.5rem 0}.patient-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.25rem}.patient-detail-section{background:#fff;border-radius:var(--radius-md);padding:1rem;border:1px solid #E5E7EB}.patient-detail-section.full-width{grid-column:1 / -1}.patient-detail-section .section-title{font-size:.9rem;font-weight:600;color:var(--color-primary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #E5E7EB}.detail-rows{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.detail-label{color:#6b7280;min-width:fit-content}.detail-value{color:var(--color-text);font-weight:500}.warning-text{color:#dc2626;font-weight:500}.characteristics-row{flex-wrap:wrap;gap:.5rem}.characteristic-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.characteristic-badge.active{background:#d1fae5;color:#065f46}.characteristic-badge.inactive{background:#f3f4f6;color:#6b7280}.addresses-list{display:flex;flex-direction:column;gap:.5rem}.address-item{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.625rem .875rem;background:#f9fafb;border-radius:var(--radius-sm);border:1px solid #E5E7EB;font-size:.85rem}.address-item.default{border-color:var(--color-primary-light);background:#0d94880d}.address-item.residence{border-color:var(--color-primary);background:#0d948814;border-width:2px}.address-name{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.default-badge{font-size:.7rem;padding:.125rem .375rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:500}.address-location{color:var(--color-primary)}.address-exact{color:#6b7280}.contacts-list{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.625rem .875rem;background:#f9fafb;border-radius:var(--radius-sm);border:1px solid #E5E7EB;font-size:.85rem}.contact-item.primary{border-color:var(--color-primary-light);background:#0d94880d}.contact-name{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.primary-badge{font-size:.7rem;padding:.125rem .375rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:500}.contact-relation{color:#6b7280}.contact-phone{color:var(--color-text);font-weight:500;direction:ltr}.whatsapp-badge{font-size:.7rem;padding:.125rem .375rem;background:#25d366;color:#fff;border-radius:var(--radius-sm);font-weight:500}.notes-content{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap}.expanded-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #E5E7EB;margin-top:.5rem}.action-btn-edit{background:#0d94881a;color:var(--color-primary)}.action-btn-edit:hover{background:var(--color-primary);color:#fff}.action-btn-ride{background:#3b82f61a;color:#3b82f6}.action-btn-ride:hover{background:#3b82f6;color:#fff}.action-btn-deactivate{background:#ef44441a;color:#dc2626}.action-btn-deactivate:hover{background:#ef4444;color:#fff}.action-btn-activate{background:#22c55e1a;color:#16a34a}.action-btn-activate:hover{background:#22c55e;color:#fff}@media(max-width:768px){.patient-details-grid{grid-template-columns:1fr}.patient-expanded-panel{padding:1rem}.address-item,.contact-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.patient-form-page{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.patient-form{display:flex;flex-direction:column;gap:1.5rem}.form-section-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid #E5E7EB}.form-section-header{padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between}.form-section-header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:.5rem}.form-section-body{padding:1.25rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.form-grid-3,.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.form-field textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #D1D5DB;border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;color:var(--color-text);resize:vertical;transition:all .15s ease}.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948826}.checkbox-field{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-field label{font-size:.9rem;color:var(--color-text);cursor:pointer}.checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.sub-table-container{margin-top:.5rem}.sub-table{width:100%;border-collapse:collapse;font-size:.875rem;border:1px solid #E5E7EB;border-radius:var(--radius-md);overflow:hidden}.sub-table th,.sub-table td{padding:.625rem .75rem;text-align:right;border-bottom:1px solid #E5E7EB}.sub-table th{background-color:#f9fafb;font-weight:600;color:var(--color-text);font-size:.8rem}.sub-table tbody tr:last-child td{border-bottom:none}.sub-table tbody tr:hover{background-color:#f9fafb}.sub-table input,.sub-table select{width:100%;height:36px;padding:0 .5rem;border:1px solid #D1D5DB;border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text);background:#fff}.sub-table input:focus,.sub-table select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0d948826}.sub-table-actions{display:flex;gap:.375rem;justify-content:center}.sub-table-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;padding:0}.sub-table-btn.primary{background:#0d94881a;color:var(--color-primary)}.sub-table-btn.primary:hover,.sub-table-btn.primary.active{background:var(--color-primary);color:#fff}.sub-table-btn.delete{background:#ef44441a;color:#dc2626}.sub-table-btn.delete:hover{background:#ef4444;color:#fff}.add-row-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px dashed var(--color-primary);background:transparent;color:var(--color-primary);font-size:.85rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;margin-top:.75rem}.add-row-btn:hover{background:#0d948814;border-style:solid}.form-page-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #E5E7EB}.expanded-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--color-primary)}.expanded-loading .loading-spinner{width:2rem;height:2rem;border-width:3px}.field-id-number-patient{max-width:160px}.field-birth-year{max-width:120px}.field-email-patient{max-width:250px}.field-phone-patient{max-width:150px}@media(max-width:768px){.patient-form-page{max-width:100%}.form-section-body{padding:1rem}.sub-table{font-size:.8rem}.sub-table th,.sub-table td{padding:.5rem}}.patient-status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:#10b981}.status-dot.inactive{background:#ef4444}.status-dot.deceased{background:#6b7280}.info-text{font-size:.8rem;color:#6b7280;font-style:italic}.sub-table-empty{text-align:center;padding:1rem;color:#6b7280;font-size:.85rem;background:#f9fafb}.patient-form .form-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;overflow:hidden;margin-bottom:1.5rem}.patient-form .form-section>.p-6{padding:0}.form-section-title{font-size:1rem;font-weight:600;color:var(--color-text);padding:.875rem 1.25rem;margin:0;background:#f9fafb;border-bottom:1px solid #E5E7EB}.section-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #E5E7EB}.section-header .form-section-title{padding:0;background:transparent;border:none}.patient-form .form-grid{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem}.patient-form .form-field{display:flex;flex-direction:column}.input-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:.375rem}.input-field{width:100%;height:42px;padding:0 .875rem;border:1px solid #D1D5DB;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);background:#fff;transition:all .15s ease}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948826}.input-field:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.input-field.error{border-color:#dc2626}.input-field.error:focus{box-shadow:0 0 0 3px #dc262626}.textarea-field{min-height:100px;padding:.75rem;resize:vertical;height:auto}.checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.25rem 1.25rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-item span{font-size:.9rem;color:var(--color-text)}.subtable-container{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.subtable-row{display:flex;gap:.75rem;align-items:flex-end;padding:.875rem;background:#f9fafb;border-radius:var(--radius-md);border:1px solid #E5E7EB;flex-wrap:wrap}.subtable-row .form-field{min-width:0}.subtable-checkbox{display:flex;align-items:center;gap:.375rem;white-space:nowrap;padding-bottom:.625rem}.toggle-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(-20px)}.toggle-label{font-size:.9rem;color:var(--color-text);font-weight:500}.residence-label{display:flex;align-items:center;font-weight:500;color:var(--color-primary);font-size:.9rem;height:40px}.remove-btn{width:36px;height:36px;border:none;background:#ef44441a;color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-bottom:.25rem}.remove-btn:hover{background:#ef4444;color:#fff}.empty-subtitle{color:#6b7280;font-size:.9rem;padding:1.5rem 1.25rem;text-align:center;margin:0}.error-message{display:flex;align-items:center;justify-content:space-between;background-color:#fef2f2;border:1px solid #FECACA;color:#b91c1c;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:1rem}.error-close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;margin-right:.5rem;opacity:.7;line-height:1}.error-close:hover{opacity:1}.form-actions{display:flex;gap:1rem;padding-top:1rem}.field-error{font-size:.8rem;color:#dc2626;margin-top:.25rem}.field-width-xs{flex:0 0 80px!important;max-width:80px}.field-width-sm{flex:0 0 100px!important;max-width:100px}.field-width-md{flex:0 0 150px!important;max-width:150px}.field-width-lg{flex:0 0 200px!important;max-width:200px}.field-width-xl{flex:0 0 250px!important;max-width:250px}.field-width-auto{flex:1!important;min-width:150px}@media(max-width:768px){.subtable-row{flex-direction:column;align-items:stretch}.subtable-row .form-field{flex:1 1 100%!important;max-width:100%}.subtable-checkbox{padding:.5rem 0}.remove-btn{align-self:flex-end}.checkbox-group{flex-direction:column;gap:.75rem}}