*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef4f8;color:#10233c}.app-shell{display:flex;min-height:100vh}.sidebar{width:282px;background:#0d1d30;color:#fff;padding:28px 18px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-name{font-size:28px;font-weight:800}.brand-sub{color:#9fc6df;margin-top:8px;padding-bottom:10px;border-bottom:1px solid #29435b}.nav{display:flex;flex-direction:column;gap:8px;margin-top:24px}.nav-section{font-size:14px;letter-spacing:.12em;color:#abc0d4;margin:0 14px 8px}.nav-item{appearance:none;border:0;background:transparent;color:#fff;text-align:left;padding:14px 14px;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer}.nav-item:hover,.nav-item.active{background:#2a4963}.nav-item.active{border-left:4px solid #39c1b7}.nav-item.buy{background:#16a47a;margin-top:16px}.nav-item.resources{border:1px solid #425e78;display:flex;justify-content:space-between}.main{margin-left:282px;width:calc(100% - 282px);padding:22px 64px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 26px;border-bottom:1px solid #d5e1ea}.crumb{letter-spacing:.15em;color:#5b7793;font-weight:700;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.pill,.file-pill,.readonly,.month-pill{border:1px solid #c8d7e4;border-radius:999px;padding:12px 16px;background:#fff;font-weight:700;color:#18334f}.file-pill,.month-pill{background:#e9f8f3;color:#13856e;border-color:#c0e8db}.lang-label{display:flex;align-items:center;gap:8px;font-weight:700}.lang-label select,.period-row select{padding:11px 38px 11px 14px;border-radius:12px;border:1px solid #c8d7e4;background:#fff;font-size:16px}.hero-strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;margin:24px 0 28px}.logo-card,.sport-card{height:165px;border-radius:18px;border:1px solid #d5e1ea;display:flex;align-items:center;justify-content:center;background:#eaf5fa}.logo-card{background:#183954;color:#fff;font-size:34px;font-weight:900;letter-spacing:.04em}.sport-card{font-size:54px}.eyebrow{color:#258477;font-weight:800;letter-spacing:.13em;font-size:14px}.title-row{display:flex;justify-content:space-between;align-items:flex-start}.title-row h1,.view h1{font-family:Georgia,serif;font-size:56px;margin:16px 0 10px}.title-row p,.view>p{font-size:19px;color:#62778d}.readonly{margin-top:28px;background:#e7edf4;color:#47617c}.period-row{display:flex;justify-content:space-between;align-items:end;margin:34px 0 24px}.period-row label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#5f7488}.cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.metric-card{background:#fff;border:1px solid #d8e3eb;border-radius:20px;padding:24px;min-height:200px}.metric-card.dark{background:#132d47;color:#fff}.metric-card .label{font-size:16px;font-weight:700;color:#405a74}.metric-card.dark .label,.metric-card.dark .hint{color:#d7e5f0}.metric-card .value{font-size:38px;font-weight:800;margin:18px 0}.metric-card .positive{color:#14936b}.metric-card .hint{color:#7a8da1;line-height:1.4}.panel{margin-top:28px;background:#fff;border:1px solid #d8e3eb;border-radius:20px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:26px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stats-row>div{background:#f1f6fa;border-radius:14px;padding:18px}.stats-row strong{display:block;font-size:26px}.stats-row span{color:#70849a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e4edf3}th{font-size:13px;text-transform:uppercase;color:#6e8498}.view{display:none}.active-view{display:block}.tree-root{margin-top:30px;background:#183954;color:#fff;padding:20px;border-radius:16px;font-weight:800}.tree-children{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.tree-children span{background:#eff6fa;color:#183954;padding:12px 14px;border-radius:10px}@media(max-width:1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}.hero-strip{grid-template-columns:repeat(2,1fr)}.logo-card{grid-column:1/-1}.topbar{align-items:flex-start;gap:14px;flex-direction:column}.top-actions{flex-wrap:wrap}}@media(max-width:760px){.sidebar{position:static;width:100%}.app-shell{display:block}.main{margin-left:0;width:100%;padding:20px}.cards-grid,.stats-row{grid-template-columns:1fr}.hero-strip{grid-template-columns:1fr}.title-row h1,.view h1{font-size:40px}.title-row{gap:12px;flex-direction:column}.period-row{align-items:flex-start;gap:14px;flex-direction:column}}