:root{color-scheme:light;--bg:#f2f5fb;--text:#1a2433;--card:#ffffff;--line:#cfd8e8;--accent:#0f2e57;--accent-soft:#e5edf8;--accent-gold:#c79a43}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#e7edf8,transparent 42%),linear-gradient(180deg,#f7f9fd 0,var(--bg) 65%);color:var(--text);font-family:Segoe UI,Source Sans\ 3,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:24px}.brand-header{position:relative;background:linear-gradient(90deg,#0f2e57,#2760a1);border:1px solid #173c69;border-radius:12px;color:#ffffff;padding:14px}.brand-main{gap:14px}.brand-left,.brand-main{display:flex;align-items:center}.brand-left{justify-content:center;padding:4px;line-height:0}.brand-title{margin:0;font-size:24px;letter-spacing:.2px}.brand-title-long{display:inline;font-size:25px}.brand-title-short{display:none;font-size:25px}.brand-subtitle{margin:0;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#d6e2f5}.brand-logo{width:70px;height:70px;border-radius:999px;object-fit:cover;display:block}.brand-tagline{position:absolute;right:14px;bottom:10px;margin:0;color:#fff;font-size:14px}.brand-tagline-brand{font-family:Candara,sans-serif;font-weight:700;font-size:1.3rem;color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.row{display:flex;gap:12px;align-items:center;margin-bottom:10px;margin-top:10px}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}button.secondary{background:transparent;color:var(--accent)}.sort-button{border:none;background:transparent;color:var(--text);font-weight:600;padding:0;margin:0;cursor:pointer}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px}.playcards-row{cursor:pointer}.playcards-row:hover td{background:#eef4ff}.playcards-row:focus-visible td{background:#e4efff;outline:2px solid #2e75c5;outline-offset:-2px}.admin-users-row:hover td{background:#eef4ff}.admin-users-row{cursor:pointer}.admin-users-row:focus-visible td{background:#e4efff;outline:2px solid #2e75c5;outline-offset:-2px}.suggestions-status{display:inline-block;margin-top:6px;color:#4a5e78}.timeline-table td,.timeline-table th{padding:6px 8px;height:40px;line-height:1.2}.category-pie-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:14px;align-items:start}@media (min-width:960px){.category-pie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.overview-grid .card{min-width:0}.desktop-actions{display:flex;gap:12px;align-items:center}.mobile-actions{display:none}.mobile-menu{position:relative}.mobile-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--accent);border-radius:8px;padding:8px 12px;font-weight:600;color:var(--accent);background:#fff}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;grid-gap:8px;gap:8px}.mobile-menu-link{border:1px solid #1f5fae;border-radius:8px;padding:8px 10px;font-size:14px;background:#fff}.app-menu{position:relative}.app-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--accent);border-radius:999px;padding:8px 14px;font-weight:600;color:var(--accent);background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-menu>summary::-webkit-details-marker{display:none}.app-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;grid-gap:6px;gap:6px;box-shadow:0 16px 36px rgba(15,46,87,.15)}.app-menu-item{display:block;width:100%;border:1px solid transparent;border-radius:8px;padding:8px 10px;color:#173c69;font-weight:600;background:#fff;text-align:left}.app-menu-item:hover{background:#eef4ff;border-color:#d2def1}.app-menu-item-button{font:inherit;cursor:pointer;border:1px solid transparent;background:#fff}.app-submenu>summary{list-style:none}.app-submenu>summary::-webkit-details-marker{display:none}.app-submenu-panel{display:grid;grid-gap:6px;gap:6px;margin-left:10px;padding-left:10px;border-left:2px solid #d8e3f5}.app-menu-pending{display:flex;align-items:center;gap:8px;margin:2px 0;padding:8px 10px;border:1px solid #d2def1;border-radius:8px;background:#f4f8ff;color:#173c69;font-size:13px;font-weight:600}.app-menu-spinner{width:14px;height:14px;border-radius:999px;border:2px solid #c7d8ef;border-top-color:#1f5fae;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pie-chart-layout{display:flex;align-items:flex-start;gap:14px}.pie-chart-legend{font-size:12px}.network-layout{display:grid;grid-template-columns:2.5fr 1fr;grid-gap:12px;gap:12px;align-items:start}.network-legend{border:1px solid #d4dfef;border-radius:10px;background:#f3f8ff;padding:10px;max-height:420px;overflow:auto;font-size:12px}.network-legend-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.network-swatch{width:10px;height:10px;border-radius:2px;flex:0 0 auto}.hide-mobile{display:table-cell}@media (max-width:768px){.container{padding:14px}.row{flex-wrap:wrap}.brand-title-long{display:none}.brand-title-short{display:inline}.brand-title{margin-top:0;font-size:20px}.brand-logo{width:58px;height:58px}.brand-header{padding-bottom:14px}.brand-tagline{position:static;text-align:right;margin-top:8px}.desktop-actions{display:none}.mobile-actions{display:block}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-grid .card{padding:12px}.pie-chart-layout{flex-direction:column;align-items:stretch;gap:8px}.pie-chart-layout svg{width:100%;height:auto}.pie-chart-legend{width:100%}.network-layout{grid-template-columns:1fr}.network-legend{width:100%;max-height:none}.hide-mobile{display:none}.app-menu-panel{min-width:240px}}