body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.admin-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;height:56px;background:#1a1a1a;padding:0 12px;flex-shrink:0;z-index:100}.topbar-left{display:flex;align-items:center;padding-right:16px}.topbar-center{flex:1;display:flex;justify-content:center}.search-trigger{display:flex;align-items:center;gap:8px;background:#303030;border:1px solid #505050;border-radius:8px;color:#b5b5b5;padding:6px 14px;font-size:13px;cursor:pointer;min-width:300px}.search-trigger svg{flex-shrink:0}.search-text{flex:1;text-align:left}.search-trigger kbd{background:#505050;border-radius:4px;padding:2px 6px;font-size:11px;font-family:inherit;border:none;color:#b5b5b5}.topbar-right{display:flex;align-items:center;gap:2px}.topbar-icon-btn{background:none;border:none;color:#b5b5b5;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-icon-btn:hover{background:#303030}.topbar-user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#e3e3e3;cursor:pointer;padding:4px 8px;border-radius:8px;font-size:13px;margin-left:4px}.topbar-user-btn:hover{background:#303030}.topbar-avatar{width:24px;height:24px;background:#0fba81;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.topbar-dev-badge{background:#404040;color:#999;font-size:11px;padding:1px 6px;border-radius:4px}.admin-body{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;background:#f1f1f1;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:8px}.sidebar-main{display:flex;flex-direction:column;gap:1px}.sidebar-link{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;color:#303030;text-decoration:none;font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.sidebar-link:hover{background:#e3e3e3}.sidebar-link--active{background:#e3e3e3;font-weight:600}.sidebar-link--indent{padding-left:12px}.sidebar-link--sub{padding-left:40px;color:#616161;font-weight:400}.sidebar-link svg{flex-shrink:0;color:#616161}.sidebar-section{margin-top:16px}.sidebar-section-header{padding:5px 8px;font-size:13px;font-weight:600;color:#303030;display:flex;align-items:center;cursor:pointer}.sidebar-section-header:hover{text-decoration:underline}.chevron{margin-left:2px;font-weight:400}.sidebar-bottom{margin-top:auto;padding-top:8px}.bundles-nav-icon{width:20px;height:20px;background:#0fba81;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.admin-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#f7f7f7}.app-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f7f7f7;min-height:44px;flex-shrink:0}.app-titlebar-left{display:flex;align-items:center;gap:10px}.app-titlebar-icon{width:28px;height:28px;background:#0fba81;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-titlebar-name{font-size:15px;font-weight:600;color:#303030}.kebab-btn{background:none;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#616161}.kebab-btn:hover{background:#f1f1f1}.app-titlebar-divider{height:1px;background:#e3e3e3;flex-shrink:0}.app-page-wrap{flex:1;overflow-y:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:20px;position:relative;overflow:hidden;min-height:120px}.metric-title{font-size:14px;color:#303030;text-decoration:none;font-weight:600;line-height:20px}.metric-title:hover{text-decoration:underline}.metric-title-dots{display:flex;gap:3.5px;margin-top:5px}.metric-title-dots:before{content:"";display:block;width:120px;height:5px;background-image:radial-gradient(circle,#c8c8c8 1.5px,transparent 1.5px);background-size:7px 5px;background-repeat:repeat-x}.metric-row{display:flex;align-items:baseline;gap:8px;margin-top:10px}.metric-value{font-size:24px;font-weight:600;color:#303030;line-height:28px}.metric-dash{font-size:14px;color:#8a8a8a;font-weight:400}.metric-sparkline{position:absolute;bottom:20px;right:20px;width:100px;height:16px}.hamburger-btn{display:none;align-items:center;justify-content:center;background:none;border:none;color:#b5b5b5;width:32px;height:32px;border-radius:8px;cursor:pointer;margin-right:4px;flex-shrink:0}.hamburger-btn:hover{background:#303030}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:90;transform:translate(-100%);transition:transform .2s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 12px #0000001a}.sidebar-backdrop--visible{display:block;position:fixed;inset:56px 0 0;background:#0000004d;z-index:89}.hamburger-btn{display:flex}.topbar-left{padding-right:8px}.topbar-left>svg{display:none}.search-trigger{min-width:0;flex:1}.topbar-sidekick,.topbar-user-name,.topbar-dev-badge{display:none}.save-bar{min-width:0!important;flex:1}.metric-grid{grid-template-columns:repeat(2,1fr)}.app-titlebar{padding:8px 12px}s-page [slot=aside]{padding-top:0!important}}