.loading-spinner__container{display:flex;justify-content:center;align-items:center;padding:5px}.loading-spinner__spinner{border:5px solid rgba(0,0,0,.1);border-top:5px solid var(--primary-bg-color);border-radius:50%;width:50px;height:50px;animation:loading-spinner-spin 1s linear infinite}@keyframes loading-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:0;min-width:0;background:#fff;transition:width .38s cubic-bezier(.16,1,.3,1),min-width .38s cubic-bezier(.16,1,.3,1);z-index:1000;display:flex;flex-direction:column;overflow:visible;border-right:1px solid #d1dae6;position:sticky;top:0;height:100vh;flex-shrink:0;box-shadow:2px 0 10px #1b68b314}.sidebar--open{width:240px;min-width:240px}.sidebar--open:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7dc63f,#4caf1e,#1b68b3,#7dc63f);background-size:200% 100%;animation:shimmer 3.5s linear infinite;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar__header{padding:0;border-bottom:1px solid #dde4ef;width:100%;flex-shrink:0;box-sizing:border-box;overflow:hidden}.sidebar__brand{display:flex;align-items:center;justify-content:center;padding:16px 20px 12px;border-bottom:1px solid #e8edf5;background:#fff}.sidebar__brand-logo{width:auto;object-fit:contain;max-width:180px}.sidebar__profile-card{display:flex;align-items:center;gap:10px;margin:12px;padding:10px 12px;width:calc(100% - 24px);box-sizing:border-box;overflow:hidden}.sidebar__profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--emssanar-green) 0%,var(--emssanar-blue) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.02em;box-shadow:0 2px 8px #7dc63f59;flex-shrink:0;transition:box-shadow .3s ease,transform .2s ease}.sidebar__profile-card:hover .sidebar__profile-avatar{box-shadow:0 4px 14px #7dc63f80;transform:scale(1.05)}.sidebar__profile-info{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.sidebar__profile-name{font-size:13px;font-weight:700;color:#1a2e4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar__profile-email{font-size:10.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-weight:500}.sidebar__edge-toggle-btn{position:absolute;top:72px;right:-13px;z-index:1010;width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid #c6d8ee;color:#1b68b3;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1b68b326;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.sidebar__edge-toggle-btn:hover{background:#7dc63f;color:#fff;border-color:#7dc63f;box-shadow:0 4px 14px #7dc63f73;transform:scale(1.15)}.sidebar__toggle-floating-btn{position:fixed;top:14px;left:14px;z-index:999;width:44px;height:44px;border-radius:12px;background:#fff;border:1.5px solid #c6d8ee;color:#1b68b3;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1b68b326;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}.sidebar__toggle-floating-btn:hover{background:#1b68b3;color:#fff;border-color:#1b68b3;box-shadow:0 6px 18px #1b68b359;transform:translateY(-2px)}.sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;min-height:0}.sidebar__content::-webkit-scrollbar{width:4px}.sidebar__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sidebar__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar__menu-items-list{list-style:none;padding:0;margin:0;width:100%}.sidebar__menu-item{list-style:none;margin-bottom:2px;width:100%}.sidebar__menu-item a{text-decoration:none;display:block;width:100%}.sidebar__menu-title{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#334155;cursor:pointer;transition:background .18s ease,color .18s ease;min-height:42px;box-sizing:border-box;white-space:nowrap;width:100%;overflow:hidden;font-weight:500}.sidebar__menu-title--active{color:#1b68b3!important;font-weight:700}.sidebar__menu-title-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden;white-space:nowrap}.sidebar__menu-title:hover{background:var(--emssanar-green-light);color:#4a8a1e}.sidebar__menu-title:hover svg[fill="#1B68B3"],.sidebar__menu-title:hover svg [fill="#1B68B3"]{fill:var(--emssanar-blue)!important}.sidebar__menu-title:hover svg[stroke="#1B68B3"],.sidebar__menu-title:hover svg [stroke="#1B68B3"]{stroke:var(--emssanar-blue)!important}.sidebar__menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}.sidebar__menu-title:hover .sidebar__menu-icon{transform:scale(1.1)}.sidebar__menu-text{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar__menu-item.parent-item>.sidebar__menu-title.has-children{color:var(--emssanar-green);font-size:9.5px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;padding:16px 12px 5px;cursor:default;min-height:unset;background:transparent!important}.sidebar__menu-item.parent-item>.sidebar__menu-title.has-children:hover{background:transparent;color:var(--emssanar-green)}.toggle-icon{display:flex;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1);color:#94a3b8;flex-shrink:0}.toggle-icon.open{transform:rotate(180deg);color:var(--emssanar-green)}.sidebar__menu-item.child-item.active>a .sidebar__menu-title{background:linear-gradient(90deg,#dbeeff,#f0f7ff);color:#1b68b3!important;border-left:3px solid var(--emssanar-green);padding-left:9px;font-weight:700}.sidebar__submenu{list-style:none;padding:3px 0 5px 8px;display:none;margin:2px 0 2px 8px;border-left:2px solid var(--emssanar-green);width:calc(100% - 8px);box-sizing:border-box}.sidebar__submenu.open{display:block;animation:slideDown .22s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar__submenu .sidebar__menu-item{margin-bottom:1px}.sidebar__submenu .sidebar__menu-title{padding:8px 12px;font-size:13px;min-height:38px}.sidebar__footer{padding:12px 10px;border-top:1px solid #dde4ef;width:100%;flex-shrink:0;box-sizing:border-box;overflow:hidden;background:#f8fafc}.sidebar__logout{display:flex;align-items:center;gap:10px;color:#64748b;cursor:pointer;font-size:13px;padding:10px 14px;border-radius:10px;transition:background .22s ease,color .22s ease;font-weight:600;box-sizing:border-box;white-space:nowrap;width:100%}.sidebar__logout:hover{background:#fee2e2;color:#dc2626}.sidebar__logout:hover svg,.sidebar__logout:hover svg *{stroke:#dc2626!important}.sidebar__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2001;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;z-index:2002;width:272px!important;min-width:272px!important;transform:translate(-100%);transition:transform .38s cubic-bezier(.16,1,.3,1);box-shadow:24px 0 60px #0000002e}.sidebar--open{transform:translate(0)}.sidebar__overlay{display:block}.sidebar__edge-toggle-btn{display:none}}.layout-admin{margin-top:0;min-height:100vh;display:flex;width:100%;overflow:hidden}.layout-root{flex:1;min-width:0;display:flex;flex-direction:column;overflow-x:hidden}.layout-admin__content{flex:1;padding:2rem 1.75rem;overflow-x:hidden;overflow-y:auto;background:#f0f2f5}@media (max-width: 1024px){.layout-admin__content{padding:1.5rem 1.25rem}}@media (max-width: 768px){.layout-admin__content{padding:1rem .875rem}}@media (max-width: 480px){.layout-admin__content{padding:.75rem .625rem}}*{font-family:Raleway,Helvetica,Arial,sans-serif!important;box-sizing:border-box;padding:0%;margin:0%}html,body,#root{max-width:100vw;overflow-x:hidden}:root{--emssanar-green: #14b8a6;--emssanar-green-dark: #0d9488;--emssanar-green-light: #ccfbf1;--emssanar-blue: #6366f1;--emssanar-blue-dark: #4f46e5;--emssanar-blue-light: #e0e7ff;--primary-bg-color: #6366f1;--secondary-bg-color: #14b8a6;--primary-button-color: #6366f1;--secondary-button-color: #14b8a6;--message-error-color: #dc2626;--surface-color: #ffffff;--text-primary: #1a2e4a;--text-secondary: #64748b;--border-color: #dde4ef;--success-color: #16a34a;--warning-color: #f97316;--error-color: #dc2626;--font-family: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--border-radius: .75rem}@media (max-width: 768px){input,textarea,select{font-size:16px!important;max-width:100%}}