:root{--bg-sidebar:#10141c;--bg-sidebar-alt:#0d0f14;--bg-hover:#191b21;--text-primary:#fff;--text-secondary:#696b76;--text-muted:#7b7b7b;--border-dark:#1e2331;--bg-content:#fff;--text-content:#242424;--text-content-muted:#a09fc0;--border-light:#e5e9ef;--divider:#d7dde7;--accent:#5f5ef0;--danger:#f84f68;--sidebar-width-expanded:310px;--sidebar-width-collapsed:94px;--header-height:90px;--mobile-breakpoint:900px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}@media (width>=768px){html{font-size:16px}}body{min-height:100vh;color:var(--text-content);background:var(--bg-content)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle;display:inline-block}.app-shell{min-height:100vh}.main{padding-left:var(--sidebar-width-collapsed);min-height:100vh;transition:padding-left .2s ease-in-out}.main--wide{padding-left:var(--sidebar-width-expanded)}.content{max-width:1200px;padding:50px}@media (width<=900px){.main,.main--wide{padding-top:60px;padding-left:0}.content{padding:16px}}.sidebar{width:var(--sidebar-width-expanded);background:var(--bg-sidebar);color:var(--text-secondary);scrollbar-width:none;z-index:100;flex-direction:column;justify-content:space-between;transition:width .2s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar--collapsed{width:var(--sidebar-width-collapsed);overflow:visible}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border-dark);align-items:center;padding-left:28px;display:flex}.sidebar-logo img{width:auto;max-width:160px;height:40px}.sidebar--collapsed .sidebar-logo img{max-width:40px}.sidebar-nav{padding-top:24px}.sidebar-group{border:none}.sidebar-group-title{cursor:pointer;height:40px;color:var(--text-primary);text-transform:uppercase;align-items:center;gap:12px;padding:0 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.sidebar-group-title::-webkit-details-marker{display:none}.sidebar-group-title svg{color:var(--text-muted);flex-shrink:0;font-size:20px}.sidebar-item svg{flex-shrink:0;font-size:20px}.sidebar-items{margin:0;padding:0;list-style:none;position:relative}.sidebar-item{width:100%;height:42px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-right:4px solid #0000;align-items:center;gap:10px;padding:0 32px 0 56px;font-size:16px;font-weight:500;transition:background .15s;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.is-active{background:var(--bg-hover);border-right-color:var(--accent);color:var(--text-primary)}.sidebar-item span{white-space:nowrap}.sidebar-items:before{content:"";border-left:1px dashed var(--text-muted);z-index:1;position:absolute;top:0;bottom:21px;left:34px}.sidebar-item:before{content:"";border-top:1px dashed var(--text-muted);width:14px;position:absolute;top:50%;left:34px}.sidebar--collapsed .sidebar-group-title span,.sidebar--collapsed .sidebar-item span,.sidebar--collapsed .sidebar-items{display:none}.sidebar--collapsed .sidebar-group-title{justify-content:center;gap:0;padding:0}.sidebar--collapsed .sidebar-item{border-right:none;justify-content:center;gap:0;padding:0}.sidebar--collapsed .sidebar-group{position:relative}.sidebar--collapsed .sidebar-group[open] .sidebar-items{background:var(--bg-sidebar);border-left:1px solid var(--border-dark);z-index:102;min-width:240px;padding:4px 0;display:block;position:absolute;top:0;left:100%;box-shadow:4px 4px 12px #00000059}.sidebar--collapsed .sidebar-group[open] .sidebar-item{justify-content:flex-start;gap:10px;padding:0 20px}.sidebar--collapsed .sidebar-group[open] .sidebar-item span{display:inline}.sidebar--collapsed .sidebar-items:before,.sidebar--collapsed .sidebar-item:before{display:none}.sidebar-collapse-btn{background:var(--bg-sidebar-alt);border:none;border-top:1px solid var(--border-dark);width:100%;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:flex-start;align-items:center;padding-left:34px;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-hover)}.sidebar--collapsed .sidebar-collapse-btn{justify-content:center;padding-left:0;transform:scaleX(-1)}@media (width<=900px){.sidebar{display:none}}.topbar{height:var(--header-height);background:var(--bg-content);border-bottom:1px solid var(--border-light);z-index:50;justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:18px;display:flex}.topbar-home{color:var(--text-content-muted);font-size:20px}.topbar-right{align-items:center;gap:20px;font-size:16px;display:flex}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:16px;position:static}}.breadcrumbs{align-items:center;gap:8px;display:flex}.breadcrumbs-segment{align-items:center;gap:8px;display:inline-flex}.breadcrumbs a{color:var(--text-content)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs-sep{color:var(--text-content-muted)}.breadcrumbs-current{color:var(--text-content)}.user-menu{position:relative}.user-btn{color:var(--text-content);cursor:pointer;background:#f7f7f7;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 12px;font-size:16px;display:flex}.user-btn svg{color:var(--text-content-muted);font-size:14px}.user-btn .user-avatar-icon{font-size:20px}.user-dropdown{border:1px solid var(--border-light);z-index:60;background:#fff;border-radius:10px;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000014}.dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text-content);background:0 0;border:none;padding:10px 16px;font-size:16px;display:block}.dropdown-item:hover{background:#f5f6fa}.dropdown-item--danger:hover{color:var(--danger);background:#fff}.burger-header{z-index:102;background:var(--bg-sidebar);height:60px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.burger-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:28px}@media (width>=901px){.burger-header{display:none}}.mobile-menu{display:none}@media (width<=900px){.mobile-menu{z-index:101;background:var(--bg-sidebar);position:fixed;inset:60px 0 0;overflow-y:auto}}