.breadcrumbNav{border-bottom:1px solid var(--border);background-color:#0000;padding:.75rem 1.5rem;font-size:.85rem}@media (max-width:768px){.breadcrumbNav{padding:.5rem 1rem}}.breadcrumbList{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumbItem{color:var(--text-secondary);align-items:center;display:flex}.link{color:var(--text-secondary);font-family:OpenSans-Regular,sans-serif;text-decoration:none;transition:color .2s}.link:hover{color:var(--primary-main);text-decoration:underline}.separator{color:var(--text-tertiary);margin:0 .5rem;font-family:monospace;font-size:.8rem}.active{color:var(--text-primary);cursor:default;font-weight:600}
.header{z-index:150;background:0 0;flex-direction:column;display:flex;position:sticky;top:0}.header .headerContainer{background-color:var(--primary-dark);height:var(--topbar-height,64px);border-bottom:1px solid #ffffff26;align-items:center;gap:.75rem;padding:0 1.5rem;transition:background-color .3s;display:flex}@media (max-width:768px){.header .headerContainer{gap:.5rem;height:56px;padding:0 1rem}}.header .headerContainer .leftPlaceholder{flex:1;align-items:center;display:flex}.header .headerContainer .active-bus-company{color:var(--gray-300);white-space:nowrap;text-overflow:ellipsis;font-family:OpenSans-Bold,sans-serif;font-size:.9rem;overflow:hidden}.header .headerContainer .rightContainer{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header .headerContainer button{cursor:pointer;font:inherit;color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex;position:relative}@media (max-width:768px){.header .headerContainer button{width:36px;height:36px}}.header .headerContainer button:hover{color:#fff;background-color:#ffffff1f;transform:translateY(-1px)}.header .headerContainer button:active{transform:translateY(0)}.header .headerContainer button svg{width:22px;height:22px}@media (max-width:768px){.header .headerContainer button svg{width:20px;height:20px}}.header .headerContainer button[title="Add bus company"]:hover{background-color:var(--primary-main);color:#fff}.header .headerContainer .notification-button .notification-badge{background-color:var(--error);color:#fff;border:2px solid var(--primary-dark);border-radius:30px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;line-height:1;display:flex;position:absolute;top:2px;right:2px}.header .headerContainer .backButton{color:#fff;background-color:#ffffff1a;border-radius:40px;width:auto;padding:0 1rem;font-weight:500}.header .headerContainer .backButton:hover{background-color:#fff3;transform:none}.header__breadcrumbs-wrapper{background-color:var(--background);padding:.5rem 1.5rem 0}@media (max-width:768px){.header__breadcrumbs-wrapper{padding:.5rem 1rem}}@media print{.header{display:none}}
.dashboard-layout{background-color:var(--background);min-height:100vh;min-width:var(--min-screen-width);display:flex}.dashboard-layout__main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}@media (max-width:850px){.dashboard-layout__main{margin-left:0}}.dashboard-layout__main--collapsed{margin-left:70px}@media (max-width:850px){.dashboard-layout__main--collapsed{margin-left:0}}.dashboard-layout__content{padding:var(--spacing-6);flex-direction:column;flex-grow:1;display:flex}@media (max-width:850px){.dashboard-layout__content{padding:var(--spacing-4)}}