@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/3ce154ad7d54dc86-s.1-9go8whdf-l6.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/7cdbb9ca823c0a73-s.1h6d36qg8q9eb.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/1e239d59b95c7889-s.2z2_lz8ulsj_0.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/a421df443b3f383b-s.36lh57wvljuff.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/c2873153dc73d9e3-s.1em1pp1frbjrf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/d38a53d0ba90b32d-s.398ve1q5qj3un.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/5b0229109f6656bb-s.3tlvbu8v6d928.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/ca19bc83075b2625-s.2f6i6rjizi5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/2aec202ebfcf461b-s.261mkozpp7zc7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/cf514f5d0007dafa-s.p.1wc2mf9hp9pav.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans Fallback;src:local(Arial);ascent-override:101.65%;descent-override:27.86%;line-gap-override:0.0%;size-adjust:105.15%}.open_sans_7c5cda17-module__uDhhPq__className{font-family:Open Sans,Open Sans Fallback;font-style:normal}.open_sans_7c5cda17-module__uDhhPq__variable{--font:"Open Sans", "Open Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_cae73ff1-module__MCkKAa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_cae73ff1-module__MCkKAa__variable{--mono:"JetBrains Mono", "JetBrains Mono Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-navy-50:#f2f6fd;--color-navy-100:#e2ecfb;--color-navy-200:#c3d9f9;--color-navy-300:#96bef8;--color-navy-400:#5d9ef8;--color-navy-500:#1f7af9;--color-navy-600:#035edd;--color-navy-700:#0248ac;--color-navy-800:#013681;--color-navy-900:#00275e;--color-navy-950:#001635;--color-grey-50:#f6f5f5;--color-grey-100:#e7e6e6;--color-grey-200:#d1d0d0;--color-grey-300:#b1afb0;--color-grey-400:#8a8686;--color-grey-500:#6f686b;--color-grey-600:#5e5c5d;--color-grey-700:#504e4f;--color-grey-800:#464444;--color-grey-900:#323131;--color-grey-950:#262626;--color-txt-invert:#fff;--color-txt-placeholder:#8a8686;--color-txt-secondary:#5e5c5d;--color-txt-primary:#323131;--color-txt-brand-primary:#00275e;--color-txt-success:#00a63e;--color-txt-warning:#d08700;--color-txt-error:#ca3500;--color-txt-info:#0488a9;--color-txt-launches:#872bff;--color-bg-primary:#fff;--color-bg-secondary:#f6f5f5;--color-bg-tertiary:#d1d0d0;--color-bg-disabled:#e7e6e6;--color-bg-brand-primary:#00275e;--color-bg-brand-primary-light:#f2f6fd;--color-bg-brand-secondary:#323131;--color-bg-success:#00a63e;--color-bg-success-light:#f0fdf4;--color-bg-warning:#d08700;--color-bg-warning-light:#fefce8;--color-bg-error:#ca3500;--color-bg-error-light:#fff7ed;--color-bg-info:#0488a9;--color-bg-info-light:#f2fbfd;--color-brd-primary:#d1d0d0;--color-brd-brand-primary:#00275e;--space-none:0px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:56px;--space-5xl:64px;--space-6xl:72px;--space-7xl:80px;--border-radius-none:0px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:80px;--border-none:none;--border-width-sm:1px;--border-width-md:2px;--border-width-lg:3px;--border-width-xl:4px;--shadow-none:none;--shadow-sm:0 2px 4px 1px #0000001f, 0 0 0 1px #0000;--shadow-md:0 3px 6px 1px #0000002e, 0 0 0 1px #0000;--shadow-lg:0 6px 12px 0 #0000002e, 0 0 0 1px #0000;--shadow-xl:0 9px 18px 0 #0000002e, 0 0 0 1px #0000;--shadow-2xl:0 12px 36px 0 #0000001f, 0 0 0 1px #0000;--shadow-top:0 -2px 4px 1px #0000000f, 0 0 0 1px #0000;--font:"Open Sans", sans-serif;--mono:"JetBrains Mono", monospace}body{font-family:var(--font);background:var(--color-bg-secondary);color:var(--color-txt-primary);line-height:1.6}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-txt-primary);font-size:24px}.ds-header{background:var(--color-bg-brand-secondary);color:#fff;padding:var(--space-3xl) var(--space-5xl)}.ds-badge{background:var(--color-bg-brand-primary);color:#fff;letter-spacing:1.5px;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-md);margin-bottom:var(--space-md);font-size:11px;font-weight:700;display:inline-block}.ds-header h1{margin-bottom:var(--space-sm);font-size:44px;font-weight:800;line-height:1.1}.ds-header h1 span{color:var(--color-txt-brand-primary)}.ds-header p{color:#fff9;font-size:16px;font-weight:400}.ds-header-meta{gap:var(--space-xl);margin-top:var(--space-xl);display:flex}.ds-meta-item{flex-direction:column;display:flex}.ds-meta-label{text-transform:uppercase;letter-spacing:1px;color:#fff6;font-size:11px;font-weight:600}.ds-meta-value{color:#fff;margin-top:2px;font-size:14px;font-weight:600}.ds-nav{border-bottom:var(--border-width-sm) solid var(--color-brd-primary);padding:0 var(--space-5xl);z-index:100;background:#fff;gap:0;display:flex;position:sticky;top:0;overflow-x:auto}.ds-nav a{padding:var(--space-md) var(--space-lg);color:var(--color-txt-secondary);border-bottom:var(--border-width-md) solid transparent;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.ds-nav a:hover,.ds-nav a.active{color:var(--color-txt-brand-primary);border-bottom-color:var(--color-txt-brand-primary)}.ds-content{width:100%;padding:var(--space-2xl)}.ds-section{margin-bottom:var(--space-7xl);scroll-margin-top:var(--space-7xl)}.ds-section-header{margin-bottom:var(--space-xl)}.ds-section-title{color:var(--color-txt-primary);align-items:center;gap:var(--space-sm);font-size:24px;font-weight:800;display:flex}.ds-section-title:before{content:"";background:var(--color-bg-brand-primary);border-radius:var(--border-radius-md);flex-shrink:0;width:4px;height:28px;display:block}.ds-section-desc{color:var(--color-txt-secondary);margin-top:var(--space-sm);padding-left:var(--space-md);font-size:14px}.ds-card{border-radius:var(--border-radius-md);border:var(--border-width-sm) solid var(--color-brd-primary);background:#fff;overflow:hidden}.ds-card-header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);text-transform:uppercase;letter-spacing:1px;color:var(--color-txt-secondary);background:var(--color-bg-secondary);font-size:12px;font-weight:700}.ds-card-body{padding:var(--space-lg)}.palette-label{color:var(--color-txt-primary);margin:var(--space-lg) 0 var(--space-sm);font-size:13px;font-weight:700}.palette-label:first-child{margin-top:0}.palette-row{border-radius:var(--border-radius-md);border:var(--border-width-sm) solid var(--color-brd-primary);grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.palette-cell{padding:var(--space-md) var(--space-xs) var(--space-sm);text-align:center;cursor:pointer;font-size:10px;line-height:1.5}.palette-cell .shade{font-size:11px;font-weight:800;display:block}.palette-cell .hex{font-family:var(--mono);opacity:.85;font-size:9px;display:block}.palette-cell.on-light{color:var(--color-txt-primary)}.palette-cell.on-dark{color:#fff}.color-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.color-swatch{border-radius:var(--border-radius-md);border:var(--border-width-sm) solid var(--color-brd-primary);cursor:pointer;overflow:hidden}.color-preview{height:56px}.color-info{padding:var(--space-sm);background:#fff}.color-name{color:var(--color-txt-primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.color-hex{font-family:var(--mono);color:var(--color-txt-secondary);margin-top:2px;font-size:12px}.color-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-txt-secondary);margin:var(--space-lg) 0 var(--space-sm);padding-bottom:var(--space-sm);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);font-size:12px;font-weight:700}.color-section-label:first-child{margin-top:0}.tokens-table{border-collapse:collapse;width:100%}.tokens-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--color-txt-secondary);padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);background:var(--color-bg-secondary);font-size:11px;font-weight:700}.tokens-table td{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width-sm) solid var(--color-grey-100);font-size:13px}.tokens-table tr:last-child td{border-bottom:none}.token-name{font-family:var(--mono);color:var(--color-txt-brand-primary);font-size:12px;font-weight:600}.token-val{font-family:var(--mono);color:var(--color-txt-primary);font-size:12px}.token-preview-swatch{border-radius:var(--border-radius-md);border:var(--border-width-sm) solid var(--color-brd-primary);vertical-align:middle;width:20px;height:20px;display:inline-block}.type-scale{flex-direction:column;gap:0;display:flex}.type-row{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);align-items:center;gap:var(--space-lg);grid-template-columns:160px 1fr 140px;display:grid}.type-row:last-child{border-bottom:none}.type-meta{flex-direction:column;gap:2px;display:flex}.type-token{font-family:var(--mono);color:var(--color-txt-brand-primary);font-size:11px;font-weight:600}.type-specs{color:var(--color-txt-secondary);font-size:12px}.type-preview{font-family:var(--font);color:var(--color-txt-primary)}.type-badge{align-items:center;gap:var(--space-xs);background:var(--color-bg-secondary);border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);padding:var(--space-xs) var(--space-sm);font-family:var(--mono);color:var(--color-txt-secondary);font-size:11px;display:inline-flex}.sample-list{flex-direction:column;display:flex}.sample-row{padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-width-sm) solid var(--color-grey-100);align-items:center;gap:var(--space-lg);grid-template-columns:120px 200px 120px;display:grid}.sample-row:last-child{border-bottom:none}.sample-head{text-transform:uppercase;letter-spacing:1px;color:var(--color-txt-secondary);background:var(--color-bg-secondary);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);font-size:11px;font-weight:700}.sample-token{font-family:var(--mono);color:var(--color-txt-brand-primary);font-size:12px;font-weight:600}.sample-value{font-family:var(--mono);color:var(--color-txt-secondary);font-size:12px}.space-square{background:var(--color-bg-brand-primary)}.opacity-square{background:var(--color-bg-brand-primary);border-radius:var(--border-radius-md);width:48px;height:48px}.radius-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.radius-card{border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);padding:var(--space-lg);align-items:center;gap:var(--space-sm);background:#fff;flex-direction:column;display:flex}.radius-preview{border:var(--border-width-sm) solid var(--color-brd-brand-primary);background:#fff;width:64px;height:64px}.radius-token{font-family:var(--mono);color:var(--color-txt-brand-primary);text-align:center;font-size:11px;font-weight:600}.radius-value{font-family:var(--mono);color:var(--color-txt-primary);font-size:13px;font-weight:700}.radius-desc{color:var(--color-txt-secondary);text-align:center;font-size:12px}.shadow-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shadow-card{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.shadow-preview{border-radius:var(--border-radius-md);border:var(--border-width-sm) solid var(--color-brd-primary);background:#fff;width:80px;height:80px}.shadow-token{font-family:var(--mono);color:var(--color-txt-brand-primary);font-size:11px;font-weight:600}.states-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.state-btn{padding:var(--space-lg);border-radius:var(--border-radius-md);text-align:center;color:#fff;margin-bottom:var(--space-sm);font-size:15px;font-weight:600}.state-label{font-family:var(--mono);color:var(--color-txt-secondary);margin-bottom:var(--space-xs);font-size:11px}.icon-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(56px,1fr));display:grid}.icon-cell{border-radius:var(--border-radius-md);justify-content:center;align-items:center;height:56px;display:flex}.toast{bottom:var(--space-lg);right:var(--space-lg);background:var(--color-bg-brand-secondary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-md);opacity:0;z-index:1000;pointer-events:none;font-size:14px;font-weight:600;transition:all .2s;position:fixed;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.cmp-toolbar{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);margin-bottom:var(--space-md);background:#fff;flex-wrap:wrap;display:flex}.cmp-field{flex-direction:column;gap:4px;display:flex}.cmp-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-txt-secondary);font-size:11px;font-weight:700}.cmp-select{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);color:var(--color-txt-primary);background:#fff;justify-content:space-between;min-width:160px;font-size:13px;font-weight:600;display:flex}.cmp-select .material-symbols-rounded{color:var(--color-txt-secondary);font-size:18px}.cmp-btn-refresh{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-brand-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;border:none;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.cmp-btn-refresh .material-symbols-rounded{color:#fff;font-size:18px}.cmp-kpi-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.cmp-kpi-card{border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);padding:var(--space-lg);gap:var(--space-sm);background:#fff;flex-direction:column;display:flex}.cmp-kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.cmp-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-txt-secondary);font-size:12px;font-weight:700}.cmp-kpi-icon{border-radius:var(--border-radius-md);background:var(--color-bg-brand-primary-light);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cmp-kpi-icon .material-symbols-rounded{color:var(--color-txt-brand-primary);font-size:18px}.cmp-kpi-value{color:var(--color-txt-primary);font-size:32px;font-weight:800;line-height:1.1}.cmp-kpi-caption{color:var(--color-txt-secondary);font-size:12px}.cmp-trend-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.cmp-trend-card{border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);padding:var(--space-lg);gap:var(--space-sm);background:#fff;flex-direction:column;display:flex;position:relative}.cmp-trend-card.is-current{background:var(--color-bg-brand-primary-light);border-color:var(--color-brd-brand-primary)}.cmp-trend-title{letter-spacing:1px;text-transform:uppercase;color:var(--color-txt-secondary);font-size:11px;font-weight:800}.cmp-trend-badge{top:var(--space-lg);right:var(--space-lg);letter-spacing:.5px;text-transform:uppercase;background:var(--color-bg-brand-primary);color:#fff;border-radius:var(--border-radius-full);padding:2px 8px;font-size:10px;font-weight:700;position:absolute}.cmp-trend-row{padding:var(--space-xs) 0;border-bottom:var(--border-width-sm) solid var(--color-grey-100);justify-content:space-between;align-items:baseline;display:flex}.cmp-trend-row:last-of-type{border-bottom:none}.cmp-trend-row-label{color:var(--color-txt-secondary);font-size:13px}.cmp-trend-row-value{color:var(--color-txt-primary);font-size:16px;font-weight:700}.cmp-trend-delta{margin-left:var(--space-xs);font-size:11px;font-weight:700}.cmp-trend-delta.up{color:var(--color-txt-success)}.cmp-trend-delta.down{color:var(--color-txt-error)}.cmp-trend-footer{margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:var(--border-width-sm) solid var(--color-brd-primary);justify-content:space-between;display:flex}.cmp-trend-footer-label{color:var(--color-txt-secondary);font-size:12px}.cmp-trend-footer-value{color:var(--color-txt-brand-primary);font-size:14px;font-weight:800}.cmp-chart-card{border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);background:#fff}.cmp-chart-bars{align-items:flex-end;gap:var(--space-md);height:160px;padding:0 var(--space-sm);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);display:flex}.cmp-chart-group{flex:1;justify-content:center;align-items:flex-end;gap:4px;height:100%;display:flex}.cmp-chart-bar{border-radius:3px 3px 0 0;width:28px}.cmp-chart-bar.a{background:var(--color-txt-brand-primary)}.cmp-chart-bar.b{background:var(--color-txt-success)}.cmp-chart-labels{gap:var(--space-md);padding:var(--space-sm) var(--space-sm) 0;display:flex}.cmp-chart-labels>div{text-align:center;color:var(--color-txt-secondary);flex:1;font-size:11px;font-weight:700}.cmp-chart-legend{gap:var(--space-lg);margin-top:var(--space-md);display:flex}.cmp-chart-legend span{color:var(--color-txt-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cmp-chart-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.cmp-rank-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.cmp-rank-grid{grid-template-columns:1fr}}.cmp-rank-list{gap:var(--space-sm);flex-direction:column;display:flex}.cmp-rank-row{align-items:center;gap:var(--space-sm);grid-template-columns:140px 1fr 32px;display:grid}.cmp-rank-label{color:var(--color-txt-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cmp-rank-track{background:var(--color-bg-secondary);border-radius:var(--border-radius-full);height:8px;overflow:hidden}.cmp-rank-fill{border-radius:var(--border-radius-full);background:var(--color-txt-brand-primary);height:100%}.cmp-rank-value{color:var(--color-txt-primary);text-align:right;font-size:13px;font-weight:700}.cmp-table-card{border:var(--border-width-sm) solid var(--color-brd-primary);border-radius:var(--border-radius-md);background:#fff;overflow:hidden}.cmp-table-header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);justify-content:space-between;align-items:center;display:flex}.cmp-table-header-title{align-items:center;gap:var(--space-sm);color:var(--color-txt-primary);font-size:14px;font-weight:700;display:flex}.cmp-table-header-title .material-symbols-rounded{color:var(--color-txt-brand-primary);font-size:18px}.cmp-table-header-meta{color:var(--color-txt-secondary);font-size:12px}.cmp-table{border-collapse:collapse;width:100%}.cmp-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-txt-secondary);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:var(--border-width-sm) solid var(--color-brd-primary);white-space:nowrap;font-size:11px;font-weight:700}.cmp-table th .material-symbols-rounded{vertical-align:middle;opacity:.6;font-size:14px}.cmp-table td{padding:var(--space-sm) var(--space-lg);color:var(--color-txt-primary);border-bottom:var(--border-width-sm) solid var(--color-grey-100);font-size:13px}.cmp-table tr:last-child td{border-bottom:none}.cmp-table tr:hover td{background:var(--color-bg-secondary)}.cmp-avatar{color:#fff;width:26px;height:26px;margin-right:var(--space-sm);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.cmp-person{align-items:center;display:flex}.cmp-num{font-weight:700}.cmp-num.link{color:var(--color-txt-brand-primary);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.cmp-num.success{color:var(--color-txt-success)}.cmp-chip{border-radius:var(--border-radius-full);padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cmp-chip.danger{background:var(--color-bg-error-light);color:var(--color-txt-error)}.cmp-chip.warn{background:var(--color-bg-warning-light);color:var(--color-txt-warning)}.cmp-chip.ok{background:var(--color-bg-success-light);color:var(--color-txt-success)}.cmp-table-footer{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);color:var(--color-txt-primary);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.cmp-subtitle{color:var(--color-txt-primary);margin:var(--space-lg) 0 var(--space-sm);font-size:13px;font-weight:700}.cmp-subtitle:first-child{margin-top:0}@media (max-width:768px){.ds-content{padding:var(--space-lg)}.ds-header{padding:var(--space-xl) var(--space-lg)}.ds-nav{padding:0 var(--space-lg)}.type-row{grid-template-columns:1fr}.sample-row{grid-template-columns:100px 1fr 80px}.states-grid{grid-template-columns:1fr}.palette-cell .hex{display:none}}