:root{color-scheme:light;--bg-1: #0b1d24;--bg-2: #122e36;--bg-3: #1a3b40;--panel: rgba(8, 14, 18, .72);--glass: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .08);--accent: #ff9f45;--accent-2: #2dd4bf;--text-1: #f5f7fa;--text-2: #c9d3db}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Sora,system-ui,-apple-system,sans-serif;color:var(--text-1);background:radial-gradient(circle at top,#18333a,#0b1d24 45%,#081319);min-height:100vh}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh;background:linear-gradient(130deg,#0a191ef2,#0b1418e6)}.app-main{display:flex;flex-direction:column;flex:1;min-height:100vh;margin-left:264px;transition:margin-left .3s ease;overflow-x:hidden;max-width:calc(100vw - 264px)}.app-main.minimal-view{margin-left:0;max-width:100vw}.app-content{padding:28px 32px 40px;display:flex;flex-direction:column;gap:24px;overflow-x:hidden;max-width:100%}.glass-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:0 12px 30px #00000040}.sidebar{position:fixed;left:0;top:0;height:100vh;width:264px;padding:24px 18px;background:#080c10eb;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:18px;overflow-y:auto;z-index:100}.sidebar .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 16px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf26,#ff9f451f);border:1px solid rgba(45,212,191,.2)}.sidebar .brand-logo{width:170px;max-width:100%;height:auto;display:block}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.05);background:#070d12e6;position:sticky;top:0;z-index:150}.app-header-stack{position:relative;z-index:150;flex-shrink:0}@media(max-width:768px){.app-header-stack{position:fixed;top:0;left:0;right:0;z-index:150;padding-top:env(safe-area-inset-top,0px);background:#070d12f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar{flex-wrap:wrap;position:relative;top:auto;left:auto;right:auto;padding:8px 12px;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto}.app-main{padding-top:var(--app-header-offset, 56px)!important}}.topbar .status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#2dd4bf2e;color:#9df0e5;font-size:12px;border:1px solid rgba(45,212,191,.3)}.topbar .status-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf}.app-main.minimal-view .pagination-bar{left:0!important}@media(max-width:1024px){.sidebar{width:210px}.app-main{margin-left:210px;max-width:calc(100vw - 210px)}.app-main.minimal-view{margin-left:0;max-width:100vw}.pagination-bar{left:210px!important}.app-main.minimal-view .pagination-bar{left:0!important}}@media(min-width:769px){.bottom-tab-bar{display:none!important}}@media(max-width:768px){.sidebar{display:none!important}.app-main{margin-left:0!important;max-width:100vw!important}.app-content{padding:16px 16px calc(64px + env(safe-area-inset-bottom));gap:14px}.topbar{padding:14px 16px}.pagination-bar{left:0!important;bottom:calc(64px + env(safe-area-inset-bottom))!important}}.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.MuiButtonBase-root,.MuiChip-root.MuiChip-clickable{transition:transform .18s ease-out,opacity .18s ease-out!important}.MuiButtonBase-root:active,.MuiChip-root.MuiChip-clickable:active{transform:scale(.91)!important;opacity:.72!important;transition-duration:.07s!important}
