:root{--navy:#023167;--peach:#faa578;--ink:#172536;--muted:#687889;--line:#dfe6ed;--paper:#f5f7fa;--white:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.hub-shell{max-width:1500px;margin:auto;padding:24px}.hub-top{align-items:center;gap:11px;padding:6px 0 20px;display:flex}.hub-mark{background:var(--navy);color:#fff;letter-spacing:-.04em;border-radius:13px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.hub-brand{letter-spacing:.17em;color:var(--navy);font-size:14px;font-weight:900}.hub-tag{color:var(--muted);margin-top:3px;font-size:12px}.hub-hero{color:#fff;background:linear-gradient(135deg,#023167,#0b477e);border-radius:25px;grid-template-columns:1fr auto;align-items:end;gap:25px;padding:34px;display:grid;box-shadow:0 18px 45px #02316724}.hub-eyebrow{letter-spacing:.13em;color:var(--peach);font-size:11px;font-weight:900}.hub-hero h1{margin:7px 0 9px;font-size:40px;line-height:1}.hub-hero p{color:#e4edf6;max-width:780px;margin:0;font-size:15px;line-height:1.6}.hub-count{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:19px;min-width:160px;padding:19px;display:grid}.hub-count strong{font-size:35px}.hub-count span{color:#e8eff7;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.hub-controls{justify-content:space-between;align-items:center;gap:13px;margin:18px 0;display:flex}.hub-controls input{background:#fff;border:1px solid #cbd6e0;border-radius:12px;outline:none;width:min(380px,100%);padding:12px 14px}.hub-controls input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #02316714}.hub-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.hub-filters button{color:#5a6a7b;background:#fff;border:1px solid #d5dfe8;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:900}.hub-filters button.active{background:var(--navy);border-color:var(--navy);color:#fff}.hub-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.hub-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:245px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 6px 18px #14253708}.hub-card:hover{border-color:#c8d7e5;transform:translateY(-3px);box-shadow:0 12px 30px #02316714}.hub-card-head{justify-content:space-between;align-items:flex-start;height:27px;display:flex}.hub-number{color:#9aa5b1;font-size:10px;font-weight:900}.hub-badge{color:#a34f16;letter-spacing:.07em;background:#fff0e5;border:1px solid #ffd7bd;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.hub-group{letter-spacing:.09em;text-transform:uppercase;color:var(--peach);margin-top:5px;font-size:10px;font-weight:900}.hub-card h2{color:var(--navy);margin:7px 0 8px;font-size:22px;line-height:1.15}.hub-card p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.6}.hub-card>a{color:var(--navy);border-top:1px solid #edf1f4;justify-content:space-between;margin-top:auto;padding-top:12px;font-size:12px;font-weight:900;display:flex}.hub-owner{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:320px 1fr;align-items:center;gap:24px;margin-top:19px;padding:23px;display:grid}.hub-owner h2{color:var(--navy);margin:5px 0 7px}.hub-owner p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.hub-shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hub-shortcuts a{color:var(--navy);background:#f8fafc;border:1px solid #dce4eb;border-radius:11px;justify-content:space-between;padding:12px;font-size:11px;font-weight:900;display:flex}.hub-footer{color:#82909f;justify-content:space-between;gap:15px;padding:23px 3px 8px;font-size:11px;display:flex}.hub-footer div{gap:14px;display:flex}.hub-footer a{color:var(--navy);font-weight:900}@media (max-width:1150px){.hub-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-owner{grid-template-columns:1fr}.hub-shortcuts{grid-template-columns:repeat(2,1fr)}.hub-controls{display:grid}.hub-filters{justify-content:flex-start}}@media (max-width:560px){.hub-shell{padding:12px}.hub-hero{grid-template-columns:1fr;padding:24px}.hub-hero h1{font-size:33px}.hub-count{width:150px;min-width:0}.hub-grid,.hub-shortcuts{grid-template-columns:1fr}.hub-footer{display:grid}.hub-card{min-height:215px}}.hub-filter-wrap{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.hub-reset{color:var(--navy);background:#fff;border:1px solid #d5dfe8;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:900}.hub-card[draggable=true]{cursor:grab}.hub-card[draggable=true]:active{cursor:grabbing}.hub-card.dragging{opacity:.55;border-color:var(--peach);transform:scale(.985)}.hub-card-head{justify-content:flex-start;gap:8px}.hub-drag{color:#8b98a5;cursor:grab;-webkit-user-select:none;user-select:none;font-size:18px;line-height:1}.hub-number{margin-left:auto;font-size:11px}@media (max-width:850px){.hub-filter-wrap{justify-content:flex-start}}.hub-shortcuts a{align-items:flex-start;gap:10px}.hub-shortcut-copy{gap:4px;display:grid}.hub-shortcut-copy b{color:var(--navy);font-size:11px}.hub-shortcut-arrow{margin-left:auto;font-weight:900}.hub-shortcut-copy b{font-size:12px}.hub-shortcut-copy small{color:#66798b;font-size:11px;font-weight:400;line-height:1.45}.hub-shortcuts a{grid-template-columns:1fr auto;align-items:start;display:grid}.hub-shortcut-copy{grid-template-columns:1fr;gap:5px;display:grid}.hub-shortcut-copy b,.hub-shortcut-copy small{display:block}.hub-shortcut-arrow{grid-area:1/2/span 2}.hub-shortcuts a[draggable=true]{cursor:grab;grid-template-columns:auto 1fr auto}.hub-shortcuts a[draggable=true]:active{cursor:grabbing}.hub-shortcuts a.dragging{opacity:.55;border-color:var(--peach);background:#fffaf6}.hub-owner-drag{color:#8b98a5;cursor:grab;-webkit-user-select:none;user-select:none;margin-top:1px;font-size:16px;line-height:1}