.dashboard-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-color);color:var(--text-primary);overflow:hidden}.sidebar{width:270px;background-color:#fff;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem 0;flex-shrink:0;z-index:10}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;margin-bottom:1rem}.sidebar-logo{width:225px;height:100px;object-fit:contain}.emergency-btn{background-color:#ba1a1a;color:#fff;border:none;padding:.875rem 1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:600;font-size:.8rem;cursor:pointer;margin:0 1.5rem 2rem;transition:background-color .2s}.emergency-btn:hover{background-color:#931515}.sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.primary-nav{flex:1;padding-right:10px}.secondary-nav{margin-top:auto;padding-top:1rem}.nav-item{display:flex;align-items:center;margin-left:1rem;padding:.875rem 1.25rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-radius:2px 0 0 2px;border-right:2px solid transparent}.nav-icon{margin-right:1.25rem}.nav-text{font-weight:700;font-size:.75rem;letter-spacing:.02em}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background-color:#5c3b5d0f;color:var(--primary-color);border-right:2px solid var(--primary-color)}.logout-btn{background:none;border:none;width:calc(100% - 1rem);cursor:pointer;font-family:inherit}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:#fff;border-bottom:1px solid var(--glass-border);flex-shrink:0}.search-bar{display:flex;align-items:center;background-color:var(--bg-color);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.35rem 1rem;height:40px;flex:1;min-width:180px;max-width:450px;box-sizing:border-box}.search-icon{color:var(--text-muted);margin-right:.75rem}.search-bar input{background:none;border:none;color:var(--text-primary);width:100%;outline:none;font-size:.875rem}.search-bar input::placeholder{color:var(--text-muted)}.search-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:8px;background-color:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;display:flex;flex-direction:column}.search-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:var(--text-primary);font-size:.875rem;font-weight:500;transition:background-color .2s;gap:12px}.search-dropdown-item:hover{background-color:var(--surface-hover)}.search-dropdown-icon{color:var(--text-secondary)}.search-dropdown-item:hover .search-dropdown-icon{color:var(--primary-color)}.search-dropdown-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:.875rem}.topbar-actions{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;position:relative}.icon-btn:hover,.icon-btn.active{color:var(--primary-color)}.notification-dot{position:absolute;top:0;right:2px;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;border:2px solid #ffffff}.user-profile{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;border-left:1px solid var(--glass-border)}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.user-role{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.content-scroll-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;margin-right:1rem}.mobile-close-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto}.topbar-left{display:flex;align-items:center;flex:1}.mobile-sidebar-overlay{display:none}@media (max-width: 1280px){.sidebar{width:240px}.sidebar-logo{width:180px;height:80px}.search-bar{max-width:320px}}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:4px 0 24px #0000001a;z-index:9999}.sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-btn,.mobile-close-btn{display:block}.search-bar{flex:1;max-width:280px;min-width:0}.desktop-only{display:none!important}.topbar{padding:0 1.25rem}.content-scroll-area{padding:0}}@media (max-width: 768px){.search-bar{display:none}}.nav-item-dropdown{display:flex;flex-direction:column}.dropdown-toggle{outline:none}.dropdown-sub-items{border-left:1px solid rgba(0,0,0,.06);margin-left:2.25rem}.sub-nav-item{display:flex;align-items:center;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:2px;transition:all .15s ease;border-left:2px solid transparent}.sub-nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.sub-nav-item.active{color:var(--primary-color);background-color:#5c3b5d0a;border-left:2px solid var(--primary-color)}.sub-nav-text{font-size:.75rem;font-weight:600;letter-spacing:.01em}:root{--color-primary: #5c3b5d;--color-primary-hover: #4a2e4b;--color-danger: #c12a2a;--color-danger-hover: #a32222;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-hover: #f8f9fb;--color-text-main: #333333;--color-text-muted: #888888;--color-border: #eaedf1;--color-status-green: #2e7d32;--color-status-orange: #ed6c02;--color-status-red: #d32f2f;--bg-color: #f5f6f8;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--glass-bg: #ffffff;--glass-border: #e5e7eb;--primary-color: #5c3b5d;--primary-light: #7b527d;--surface-hover: #f9fafb;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--emergency-color: #c12a2a;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.card{background-color:var(--color-surface);border-radius:8px;box-shadow:0 2px 10px #0000000a;border:1px solid var(--color-border)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.loading-spinner-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}