body{padding-top:58px}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:58px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar-inner{width:min(1180px,calc(100% - 32px));height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar .brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:18px;font-weight:700;text-decoration:none}.brand-logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#42b983,#35a6d6);color:#fff}.top-note{color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:10px}.topbar .drawer-close,.front-drawer .drawer-close{width:auto;height:auto;min-height:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:7px 10px;color:var(--ink);cursor:pointer;font:inherit;font-weight:400;line-height:normal}.front-drawer-mask{position:fixed;inset:0;z-index:80;background:rgba(44,62,80,.35);opacity:0;pointer-events:none;transition:.18s ease}.front-drawer-mask.open{opacity:1;pointer-events:auto}.front-drawer{position:fixed;top:0;right:0;z-index:90;width:min(340px,88vw);height:100vh;height:100dvh;padding:18px;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 48px rgba(44,62,80,.16);transform:translateX(100%);transition:.2s ease;overflow:auto}.front-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.drawer-head h3{margin:0;font-size:18px}.drawer-section{margin-top:16px}.drawer-section-title{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:800}.drawer-actions{display:grid;gap:8px}.drawer-actions button,.drawer-actions a{width:100%;min-height:0;height:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);text-align:left;cursor:pointer;text-decoration:none;display:block;font:inherit;font-weight:400;line-height:normal}.drawer-actions a strong{display:block;color:var(--ink);font-size:14px;line-height:1.35}.drawer-actions a span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}.drawer-actions button:hover,.drawer-actions a:hover{border-color:var(--theme);color:var(--theme-dark);background:#f8fbfa;text-decoration:none}.drawer-actions a:hover strong{color:var(--theme-dark)}.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto}.hero,.card,.panel{overflow-wrap:anywhere}.hero{border-color:var(--line)}.empty,.empty-card{border-color:var(--line)}.btn,.ghost-action,button{-webkit-tap-highlight-color:transparent}table{overflow-wrap:anywhere}@media (max-width:780px){.top-note{display:none}.topbar-inner{width:min(100% - 22px,1180px)}}@media (max-width:760px){.wrap{width:min(100% - 28px,1120px);padding-left:0!important;padding-right:0!important}.hero{padding:22px!important}.card,.panel{border-radius:12px}}