.rb-page{--navy:#1e3a5f;--navy-dark:#152a45;--navy-mid:#2c4f72;--steel:#4a6278;--sage:#3d6b6b;--forest:#3d6b52;--bronze:#8b7355;--plum:#5c4d62;--ink:#1a2332;--muted:#5c6675;--border:#dce1e8;--surface:#fff;--bg:#f0f3f7;--sidebar:#eef1f5;position:relative;margin:-18px calc(50% - 50vw) -48px;width:100vw;min-height:calc(100dvh - 64px);display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif}.rb-atmo{pointer-events:none;position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 65% 45% at 0 0,rgba(61,107,107,.07),transparent 55%),radial-gradient(ellipse 55% 40% at 100% 4%,rgba(44,79,114,.08),transparent 50%),linear-gradient(180deg,#f5f7fa 0,var(--bg) 50%,#eceff4 100%)}.rb-layout{position:relative;z-index:1;display:flex;flex:1 1;min-height:calc(100dvh - 64px)}.rb-sidebar{width:248px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:64px;height:calc(100dvh - 64px);overflow-y:auto}.rb-sidebar-head{padding:18px 16px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.rb-sidebar-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.rb-cat-btn{width:calc(100% - 16px);margin:2px 8px;text-align:left;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;color:var(--steel);border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:12.5px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.rb-cat-btn:hover:not(.rb-cat-btn--active){background:hsla(0,0%,100%,.65);color:var(--ink)}.rb-cat-btn--active{background:var(--surface);color:var(--navy);font-weight:700;box-shadow:0 1px 3px rgba(26,35,50,.08);border:1px solid var(--border)}.rb-cat-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.rb-cat-icon{font-size:14px;flex-shrink:0;line-height:1}.rb-cat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-cat-count{background:rgba(44,79,114,.1);color:var(--navy-mid);border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700;min-width:20px;text-align:center;flex-shrink:0}.rb-cat-btn--active .rb-cat-count{background:rgba(61,107,107,.12);color:var(--sage)}.rb-az{margin:14px 10px 20px;padding-top:14px;border-top:1px solid var(--border)}.rb-az-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding-left:4px}.rb-az-grid{display:flex;flex-wrap:wrap;gap:4px}.rb-az-btn{width:26px;height:26px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--navy-mid);font-weight:700;font-size:11px;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,border-color .12s ease}.rb-az-btn:hover{background:rgba(61,107,107,.1);border-color:rgba(61,107,107,.35)}.rb-main{flex:1 1;padding:20px clamp(16px,2.5vw,28px) 32px;overflow-x:hidden;min-width:0}.rb-reco{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--bronze);box-shadow:0 1px 3px rgba(26,35,50,.04)}.rb-reco-icon{font-size:18px}.rb-reco-kicker{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);margin-bottom:2px}.rb-reco-title{font-size:14px;font-weight:700;color:var(--ink)}.rb-reco-title em{font-style:normal;color:var(--navy-mid)}.rb-reco-sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}.rb-reco-cancel{background:var(--surface);border:1px solid var(--border);color:var(--steel);font-weight:700;font-size:12px;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease}.rb-reco-cancel:hover{background:var(--bg)}.rb-crumb{margin:0 0 10px;font-size:12px;color:var(--muted)}.rb-crumb a{color:var(--navy-mid);font-weight:600;text-decoration:none}.rb-crumb a:hover{text-decoration:underline}.rb-header{margin-bottom:16px}.rb-title{margin:0 0 4px;font-size:clamp(22px,2.5vw,26px);font-weight:700;letter-spacing:-.03em;color:var(--ink)}.rb-sub{margin:0;color:var(--muted);font-size:13px}.rb-toolbar{background:var(--surface);border-radius:12px;padding:10px 12px;gap:10px;flex-wrap:wrap;box-shadow:0 1px 2px rgba(26,35,50,.04)}.rb-search,.rb-toolbar{border:1px solid var(--border);display:flex;align-items:center}.rb-search{gap:8px;background:var(--bg);border-radius:8px;padding:8px 12px;flex:1 1;min-width:200px}.rb-search-icon{color:var(--muted);font-size:13px}.rb-search input{border:none;outline:none;font-size:13px;color:var(--ink);width:100%;background:transparent}.rb-search input::placeholder{color:#9aa5b3}.rb-search-clear{background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:0;flex-shrink:0;line-height:1}.rb-toolbar-divider{width:1px;height:22px;background:var(--border);flex-shrink:0}.rb-chip{padding:6px 11px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--steel);font-weight:600;font-size:11.5px;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.rb-chip:hover:not(.rb-chip--active){border-color:#c8d0da;color:var(--ink)}.rb-chip--active{background:linear-gradient(135deg,var(--navy-mid) 0,var(--navy) 100%);border-color:transparent;color:#fff}.rb-empty,.rb-loading{text-align:center;padding:56px 20px;color:var(--muted)}.rb-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--sage);border-radius:50%;animation:rb-spin .8s linear infinite;margin:0 auto 12px}@keyframes rb-spin{to{transform:rotate(1turn)}}.rb-empty-icon{font-size:28px;margin:0 0 8px}.rb-empty-title{font-weight:700;margin:0 0 4px;color:var(--ink)}.rb-group{margin-bottom:24px}.rb-group-letter{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.rb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:8px;gap:8px}.rb-card-btn{border:none;padding:0;background:transparent;text-align:left;cursor:pointer;width:100%}.rb-card{background:var(--surface);border-radius:10px;border:1px solid var(--border);padding:11px 12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;display:flex;align-items:center;gap:11px;min-height:58px;box-shadow:0 1px 2px rgba(26,35,50,.03)}.rb-card--hover,.rb-card:hover{border-color:rgba(61,107,107,.45);box-shadow:0 4px 16px -8px rgba(26,35,50,.12);transform:translateY(-1px)}.rb-card-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;font-size:14px;transition:background .15s ease,border-color .15s ease}.rb-card--hover .rb-card-icon,.rb-card:hover .rb-card-icon{background:rgba(61,107,107,.1);border-color:rgba(61,107,107,.25)}.rb-card .ui-icon-tile{border-color:var(--border);background:var(--bg)}.rb-card--hover .ui-icon-tile,.rb-card:hover .ui-icon-tile{background:rgba(61,107,107,.1);border-color:rgba(61,107,107,.25)}.rb-reco-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(139,115,85,.12);flex-shrink:0}.rb-search-icon{flex-shrink:0}.rb-card-body{flex:1 1;min-width:0}.rb-card-name{font-weight:600;font-size:13px;color:var(--ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-card-levels{margin-top:3px;font-size:10.5px;color:var(--sage);font-weight:700}.rb-card-arrow{color:#b8c4d0;font-size:15px;flex-shrink:0;transition:color .15s ease}.rb-card--hover .rb-card-arrow,.rb-card:hover .rb-card-arrow{color:var(--navy-mid)}.rb-footer-note{text-align:center;color:var(--muted);font-size:11.5px;margin-top:20px}.rb-modal-backdrop{position:fixed;inset:0;background:rgba(21,42,69,.45);z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.rb-modal{width:min(440px,100%);background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:0 24px 64px -20px rgba(26,35,50,.22);padding:18px;position:relative;overflow:hidden}.rb-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sage),var(--navy-mid))}.rb-modal-title{font-weight:700;font-size:17px;color:var(--ink);margin-top:4px}.rb-modal-sub{margin-top:4px;color:var(--muted);font-size:13px}.rb-level-list{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.rb-level-btn{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;font-weight:600;font-size:13px;color:var(--ink);transition:border-color .12s ease,background .12s ease}.rb-level-btn:hover{border-color:var(--sage);background:rgba(61,107,107,.06)}.rb-modal-actions{margin-top:12px;display:flex;justify-content:flex-end}.rb-modal-cancel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:600;color:var(--steel)}.rb-modal-cancel:hover{background:var(--bg)}@media (max-width:860px){.rb-layout{flex-direction:column}.rb-sidebar{width:100%;position:static;height:auto;max-height:none;border-right:none;border-bottom:1px solid var(--border)}.rb-cat-btn{width:calc(100% - 12px);margin:2px 6px}.rb-az{display:none}}