@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
:root{--clay-bg:#faf9f7;--clay-black:#000;--clay-white:#fff;--clay-border:#dad4c8;--clay-border-light:#eee9df;--clay-border-cool:#e6e8ec;--swatch-matcha-300:#84e7a5;--swatch-matcha-600:#078a52;--swatch-matcha-800:#02492a;--swatch-slushie-500:#3bd3fd;--swatch-slushie-800:#0089ad;--swatch-lemon-400:#f8cc65;--swatch-lemon-500:#fbbd41;--swatch-lemon-700:#d08a11;--swatch-lemon-800:#9d6a09;--swatch-ube-300:#c1b0ff;--swatch-ube-800:#43089f;--swatch-ube-900:#32037d;--swatch-pomegranate-400:#fc7981;--swatch-blueberry-800:#01418d;--swatch-dragonfruit:#e91e8c;--clay-silver:#9f9b93;--clay-charcoal:#55534e;--clay-dark:#333;--badge-blue-bg:#f0f8ff;--badge-blue-text:#3859f9;--clay-shadow:#0000001a 0px 1px 1px, #0000000a 0px -1px 1px inset, #0000000d 0px -.5px 1px;--clay-shadow-lg:#00000014 0px 4px 12px, #0000000a 0px -1px 1px inset;--clay-hover-shadow:#000 -7px 7px;--focus-ring:#146ef5 solid 2px;--radius-sm:4px;--radius-md:8px;--radius-card:12px;--radius-feature:24px;--radius-section:40px;--radius-pill:1584px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{color:var(--clay-black);background-color:var(--clay-bg);letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.6}.display-hero{letter-spacing:-.04em;color:var(--clay-black);font-size:3.75rem;font-weight:700;line-height:1}.display-secondary{letter-spacing:-.03em;font-size:2.75rem;font-weight:700;line-height:1}.section-heading{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.1}.card-heading{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.1}.feature-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.4}.body-large{font-size:1.125rem;font-weight:400;line-height:1.6}.body-standard{font-size:1rem;font-weight:400;line-height:1.5}.body-medium{letter-spacing:-.01em;font-size:1rem;font-weight:500;line-height:1.4}.caption{letter-spacing:-.01em;font-size:.875rem;font-weight:400;line-height:1.5}.small{font-size:.75rem;font-weight:400;line-height:1.5}.uppercase-label{letter-spacing:.07em;text-transform:uppercase;color:var(--clay-silver);font-size:.75rem;font-weight:600;line-height:1.2}.mono{font-family:Space Mono,monospace}.clay-btn{letter-spacing:-.01em;border-radius:var(--radius-card);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.5;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.clay-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.clay-btn-primary{background:var(--clay-black);color:var(--clay-white);box-shadow:var(--clay-shadow)}.clay-btn-primary:hover{box-shadow:var(--clay-hover-shadow);background:var(--swatch-ube-800);transform:rotate(-4deg)translateY(-4px)}.clay-btn-secondary{background:var(--clay-white);color:var(--clay-black);border:1px solid var(--clay-border);box-shadow:var(--clay-shadow)}.clay-btn-secondary:hover{box-shadow:var(--clay-hover-shadow);background:var(--swatch-lemon-500);border-color:var(--swatch-lemon-500);transform:rotate(-4deg)translateY(-4px)}.clay-btn-ghost{color:var(--clay-black);border:1px solid var(--clay-border);background:0 0}.clay-btn-ghost:hover{box-shadow:var(--clay-hover-shadow);background:var(--swatch-pomegranate-400);color:var(--clay-white);border-color:var(--swatch-pomegranate-400);transform:rotate(-4deg)translateY(-4px)}.clay-btn-matcha{background:var(--swatch-matcha-600);color:var(--clay-white)}.clay-btn-matcha:hover{box-shadow:var(--clay-hover-shadow);background:var(--swatch-matcha-800);transform:rotate(-4deg)translateY(-4px)}.clay-btn-slushie{background:var(--swatch-slushie-800);color:var(--clay-white)}.clay-btn-slushie:hover{box-shadow:var(--clay-hover-shadow);background:var(--swatch-slushie-500);transform:rotate(-4deg)translateY(-4px)}.clay-btn-sm{border-radius:var(--radius-md);padding:6px 12px;font-size:.8125rem}.clay-btn-lg{border-radius:var(--radius-feature);padding:14px 28px;font-size:1.125rem}.clay-btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:8px}.clay-card{background:var(--clay-white);border:1px solid var(--clay-border);border-radius:var(--radius-feature);box-shadow:var(--clay-shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;overflow:hidden}.clay-card-hover:hover{box-shadow:var(--clay-shadow-lg);transform:translateY(-4px)}.clay-card-dashed{border-style:dashed}.clay-input{width:100%;color:var(--clay-black);background:var(--clay-white);border:1px solid var(--clay-border);border-radius:var(--radius-md);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.clay-input::placeholder{color:var(--clay-silver)}.clay-input:focus{border-color:var(--badge-blue-text);box-shadow:0 0 0 3px #3859f91a}.clay-input-sm{padding:6px 10px;font-size:.8125rem}.clay-select{width:100%;color:var(--clay-black);background:var(--clay-white);border:1px solid var(--clay-border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239f9b93' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px;font-family:Inter,sans-serif;font-size:.9375rem}.clay-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.clay-badge-matcha{color:var(--swatch-matcha-600);background:#088a521a}.clay-badge-lemon{color:var(--swatch-lemon-700);background:#fbbd4126}.clay-badge-pomegranate{color:#c2363d;background:#fc79811f}.clay-badge-slushie{color:var(--swatch-slushie-800);background:#3bd3fd1f}.clay-badge-ube{color:var(--swatch-ube-800);background:#43089f1a}.clay-badge-blueberry{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.clay-badge-neutral{color:var(--clay-charcoal);background:#0000000d}.clay-table{border-collapse:collapse;width:100%}.clay-table thead{border-bottom:1px solid var(--clay-border)}.clay-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--clay-silver);background:#00000004;padding:12px 16px;font-size:.6875rem;font-weight:600}.clay-table td{color:var(--clay-dark);border-bottom:1px solid var(--clay-border-light);padding:14px 16px;font-size:.875rem}.clay-table tbody tr{transition:background .15s}.clay-table tbody tr:hover{background:#00000004}.clay-table tbody tr:last-child td{border-bottom:none}.stat-card{border-radius:var(--radius-feature);color:var(--clay-white);box-shadow:var(--clay-shadow-lg);padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--clay-hover-shadow);transform:translateY(-6px)}.stat-card:before{content:"";background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;top:-24px;right:-24px}.stat-card:after{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-32px;right:-16px}.stat-card-matcha{background:linear-gradient(135deg, var(--swatch-matcha-600), var(--swatch-matcha-800))}.stat-card-slushie{background:linear-gradient(135deg, var(--swatch-slushie-500), var(--swatch-slushie-800))}.stat-card-lemon{background:linear-gradient(135deg, var(--swatch-lemon-500), var(--swatch-lemon-800))}.stat-card-ube{background:linear-gradient(135deg, var(--swatch-ube-300), var(--swatch-ube-800))}.stat-card-pomegranate{background:linear-gradient(135deg, var(--swatch-pomegranate-400), #b22d35)}.stat-card-blueberry{background:linear-gradient(135deg, #2563eb, var(--swatch-blueberry-800))}.app-sidebar{width:var(--sidebar-width);background:var(--clay-white);border-right:1px solid var(--clay-border);z-index:100;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--clay-border-light);align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--swatch-lemon-500), var(--swatch-lemon-700));width:36px;height:36px;color:var(--clay-white);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--clay-silver);padding:16px 12px 6px;font-size:.625rem;font-weight:600}.sidebar-link{border-radius:var(--radius-md);color:var(--clay-charcoal);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin:1px 0;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--clay-black);background:#0000000a}.sidebar-link.active{color:var(--clay-white);background:#f27a1a;font-weight:600}.sidebar-link-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.125rem;display:flex}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-badge{border-radius:var(--radius-pill);background:var(--swatch-pomegranate-400);color:var(--clay-white);margin-left:auto;padding:1px 7px;font-size:.625rem;font-weight:700}.app-header{top:0;left:var(--sidebar-width);height:var(--header-height);background:var(--clay-bg);border-bottom:1px solid var(--clay-border);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f7d9;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;right:0}.app-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:24px}.swatch-section-matcha{background:var(--swatch-matcha-800);color:var(--clay-white);border-radius:var(--radius-section)}.swatch-section-ube{background:var(--swatch-ube-800);color:var(--clay-white);border-radius:var(--radius-section)}.swatch-section-slushie{background:var(--swatch-slushie-800);color:var(--clay-white);border-radius:var(--radius-section)}.swatch-section-lemon{background:var(--swatch-lemon-500);color:var(--clay-black);border-radius:var(--radius-section)}.page-title{letter-spacing:-.03em;color:var(--clay-black);font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--clay-silver);margin-top:4px;font-size:.9375rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relative{position:relative}.z-10{z-index:10}.shrink-0{flex-shrink:0}.flex-1{flex:1}.hidden{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clay-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clay-silver)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--clay-border-light);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}@media (max-width:991px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-header{left:0}.app-content{margin-left:0}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.app-content{padding:16px}.display-hero{font-size:2.5rem}.page-title{font-size:1.375rem}}