.appShell{flex-direction:column;gap:18px;min-height:100vh;padding:24px;display:flex}.appHeader{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1418248c;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.appTitle{font-size:18px;font-weight:650}.appSubtitle{opacity:.75;margin-top:2px;font-size:13px}.appNav a{color:inherit;opacity:.9;border:1px solid #ffffff1f;border-radius:10px;padding:8px 10px;text-decoration:none}.appNav a:hover{opacity:1}.appMain{border:1px solid #ffffff14;border-radius:14px;padding:18px}.pageRow{grid-template-columns:1fr 320px;align-items:start;gap:14px;display:grid}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1418248c;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.panelHead{color:#e9f0ffd1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;font-size:13px;display:flex}.panelBody{padding:12px 14px}.kpiGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:10px}.kpiLabel{color:#e9f0ffb8;font-size:12px}.kpiValue{margin-top:4px;font-size:16px;font-weight:650}.barRow{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;display:grid}.bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.barFill{background:linear-gradient(90deg,#6ea8ff,#35d07f);height:100%}.barPct{color:#e9f0ffb8;font-variant-numeric:tabular-nums;font-size:12px}.feed{flex-direction:column;gap:10px;display:flex}.feedItem{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:10px}.feedTop{color:#e9f0ffbd;justify-content:space-between;gap:10px;font-size:12px;display:flex}.feedTitle{margin-top:4px;font-size:13px;font-weight:650}.feedSub{color:#e9f0ffb3;margin-top:1px;font-size:12px}.btn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;height:34px;padding:0 10px;font-size:13px;font-weight:500;transition:all .2s}.btn:hover{background:#ffffff1a;border-color:#ffffff2e}.btn:active{transform:scale(.98)}.btn.ghost{background:0 0;transition:all .2s}.btn.ghost:hover{background:#ffffff14;border-color:#fff3}.btn.ghost:active{background:#ffffff0a;transform:scale(.98)}.field{color:#ffffffeb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;height:34px;padding:0 10px;display:block}.textarea{color:#ffffffeb;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;min-height:80px;padding:10px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formRow{flex-direction:column;gap:6px;display:flex}.formLabel{color:#e9f0ffc7;font-size:12px}.formFull{grid-column:1/-1}@media (max-width:1100px){.pageRow,.formGrid{grid-template-columns:1fr}}.app{flex-direction:column;min-height:100vh;display:flex}.topBar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141824e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.logo{color:#08121f;background:linear-gradient(135deg,#6ea8ffe6,#35d07fcc);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brandText{flex-direction:column;line-height:1.1;display:flex}.brandName{font-weight:750}.brandSub{opacity:.75;font-size:12px}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.seg{border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;overflow:hidden}.segBtn{color:#ffffffd1;cursor:pointer;background:0 0;border:none;height:34px;padding:0 12px}.segBtn.on{color:#fffffff2;background:#ffffff1f}.fieldGroup{align-items:center;gap:10px;display:flex}.search{color:#ffffffeb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:200px;height:34px;padding:0 10px}.zoom{align-items:center;gap:8px;display:flex}.zoomLabel{opacity:.8;font-size:12px}.zoomRange{width:120px}.zoomVal{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.content{flex:1;grid-template-columns:320px 1fr;align-items:start;gap:12px;padding:16px;display:grid}.side{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:76px}.panelTitle{color:#e9f0ffd1;border-bottom:1px solid #ffffff14;padding:12px 14px;font-size:13px}.kpis{grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;display:grid}.util{padding:12px 14px 14px}.utilRow{color:#e9f0ffb8;justify-content:space-between;font-size:12px;display:flex}.utilVal{font-variant-numeric:tabular-nums}.utilBar{background:#ffffff14;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.utilFill{background:linear-gradient(90deg,#6ea8ff,#35d07f);height:100%}.utilHint{opacity:.7;margin-top:8px;font-size:12px}.feed{padding:12px 14px 14px}.main{min-width:0}.footer{opacity:.75;border-top:1px solid #ffffff14;justify-content:space-between;padding:10px 16px;font-size:12px;display:flex}@media (max-width:1100px){.content{grid-template-columns:1fr}.side{position:static}}