.topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;max-height:56px;min-height:inherit;padding:0 1.25rem;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:10}.topbar__title{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.25;margin:0}.topbar__breadcrumb{color:#94a3b8;font-size:.75rem;margin:.125rem 0 0}.topbar__icon-btn{background:transparent;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;position:relative;transition:all .3s ease}.topbar__icon-btn--default{color:#94a3b8}.topbar__icon-btn--default:hover{background-color:#f1f5f9;color:#475569}.topbar__icon-btn--moon{color:#94a3b8}.topbar__icon-btn--moon:hover{background-color:#f1f5f9;color:#475569}.topbar__icon-btn--sun{color:#fbbf24}.topbar__icon-btn--sun:hover{background-color:#334155;color:#fcd34d}.dark .topbar{background:#0f172ad9;border-bottom-color:#1e293b}.dark .topbar__title{color:#f1f5f9}.dark .topbar__breadcrumb{color:#64748b}.dark .topbar__icon-btn--default{color:#94a3b8}.dark .topbar__icon-btn--default:hover{background-color:#334155;color:#e2e8f0}.dark .topbar__icon-btn--moon{color:#94a3b8}.dark .topbar__icon-btn--moon:hover{background-color:#334155;color:#e2e8f0}.sidebar{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color .3s ease,border-color .3s ease,width .3s ease}.sidebar--expanded{width:240px}.sidebar--collapsed{width:64px}.sidebar__header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;min-height:56px;padding-bottom:.75rem;padding-top:.75rem}.sidebar__header--expanded{justify-content:space-between;padding-left:1rem;padding-right:1rem}.sidebar__header--collapsed{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar__toggle-icon{color:#94a3b8;cursor:pointer;font-size:14px;transition:color .2s ease}.sidebar__toggle-icon:hover{color:#475569}.sidebar__nav{flex:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;padding-top:1.25rem;scrollbar-gutter:stable}.sidebar__nav::-webkit-scrollbar{width:3px}.sidebar__nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar__category{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.05em;margin:0;padding-left:.625rem;text-transform:uppercase}.sidebar__nav-item{align-items:center;background:transparent;border:none;border-radius:.75rem;display:flex;position:relative;transition:all .2s ease;width:100%}.sidebar__nav-item--expanded{font-size:13px;font-weight:500;gap:.625rem;margin-bottom:.125rem;padding:.5rem .625rem}.sidebar__nav-item--collapsed{justify-content:center;margin-bottom:.125rem;padding-bottom:.75rem;padding-top:.75rem}.sidebar__nav-item--active{background-color:#eef2ff;color:#4338ca}.sidebar__nav-item--default{color:#475569;cursor:pointer}.sidebar__nav-item--default:hover{background-color:#f8fafc;color:#0f172a}.sidebar__nav-item--disabled{color:#cbd5e1;cursor:not-allowed}.sidebar__active-bar{background-color:#4f46e5;border-radius:0 9999px 9999px 0;height:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar__lock-icon{color:#cbd5e1;font-size:10px}.sidebar__footer{border-top:1px solid #f1f5f9}.sidebar__user-card{align-items:center;background-color:#f8fafc80;border:1px solid #f1f5f9;border-radius:.75rem;display:flex;justify-content:space-between;padding:.5rem .625rem}.sidebar__avatar{background-color:#e0e7ff;color:#3730a3}.sidebar__user-name{color:#1e293b;font-size:12px;font-weight:600;line-height:1.25;margin:0}.sidebar__user-role{color:#94a3b8;font-size:10px;line-height:1.25;margin:0}.sidebar__logout-btn{background:transparent;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;padding:.375rem;transition:all .2s ease}.sidebar__logout-btn:hover{background-color:#fef2f2;color:#dc2626}.dark .sidebar{background-color:#0f172a;border-right-color:#1e293b}.dark .sidebar__header{border-bottom-color:#1e293b}.dark .sidebar__toggle-icon{color:#64748b}.dark .sidebar__toggle-icon:hover{color:#cbd5e1}.dark .sidebar__nav::-webkit-scrollbar-thumb{background:#334155}.dark .sidebar__nav::-webkit-scrollbar-thumb:hover{background:#475569}.dark .sidebar__category{color:#64748b}.dark .sidebar__nav-item--active{background-color:#6366f126;color:#a5b4fc}.dark .sidebar__nav-item--default{color:#94a3b8}.dark .sidebar__nav-item--default:hover{background-color:#1e293b;color:#f1f5f9}.dark .sidebar__nav-item--disabled{color:#475569}.dark .sidebar__active-bar{background-color:#818cf8}.dark .sidebar__lock-icon{color:#475569}.dark .sidebar__footer{border-top-color:#1e293b}.dark .sidebar__user-card{background-color:#1e293b80;border-color:#1e293b}.dark .sidebar__avatar{background-color:#6366f133;color:#a5b4fc}.dark .sidebar__user-name{color:#f1f5f9}.dark .sidebar__logout-btn,.dark .sidebar__user-role{color:#64748b}.dark .sidebar__logout-btn:hover{background-color:#7f1d1d4d;color:#f87171}.main__wrap{display:grid;grid-template-columns:auto 1fr;height:100vh;overflow:hidden;width:100vw}.content__main{background:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#f1f5f9);border-radius:.75rem 0 0;transition:background .3s ease}.dark .content__main{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.content__topBar{max-height:56px;min-height:56px;position:sticky;top:0;z-index:10}