*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.collapse{visibility:collapse}.fixed{position:fixed}.block{display:block}.flex{display:flex}.table{display:table}.border{border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#eef1ea;--ink:#37473f;--muted:#7c8a82;--panel:rgba(255,255,255,0.72);--panel-solid:#fbfaf6;--panel-2:#f1f0e9;--line:rgba(120,140,125,0.18);--primary:#55a6b6;--primary-2:#7cc6ca;--sage:#aec88f;--lime:#c6d885;--blue:#9fcae4;--sky:#8fc0dd;--teal:#6fc6c6;--peach:#f3d9c3;--pink:#eec4cf;--green:#3c7a5f;--gold:#97702a;--red:#a4513f;--r-lg:30px;--r-md:18px;--r-sm:13px;--hi:inset 0 1px 0 rgba(255,255,255,0.75);--shadow-soft:0 18px 40px -20px rgba(70,100,90,0.35),0 6px 16px -10px rgba(70,100,90,0.20);--shadow-raised:0 12px 22px -10px rgba(60,120,108,0.45),inset 0 1px 0 rgba(255,255,255,0.45);--shadow-inset:inset 0 2px 6px rgba(110,135,125,0.20),inset 0 -1px 0 rgba(255,255,255,0.6)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Nunito,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1200px 780px at 8% -10%,rgba(159,202,228,.38) 0,transparent 55%),radial-gradient(1000px 700px at 104% 4%,rgba(198,216,133,.32) 0,transparent 52%),radial-gradient(920px 820px at 94% 112%,rgba(111,198,198,.3) 0,transparent 55%),radial-gradient(820px 700px at -8% 106%,rgba(238,196,207,.32) 0,transparent 55%),linear-gradient(135deg,#f5ecdd,#eef1e6 46%,#e6eef1);background-attachment:fixed}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button,input,select{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);gap:14px;padding:14px}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(240,245,240,.7));backdrop-filter:blur(12px);color:var(--ink);padding:22px 18px;border-radius:var(--r-lg);box-shadow:var(--shadow-soft),var(--hi);display:flex;flex-direction:column;gap:20px;position:sticky;top:14px;height:calc(100vh - 28px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:48px;border-radius:50% 50% 48% 52%/52% 48% 52% 48%;background:linear-gradient(150deg,#9fcae4,#6fc6c6 52%,#c6d885);color:#ffffff;display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow-raised),inset 0 -3px 6px rgba(60,110,100,.25)}.brand strong{display:block;line-height:1.12}.brand span,.muted,.sidebar .muted{color:var(--muted)}.nav{display:grid;gap:8px}.nav a{padding:11px 14px;border-radius:var(--r-md);border:1px solid transparent;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.nav a:hover{background:rgba(255,255,255,.9);transform:translateY(-1px);color:var(--ink)}.nav a:hover,.nav a[aria-current=page]{box-shadow:var(--shadow-soft),var(--hi)}.nav a[aria-current=page]{background:#ffffff;color:var(--primary);font-weight:700}.main{min-width:0}.topbar{position:sticky;top:14px;z-index:5;display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:12px;align-items:center;padding:14px 18px;border-radius:var(--r-lg);background:rgba(255,255,255,.62);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft),var(--hi)}.search{position:relative}.ghost,.search input,.topbar select{min-height:42px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.7);color:var(--ink);padding:10px 16px;box-shadow:var(--shadow-inset)}.search input{width:100%}.search input:focus,.topbar select:focus{outline:none;border-color:var(--primary-2);box-shadow:var(--shadow-inset),0 0 0 3px rgba(124,198,202,.28)}.suggestions{position:absolute;top:50px;left:0;right:0;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-soft);padding:8px;display:grid;gap:4px}.suggestions button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:var(--r-sm)}.suggestions button:hover{background:var(--panel-2)}.button{min-height:42px;border-radius:999px;border:none;padding:10px 20px;background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#ffffff;font-weight:600;cursor:pointer;box-shadow:var(--shadow-raised);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.button:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 16px 26px -10px rgba(60,120,108,.5),inset 0 1px 0 rgba(255,255,255,.5)}.button:active{transform:translateY(1px);box-shadow:inset 0 3px 8px rgba(40,90,80,.35)}.content{padding:20px 22px 30px;display:grid;gap:20px}.card,.hero,.panel{background:var(--panel);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);box-shadow:var(--shadow-soft),var(--hi)}.hero,.panel{padding:24px 26px}.hero{position:relative;overflow:hidden}.hero:before{right:-90px;top:-120px;width:380px;height:360px;border-radius:42% 58% 63% 37%/45% 42% 58% 55%;background:radial-gradient(circle at 30% 28%,rgba(143,192,221,.62),transparent 60%),radial-gradient(circle at 72% 68%,rgba(198,216,133,.55),transparent 60%),radial-gradient(circle at 62% 30%,rgba(111,198,198,.42),transparent 58%);filter:blur(4px)}.hero:after,.hero:before{content:"";position:absolute;pointer-events:none;z-index:0}.hero:after{left:-100px;bottom:-130px;width:320px;height:300px;border-radius:58% 42% 38% 62%/55% 55% 45% 45%;background:radial-gradient(circle at 40% 40%,rgba(243,217,195,.6),transparent 60%),radial-gradient(circle at 68% 62%,rgba(238,196,207,.5),transparent 60%);filter:blur(6px)}.hero>*{position:relative;z-index:1}.hero h1{margin:0;font-size:clamp(28px,5vw,50px);line-height:1.02;letter-spacing:-.5px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px 20px;position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.card:after{content:"";position:absolute;right:-52px;bottom:-52px;width:160px;height:150px;border-radius:46% 54% 60% 40%/48% 44% 56% 52%;background:radial-gradient(circle at 34% 34%,rgba(198,216,133,.4),transparent 66%);filter:blur(3px);pointer-events:none;z-index:0}.card>*{position:relative;z-index:1}.grid.three .card:nth-child(4n+2):after,.grid.two .card:nth-child(4n+2):after{background:radial-gradient(circle at 34% 34%,rgba(143,192,221,.42),transparent 66%)}.grid.three .card:nth-child(4n+3):after,.grid.two .card:nth-child(4n+3):after{background:radial-gradient(circle at 34% 34%,rgba(243,217,195,.46),transparent 66%)}.grid.three .card:nth-child(4n):after,.grid.two .card:nth-child(4n):after{background:radial-gradient(circle at 34% 34%,rgba(111,198,198,.38),transparent 66%)}.card:hover{transform:translateY(-2px);box-shadow:0 26px 46px -22px rgba(70,100,90,.42),0 8px 18px -10px rgba(70,100,90,.22),var(--hi)}.card strong{display:block;font-size:28px;color:var(--ink)}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;background:#dcebe0;color:var(--green);font-size:12px;font-weight:600;box-shadow:var(--hi)}.status.warn{background:#f6e7cf;color:var(--gold)}.status.bad{background:#f3dcd8;color:var(--red)}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-inset);color:var(--ink);padding:10px 14px;transition:box-shadow .12s ease,border-color .12s ease}.content input:focus,.content select:focus,.content textarea:focus{outline:none;border-color:var(--primary-2);box-shadow:var(--shadow-inset),0 0 0 3px rgba(124,198,202,.24)}.content input[type=checkbox],.content input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.content table{border-color:var(--line)!important;border-collapse:separate;border-spacing:0}.content thead th{color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}.content tbody tr{transition:background .12s ease}.content tbody tr:hover{background:rgba(255,255,255,.5)}.content td,.content th{border-color:var(--line)!important}.content pre{background:var(--panel-2)!important;border:1px solid var(--line);border-radius:var(--r-md)!important;box-shadow:var(--hi)}.content button:not(.button):not([class]){border-radius:999px;box-shadow:var(--shadow-soft);transition:transform .1s ease,box-shadow .1s ease}.content button:not(.button):not([class]):hover{transform:translateY(-1px)}.card:before{content:"";inset:0;background:linear-gradient(160deg,rgba(255,255,255,.45),rgba(255,255,255,0) 42%);border-radius:inherit}.blob,.card:before{position:absolute;pointer-events:none;z-index:0}.blob{width:320px;height:300px;border-radius:42% 58% 63% 37%/45% 42% 58% 55%;background:linear-gradient(150deg,var(--sky),var(--teal) 55%,var(--lime));filter:blur(2px);opacity:.5}.blob.pink{background:linear-gradient(150deg,var(--pink),var(--peach))}.blob.lime{background:linear-gradient(150deg,var(--lime),var(--teal))}.blob.sky{background:linear-gradient(150deg,var(--sky),var(--primary))}.coin{width:44px;height:44px;border-radius:50% 50% 48% 52%/52% 48% 52% 48%;background:linear-gradient(150deg,#ffffff 0,var(--sky) 55%,var(--teal));box-shadow:var(--shadow-raised),inset 0 -3px 6px rgba(60,110,100,.2);display:grid;place-items:center;color:#ffffff;font-weight:700}.coin.lime{background:linear-gradient(150deg,#ffffff,var(--lime) 60%,var(--sage))}.coin.pink{background:linear-gradient(150deg,#ffffff,var(--pink) 60%,var(--peach))}.swatch{position:relative;overflow:hidden;border-radius:var(--r-lg);box-shadow:var(--shadow-soft),var(--hi);background:var(--panel-solid);min-height:120px}.swatch:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,var(--sky),var(--teal))}.swatch.lime:after{background:linear-gradient(180deg,var(--lime),var(--sage))}.swatch.pink:after{background:linear-gradient(180deg,var(--pink),var(--peach))}.swatch.aqua:after{background:linear-gradient(180deg,var(--primary-2),var(--primary))}*{scrollbar-width:thin;scrollbar-color:rgba(120,140,125,.35) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(120,140,125,.32);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(100,125,112,.5);background-clip:padding-box}@media (max-width:960px){.layout{grid-template-columns:1fr;padding:10px}.sidebar{position:static;height:auto}.grid.three,.grid.two,.topbar{grid-template-columns:1fr}}