:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}:root{--bg: #0b1220;--border: rgba(148, 163, 184, .18);--text: rgba(248, 250, 252, .92);--muted: rgba(248, 250, 252, .65);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-soft: 0 8px 18px rgba(0, 0, 0, .25);--ring: rgba(96, 165, 250, .35)}.subsPage{min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(96,165,250,.18),transparent 60%),radial-gradient(900px 600px at 80% 10%,rgba(52,211,153,.12),transparent 55%),radial-gradient(900px 700px at 60% 100%,rgba(251,113,133,.1),transparent 55%),var(--bg);color:var(--text);overflow-x:hidden}.subsHeader{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffff12,#ffffff0a);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subsTitle code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:8px;border:1px solid var(--border);background:#0f172a8c;color:#f8fafce6}.subsFilters{display:grid;grid-template-columns:220px minmax(220px,320px);gap:12px;align-items:end;width:100%;max-width:560px}.subsInput{width:100%;min-width:0;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:#0f172a8c;color:#f8fafceb;outline:none}.subsInput:focus{border-color:#60a5fa8c;box-shadow:0 0 0 4px var(--ring)}.subsInputDate::-webkit-calendar-picker-indicator{opacity:.9;cursor:pointer;filter:invert(1) brightness(1.15)}.subsCard{min-width:0;border:1px solid var(--border);border-radius:14px;padding:14px;background:#0f172a8c;box-shadow:var(--shadow-soft)}.subsCardValue{margin-top:6px;font-size:28px;font-weight:750;letter-spacing:.2px}.subsCardHint{margin-top:6px;color:#f8fafc8c;font-size:12px}.subsPanel{width:100%;min-width:0;border:1px solid var(--border);border-radius:14px;padding:14px;background:#0f172a8c;box-shadow:var(--shadow)}.subsPanelHeader h2{margin:0;font-size:14px;letter-spacing:.2px;color:#f8fafce6}.subsError{width:100%;border:1px solid rgba(248,113,133,.5);background:#f871851f;color:#ffffffe6;padding:12px 14px;border-radius:14px}@media(max-width:720px){.subsFilters{grid-template-columns:1fr;max-width:none}}:root{--bg: #060a08;--bg-2: #070d0a;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--border-strong: rgba(64, 197, 34, .82);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--green: #22c55e;--green-2: #16a34a;--white: #ffffff;--shadow: 0 12px 34px rgba(0, 0, 0, .55);--shadow-soft: 0 10px 22px rgba(0, 0, 0, .35);--ring: rgba(27, 241, 12, .84)}.subsPage,.subsPage *{box-sizing:border-box}.subsPage{min-height:100vh;color:var(--text);overflow-x:hidden;background:radial-gradient(900px 520px at 20% 0%,rgba(34,197,94,.18),transparent 60%),radial-gradient(720px 520px at 85% 20%,rgba(34,197,94,.1),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg-2))}.subsContainer{width:100%;max-width:1120px;margin:0 auto;padding:24px 16px 40px;display:grid;gap:16px}.subsHeader{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffff12,#ffffff08);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subsTitle{display:grid;gap:6px;min-width:240px;flex:1 1 320px}.subsTitle h1{margin:0;font-size:20px;letter-spacing:.2px}.subsTitle small{color:var(--muted);line-height:1.3;overflow-wrap:anywhere}.subsTitle code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:8px;border:1px solid var(--border);background:#00000059;color:#ffffffe6}.subsFilters{display:grid;gap:12px;align-items:end;width:100%;min-width:0}.subsFiltersRange{grid-template-columns:repeat(3,minmax(200px,1fr));max-width:760px}.subsField{display:grid;gap:6px;min-width:0}.subsField span{font-size:12px;color:var(--muted)}.subsInput{width:100%;min-width:0;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:#00000047;color:#ffffffeb;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.subsInput::placeholder{color:#ffffff73}.subsInput:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--ring);background:#00000061}.subsInputDate{color-scheme:dark;padding-right:10px}.subsInputDate::-webkit-calendar-picker-indicator{opacity:.92;cursor:pointer;filter:invert(1) brightness(1.2)}.subsKpis{width:100%;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.subsCard{min-width:0;border:1px solid var(--border);border-radius:14px;padding:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.subsCard:before{content:"";position:absolute;inset:-2px -2px auto -2px;height:2px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.9),transparent);opacity:.55}.subsCardLabel{color:var(--muted);font-size:12px}.subsCardValue{margin-top:6px;font-size:28px;font-weight:780;letter-spacing:.2px}.subsCardHint{margin-top:6px;color:#ffffff85;font-size:12px}.subsCharts{width:100%;display:grid;gap:14px}.subsPanel{width:100%;min-width:0;border:1px solid var(--border);border-radius:14px;padding:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow)}.subsPanelHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.subsPanelHeader h2{margin:0;font-size:14px;letter-spacing:.2px;color:#ffffffeb}.subsPanelHeader small{color:var(--muted)}.subsChartBox{height:320px;width:100%;min-width:0}.subsError{width:100%;border:1px solid rgba(34,197,94,.68);background:#22c55ebf;color:#ffffffeb;padding:12px 14px;border-radius:14px}.subsEmpty{color:var(--muted);padding:10px 2px}@media(max-width:980px){.subsKpis{grid-template-columns:1fr}}@media(max-width:980px){.subsFiltersRange{grid-template-columns:1fr;max-width:none}}@media(max-width:720px){.subsChartBox{height:300px}}