.styles_container__VuIAM{margin:0 auto;padding:20px;background-color:white;border-radius:var(--base-border-radius);box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:800px}.styles_title__5I3nm{text-align:center;font-size:2rem;color:#1a202c;margin-bottom:1.5rem}.styles_section__oy3_s{margin-bottom:2rem}.styles_sectionTitle__y__lI{font-size:1.5rem;color:#2d3748;border-bottom:2px solid #3182ce;padding-bottom:.5rem;margin-top:1.5rem}.styles_story__sI3hp{margin-bottom:1.5rem}.styles_storyTitle__XwMNB{font-size:1.25rem;color:#2d3748;margin-top:1rem}.styles_list__Nr9wo{list-style-type:disc;padding-left:1.5rem;margin:.5rem 0}.styles_list__Nr9wo li{margin-bottom:.25rem;color:#4a5568}.styles_example__QUqtC{background-color:#f7fafc;padding:1rem;border-left:4px solid #3182ce;margin:.5rem 0;border-radius:var(--base-border-radius)}.styles_example__QUqtC p{margin:0;color:#4a5568}.styles_divider__AGlAk{border:0;border-top:1px solid #e2e8f0;margin:1.5rem 0}.styles_notes__r3fpa{background-color:#ebf8ff;padding:1rem;border-radius:var(--base-border-radius);margin-top:2rem}.styles_notes__r3fpa p{color:#4a5568}.dashboard{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--secondary);transition:width .3s ease;height:100vh;transition:all .5s ease;position:fixed;z-index:1000}.sidebar,.sidebar .brand-name{color:#fff}.sidebar .close-mobile{display:none}.sidebar .logo{display:flex;align-items:center;gap:1rem;width:100%;height:var(--header-height);text-wrap:nowrap;background-color:var(--secondary-dark)}.sidebar .logo img{width:52px}.sidebar .logo{padding:0 1rem}.sidebar .sidebar-nav{height:calc(100vh - var(--header-height));overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem}.sidebar .sidebar-nav .menu-item{display:flex;align-items:center;gap:.5rem;padding:10px;border-radius:var(--base-border-radius);cursor:pointer;transition:background-color .4s ease}.sidebar .sidebar-nav .menu-item span{font-size:14px;text-wrap:nowrap}.sidebar .sidebar-nav .menu-item:first-child{margin-top:1rem}.sidebar .sidebar-nav .menu-item:hover{background-color:var(--primary-dark)}.sidebar .sidebar-nav .menu-item.active{background-color:var(--primary)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .brand-name{display:none}.sidebar.collapsed .logo img{width:42px}.sidebar.collapsed .padding{padding:0}.sidebar.collapsed .sidebar-nav .menu-item{position:relative}.sidebar.collapsed .sidebar-nav .menu-item span{display:none}.main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)!important;transition:all .5s ease}main{flex:1 1;margin-left:var(--sidebar-width)!important;transition:all .5s ease}main header{width:100%;background-color:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;height:var(--header-height);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}main header .mobile-menu{display:none}main header .sidebar-toggle{height:32px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);border-radius:var(--base-border-radius)}main header .header-actions{display:flex;align-items:center;justify-content:end;gap:1rem;flex:1 1}main header .header-actions .header-trigger{cursor:pointer;display:flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:var(--base-border-radius);border:1px solid var(--border)}main header .header-popup{position:relative}main header .header-popup .header-content{position:absolute;top:calc(100% + .5rem);right:0;width:300px;padding:1rem;background-color:#fff;border-radius:var(--base-border-radius);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;border:1px solid var(--border);display:flex;flex-direction:column}main header .header-popup .header-content .dropdown__item{padding:.7rem;width:100%;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .3s ease}main header .header-popup .header-content .dropdown__item:not(:first-child):hover{color:var(--primary)}main header .header-popup .header-content .card{width:100%}main .content{padding:1rem;background-color:var(--background);height:calc(100vh - var(--header-height))}@media screen and (max-width:768px){.sidebar{transform:translateX(-100%);position:fixed}.main{width:100vh;flex:unset}.main .sidebar-toggle{display:none}.main .mobile-menu{display:block;height:48px;width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);border-radius:var(--base-border-radius)}.mobile-open{transform:translateX(0);width:70vw}.close-menu,.mobile-open{display:block}}.loading-icon{animation:spin 1s linear infinite}.fade-in-fade-out{animation:fadeInFadeOut 1s ease-in-out}input,select,textarea{resize:none;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--base-border-radius);background-color:rgba(0,0,0,0);color:var(--text-color);font-size:inherit;width:100%;outline:none;font-family:inherit}input::placeholder,select::placeholder,textarea::placeholder{font-family:inherit;font-weight:inherit;font-size:inherit}.search-input{position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--base-border-radius)}.search-input input{border:none}.search-input .icon{position:absolute;right:1rem;color:var(--gray-color);background-color:var(--background)}.search-input .search-icon{background-color:rgba(0,0,0,0)}.check-box{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form,form{flex-direction:column;width:100%}.form,.half,form{display:flex;gap:1rem}.half{align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #f1f1f1;padding:.6rem 1rem;border-radius:var(--base-border-radius)}.half select{border:rgba(0,0,0,0);background:rgba(0,0,0,0);padding:0}.half .form-group{position:relative}.half .form-group .filter-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);left:20px}.dropdown{position:relative;width:100%;font-family:Arial,sans-serif}.dropdown .header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:var(--shade);border:1px solid var(--border);border-radius:var(--base-border-radius);cursor:pointer;transition:background-color .2s ease}.dropdown .header:hover{--shade:#f5f5f5;background-color:var(--shade)}.dropdown .header span{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown .icon{width:20px;height:20px;transition:transform .3s ease}.dropdown.show .icon{transform:rotate(180deg)}.dropdown.show .content{display:block}.dropdown .loading-icon{width:20px;height:20px;animation:spin 1s linear infinite}.dropdown .content{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--background);border:1px solid var(--border);border-radius:var(--base-border-radius);box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:1000}.dropdown .content .dropdown-item{padding:10px 15px;font-size:14px;color:var(--text-color);cursor:pointer;transition:background-color .2s ease}.dropdown .content .dropdown-item:hover{background-color:var(--shade)}.dropdown .content::-webkit-scrollbar{width:8px}.dropdown .content::-webkit-scrollbar-track{background:#f1f1f1}.dropdown .content::-webkit-scrollbar-thumb{background:#888;border-radius:var(--base-border-radius)}.dropdown .content::-webkit-scrollbar-thumb:hover{background:#555}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--base-border-radius);padding:1rem;transition:background-color .2s ease;display:flex;flex-direction:column;gap:1rem}.popup{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:rgba(0,0,0,.4196078431)}.popup .popup-content{background-color:#fff;max-width:650px;width:100%;height:80vh;overflow:auto;padding:2rem 2rem 1rem;position:relative;animation:openPopup .3s forwards;border-left:1px solid #eaeaea;border-radius:var(--base-border-radius)}.popup .popup-content .close{animation:closePopup .3s forwards}.popup .popup-content .close-popup{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border:1px solid gray;border-radius:50%;cursor:pointer;position:absolute;top:1rem;right:1rem;z-index:999}.popup .popup-content .close-popup i{font-size:32px}@keyframes openPopup{0%{transform:translateX(700px)}to{transform:translateX(0)}}@keyframes closePopup{0%{transform:translateX(0)}to{transform:translateX(700px)}}.has-header .popup-content{padding-top:0}.has-header .forms-header{padding-top:2rem}#complaint-form{padding-block:1rem}#complaint-form .complaint-form-header{display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;background-color:#fff;top:0;z-index:9999;padding:1rem}#complaint-form .close-popup{position:static}.mark-resolved-popup .popup-content{display:flex;flex-direction:column;gap:20px;height:-moz-fit-content;height:fit-content}.mark-resolved-popup .popup-content .buttons{justify-content:flex-end}.review-popup .popup-content{height:400px}.message{padding:.5rem;border-radius:var(--base-border-radius)}.error{background-color:#f8d7da;color:#721c24}.success{background-color:#d4edda;color:#155724}.input__wrapper{position:relative;display:inline-block}.input__field{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--base-border-radius);transition:all var(--transition-speed) ease;background-color:var(--background);color:var(--foreground)}.input__field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(21,101,192,.1)}.input__icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--foreground);opacity:.5}.input__icon--left{left:.75rem}.input__icon--left+.input__field{padding-left:2.5rem}.input__icon--right{right:.75rem}.input__icon--right+.input__field{padding-right:2.5rem}.filters{display:flex;align-items:center;gap:1rem;justify-content:space-between}.list-of-users{display:flex;flex-direction:column}.list-of-users h3{font-size:18px;font-weight:500}.list-of-users p{font-size:14px;color:#a5a3a9}.user-name{font-size:14px}.no-content{text-align:center;padding:20px;color:#666}.no-content h3{font-size:1.5rem;margin-bottom:10px}.no-content p{font-size:1rem}.user-card{display:flex;align-items:center;gap:.5rem}.user-card .profile{width:42x}.user-card .placeholder,.user-card .profile{height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-card .placeholder{width:42px;border:1px solid var(--secondary-light);font-size:1rem}.side-popup{position:absolute;top:100%;right:0}.side-popup .popup-content{flex-direction:column;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);width:400px;gap:1rem;background-color:var(--background)}.side-popup .popup-content,.tabs{display:flex;border-radius:var(--base-border-radius)}.tabs{gap:16px;background-color:#fff;padding:20px}.tabs,.tabs .tab{align-items:center}.tabs .tab{display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease-in-out;text-wrap:nowrap;cursor:pointer;color:#a5a3a9}.tabs>:first-child{padding-left:0}.tabs .active{background-color:#f3f8ff;color:#145c9e;border-radius:12px;padding:14px}.profile-tab{border-bottom:1px solid var(--border);background-color:rgba(0,0,0,0);border-radius:0;padding:12px 18px}.actions-dropdown{position:relative;cursor:pointer}.actions-dropdown .header{background-color:var(--primary);display:flex;align-items:center;gap:1rem;color:#fff;border-radius:var(--base-border-radius);justify-content:space-between;padding:.75rem .2rem .75rem 1rem;position:relative;z-index:11}.actions-dropdown .actions-list{display:none;position:absolute;z-index:10;background-color:var(--background);border:1px solid var(--border);border-radius:var(--base-border-radius);box-shadow:0 2px 8px rgba(0,0,0,.1);top:100%;width:260px;right:0;animation:slideDown .5s ease}.actions-dropdown .actions-list .profile-action{padding:.8rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.actions-dropdown .actions-list .action{cursor:pointer;padding:.5rem 1rem;border-radius:0;display:flex;align-items:center;gap:5px}.actions-dropdown .icon{transition:all .3s linear}.actions-dropdown.show .actions-list{display:block}.actions-dropdown.show .icon{transform:rotate(90deg)}.pagination-controls{display:flex;justify-content:right}.pagination-controls .pagination-button{color:#a5a3a9;background-color:rgba(0,0,0,0);border:1px solid #f1f1f1;border-radius:0}.pagination-controls .active{background-color:#145c9e;color:#fff}.sort-controls{position:relative}.sort-controls .sort-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #f5f5f7;cursor:pointer;font-size:14px;color:#a5a3a9;outline:none}.sort-controls .select-btn,.sort-controls .sort-btn{border-radius:var(--base-border-radius);background-color:#fff}.sort-controls .select-btn{position:absolute;top:100%;left:0;right:0;margin-top:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:10}.select-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5}.sort-select{background:rgba(0,0,0,0);border:rgba(0,0,0,0);color:#a5a3a9;font-weight:600}.sort-direction{padding:6px 10px;border-radius:var(--base-border-radius);border:1px solid #ccc;background:#f5f5f5;cursor:pointer;font-weight:700}.sort-direction:hover{background:#e0e0e0}#FormChoicesPopup{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.339);z-index:8}#FormChoicesPopup .content{position:absolute;top:80px;right:calc(10vw + 6px);background-color:#fff;z-index:10;max-width:550px;border-radius:var(--base-border-radius);padding:24px;color:gray}#FormChoicesPopup .choices{display:flex;flex-wrap:wrap;gap:12px;height:-moz-fit-content;height:fit-content}#FormChoicesPopup .choices .choice{flex:1 1 200px;max-width:250px;background-color:#f5f5f5;padding:12px;border-radius:var(--base-border-radius);display:flex;align-items:center;gap:12px;text-wrap:wrap;text-align:start;cursor:pointer}#FormChoicesPopup .choices .choice:hover{background-color:#fff1eb;border:1px solid #f87c47;color:#f87c47}#FormChoicesPopup .choices .choice .icon{display:flex;align-items:center;gap:3px;font-size:18px}#FormChoicesPopup .choices .choice .text{font-size:14px;font-weight:600}.form-complete-message{border-radius:var(--base-border-radius);width:80%;margin:auto;display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center}.form-complete-message button{width:100%}.form-complete-message .message-container{background-color:#f7f7f7;padding:48px;margin:auto;display:grid;height:-moz-fit-content;height:fit-content;grid-gap:24px;gap:24px;border-radius:var(--base-border-radius);text-align:center;justify-items:center}.form-complete-message .message-container .icon{background-color:#f87c47;height:100px;width:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.form-complete-message .message-container .message{color:#898989}.facility-card{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-light);padding:1rem;border-radius:.8rem;border:1px solid var(--border);border-radius:var(--base-border-radius);color:gray}.facility-card .facility{color:gray}@media(max-width:768px){.btn span,button span{display:none}.sticky-button{position:fixed;bottom:20px;right:20px;z-index:1000;max-height:52px;width:52px}.popup .popup-content{width:100%;max-width:100%;padding:1rem}.side-popup{position:fixed;background-color:rgba(0,0,0,.34);display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0}.side-popup .popup-content{background-color:var(--background);width:100%;max-width:90%;padding:1rem;box-shadow:none}.tabs{max-width:70vw;overflow-x:auto}}