:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden}.container{max-width:980px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 16px;border-bottom:1px solid #eaeaea;margin-bottom:16px}.brand{font-weight:800;overflow-wrap:anywhere}.brand-mobile{display:none}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lang-switcher{display:block}.btn{border:1px solid #ddd;background:#fff;padding:8px 10px;border-radius:10px;cursor:pointer;min-height:40px}.btn.primary{background:#111;color:#fff;border-color:#111}.btn.danger{border-color:#f1c0c0}.card{border:1px solid #eaeaea;border-radius:14px;padding:14px;margin:10px 0}.grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:860px){.grid.two{grid-template-columns:1fr 1fr}}.input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}.label{font-size:12px;opacity:.75;margin-top:8px;margin-bottom:6px}.muted{opacity:.7;font-size:12px}.badge{display:inline-block;padding:3px 8px;border:1px solid #ddd;border-radius:999px;font-size:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}pre{white-space:pre-wrap;word-break:break-word}.mobile-full{width:100%}.mobile-tabbar{display:none}.mobile-hub{display:grid;gap:12px}.mobile-hub-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.mobile-hub-tile{border:1px solid #e8e8e8;border-radius:14px;background:#fff;padding:14px 12px;min-height:118px;text-align:left}.mobile-hub-icon{font-size:24px;line-height:1;margin-bottom:8px}.mobile-hub-title{font-size:15px;font-weight:700;margin-bottom:4px;color:#1f2937}.mobile-hub-subtitle{font-size:12px;color:#6b7280;line-height:1.25}table{width:100%;border-collapse:collapse}.card table{min-width:680px}@media(max-width:820px){.container{max-width:100%}.topbar{flex-wrap:wrap;align-items:flex-start;position:sticky;top:0;z-index:50;background:#fff;padding-top:max(8px,env(safe-area-inset-top));margin-left:-2px;margin-right:-2px}.brand{width:100%;font-size:18px;line-height:1.2;margin-bottom:4px;overflow-wrap:break-word}.brand-desktop{display:none}.brand-mobile{display:inline}.nav,.lang-switcher{display:none}.btn{padding:10px 12px}.card{padding:12px;border-radius:12px}.input{min-height:42px;font-size:16px}.row.mobile-stack{flex-direction:column;align-items:stretch}.row.mobile-stack>.btn,.row.mobile-stack>a.btn,.row.mobile-stack>.mobile-full{width:100%;text-align:center}.card h2{font-size:1.2rem;margin:0 0 10px}.card h3{font-size:1.05rem}.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-tabbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;background:#fffffff2;border:1px solid #e9e9e9;border-radius:14px;padding:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-tab{border:0;background:transparent;border-radius:10px;min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#333}.mobile-tab.active{background:#111827;color:#fff}.mobile-tab-icon{font-size:16px;line-height:1}.mobile-tab-label{font-size:10px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-hub-grid{grid-template-columns:1fr 1fr}}