*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}@media (max-width: 900px){html,body{overflow-x:hidden}}body{font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:#f5f6fb;color:#1f2430}app-root{display:block;height:100%}a{color:#5b6eff;text-decoration:none}.app-shell{display:flex;min-height:100vh}:root{--sb-width: 260px;--sb-collapsed-width: 64px;--sb-transition: .22s cubic-bezier(.4,0,.2,1)}.sidebar{background:#0f1222;color:#f4f5ff;padding:22px 16px 20px;display:flex;flex-direction:column;position:fixed;top:0;left:0;width:var(--sb-width);height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;border-right:1px solid rgba(255,255,255,.06);transform:translate(0);transition:width var(--sb-transition),padding var(--sb-transition),transform var(--sb-transition),box-shadow var(--sb-transition)}.sidebar--collapsed{width:var(--sb-collapsed-width);padding-left:10px;padding-right:10px;align-items:center}.sidebar--collapsed .sb-text{opacity:0;width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transition:opacity var(--sb-transition),width var(--sb-transition)}.sidebar--collapsed .sb-nav-link,.sidebar--collapsed .sb-action-link{justify-content:center;padding-left:0;padding-right:0}.sidebar--collapsed .sb-cta{justify-content:center;padding-left:0;padding-right:0;width:44px;height:44px;border-radius:12px}.sidebar--collapsed .sb-plan-strip{justify-content:center;padding:10px 0}.sidebar--collapsed .sb-user-row{justify-content:center;padding:6px 0}.sidebar--collapsed .sb-legal{display:none}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.content{margin-left:var(--sb-width);flex:1;min-width:0;padding:0;min-height:100vh;transition:margin-left var(--sb-transition)}.content--expanded{margin-left:var(--sb-collapsed-width)}@media (max-width: 900px){.sidebar{width:min(288px,88vw)!important;transition:transform var(--sb-transition),width var(--sb-transition),box-shadow var(--sb-transition);box-shadow:none}.sidebar.sidebar--collapsed{transform:translate(-100%);pointer-events:none}.sidebar:not(.sidebar--collapsed){transform:translate(0);pointer-events:auto;box-shadow:8px 0 40px #00000059}.content,.content.content--expanded{margin-left:0!important;max-width:100%}.content-inner{padding:20px 16px 32px}.topbar{padding:14px 16px 14px 56px}.verify-banner{margin-left:16px;margin-right:16px}}.sidebar-backdrop{display:none}@media (max-width: 900px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f122273;z-index:90;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}}.mobile-menu-fab{display:none}@media (max-width: 900px){.mobile-menu-fab{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:95;width:42px;height:42px;border-radius:12px;border:1px solid rgba(31,36,48,.12);background:#fff;color:#1f2430;box-shadow:0 4px 18px #0f12221f;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-menu-fab:active{transform:scale(.97)}}.page-title{font-size:26px;margin-bottom:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;background:#f5f6fb;border-bottom:1px solid rgba(31,36,48,.07);position:sticky;top:0;z-index:50;min-height:60px}.topbar .page-title{font-size:18px;font-weight:700;color:#1f2430;margin-bottom:0;letter-spacing:-.01em}.content-inner{padding:32px 36px;max-width:1400px}.verify-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin:0 36px 18px;font-size:13px;color:#92400e;line-height:1.5}.verify-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:13px;color:#92400e;line-height:1.5}.verify-banner svg{flex-shrink:0;color:#d97706}.verify-banner span{flex:1}.verify-banner-link{background:none;border:none;padding:0;margin-left:6px;color:#5b6eff;font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline}.verify-banner-dismiss{background:none;border:none;padding:4px;cursor:pointer;color:#92400e;opacity:.6;flex-shrink:0;line-height:0}.verify-banner-dismiss:hover{opacity:1}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:999px;box-shadow:0 6px 16px #0f122214;font-size:14px}.card{background:#fff;border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 8px 24px #0f122214}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn{background:#5b6eff;color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#8895ff}.btn-ghost{background:transparent;border:1px solid #d6dcff;color:#5b6eff}.input{padding:10px 12px;border-radius:10px;border:1px solid #e1e4f2;width:100%;box-sizing:border-box;background:#fafbff}.seek-range{width:100%;height:8px;margin-top:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.list{display:grid;gap:12px}.list-item{padding:12px 14px;border-radius:12px;background:#f8f9ff;border:1px solid #eef0ff}.list-item.active{border-color:#5b6eff;box-shadow:0 0 0 2px #5b6eff26}.list-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.list-item-header strong{word-break:break-word}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef0ff;color:#4453d3;font-size:12px;font-weight:600}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:80px 120px 1fr 120px 160px 160px 2fr;gap:12px;padding:10px 12px;border-radius:10px;background:#f8f9ff}.table-head{font-weight:600;background:#eef0ff}.muted{color:#6b7280;font-size:12px;word-break:break-word}.topic-gate{background:#fff;border-radius:18px;padding:18px;box-shadow:0 18px 48px #0f122240;margin-top:12px}