:root{--bg: #ffffff;--panel: #f5f7fb;--text: #1a1a1a;--muted: #5b5b5b;--accent: #0f766e;--accent-2: #374151;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0,0,0,.08);--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Carlito,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:280px 1fr;grid-template-rows:56px 1fr;height:100%}.app-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{height:24px;width:auto}.topnav{display:flex;gap:18px;font-weight:400}.sidebar{grid-row:2;padding:12px;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;overflow-x:hidden}.sidebar-container{position:relative;min-height:100%}.sidebar-tools{position:sticky;top:8px;display:flex;justify-content:flex-end;gap:8px}.logout-link{border:0;background:transparent;color:#9aa0a6;font-size:12px;padding:2px 4px;cursor:pointer}.logout-link:hover{color:#6b7280;text-decoration:underline}.sidebar.collapsed{padding:0;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.collapse-handle{width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.collapse-handle span svg{width:18px;height:18px;color:#9aa0a6}.collapse-toggle{border:0;border-radius:6px;background:transparent;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.collapse-toggle:hover{background:transparent;opacity:.8}.collapse-toggle span svg{width:16px;height:16px;color:#9aa0a6}.content{grid-row:2;padding:16px 28px;overflow:auto}.tree{font-size:15px}.tree .node{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:8px;cursor:pointer;transition:background-color .08s ease,color .08s ease}.tree .node:hover{background:#edf2f7}.tree .children{margin-left:16px}.tree .node svg{width:18px;height:18px}.sticky-path{position:sticky;top:0;background:var(--panel);padding-bottom:8px;border-bottom:1px solid var(--border);z-index:1}.tree .node.selected{background:#e8ecf2}.badge{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;background:#fff}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.card img{transition:transform .12s ease,box-shadow .12s ease}.card:hover img{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}h1,h2,h3,h4,h5,h6,strong,b{font-weight:400}button{background:#fff;color:var(--accent-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:hover{background:#f7f7fb}button:disabled{color:#b8b8b8;background:#fafafa;cursor:default}@keyframes spinDots{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.site-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.site-gate-card{width:360px;max-width:92vw;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:16px}.home .container{width:min(1100px,100% - 32px);margin:0 auto}.home .segment{padding:40px 0}.home .segment .grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.home .segment .col-text{max-width:620px;justify-self:center}.home .segment .title{font-size:32px;font-weight:600;margin:0 0 10px}.home .segment .body{font-size:16px;color:var(--muted);line-height:1.65;margin:0}.home .segment .col-img{justify-self:center}.home .segment .col-img img{max-width:360px;height:auto;display:block}@media (min-width: 900px){.home .segment .grid{grid-template-columns:1fr 1fr}.home .segment.rev .col-text{order:2}.home .segment.rev .col-img{order:1}}.home .tiles{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(260px,1fr));justify-content:center;max-width:900px;margin:12px auto 0}@media (max-width: 720px){.home .tiles{grid-template-columns:1fr;max-width:460px}}.home .tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:200px}.home .tile{transition:transform .12s ease,box-shadow .12s ease}.home .tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.home .tile .icon svg{width:44px;height:44px;color:#6b7280}.home .tile-title{font-size:18px;font-weight:600;margin:6px 0}.home .tile-desc{font-size:14px;color:var(--muted);line-height:1.6;margin:6px 0 12px;max-width:40ch}.progress{position:relative;height:2px;background:#e5e7eb;overflow:hidden;border-radius:2px}.progress .bar{position:absolute;left:-40%;width:40%;height:100%;background:#0f766e;animation:progressIndeterminate 1.2s ease-in-out infinite}@keyframes progressIndeterminate{0%{left:-40%;width:40%}50%{left:20%;width:60%}to{left:100%;width:40%}}@keyframes skeletonShimmer{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#f0f3f9,#e4e8f2)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);transform:translate(-100%);animation:skeletonShimmer 1.6s ease-in-out infinite}.skeleton-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.skeleton-tile{height:140px}.matchmap-skeleton{position:relative;border-radius:12px;padding:16px;background:linear-gradient(180deg,#eef1f7,#e4e8f2);overflow:hidden}.matchmap-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:translate(-100%);animation:skeletonShimmer 1.8s ease-in-out infinite}.matchmap-skeleton-grid{display:grid;grid-template-columns:repeat(18,minmax(8px,1fr));gap:4px}.matchmap-skeleton-cell{aspect-ratio:1.4 / 1;border-radius:4px;background:#ffffff59}.skeleton-row{height:16px;border-radius:6px;background:linear-gradient(180deg,#e9ecf5,#dde2ee);position:relative;overflow:hidden}.skeleton-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:translate(-100%);animation:skeletonShimmer 1.5s ease-in-out infinite}.segment{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;border-radius:0}.segment.active{background:#eef1f5}