:root{--color-baby-blue:#e6f0fa;--color-sandy-beige:#e7d9c6;--color-light-sand:#f4efe6;--color-off-white:#fafaf8;--color-soft-gray:#d9dce0;--color-white:#fff;--color-cloud:#f7f8f9;--color-mist:#edeef1;--color-slate:#d1d5db;--color-deep-navy:#1a202c;--color-text-primary:#1a202c;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-success:#d1fae5;--color-success-text:#065f46;--color-warning:#fef3c7;--color-warning-text:#92400e;--color-danger:#fee2e2;--color-danger-text:#991b1b;--gradient-primary:linear-gradient(135deg, #e6f0fa 0%, #e7d9c6 100%);--gradient-soft-blue:linear-gradient(180deg, #f2f7ff 0%, #e6f0fa 100%);--gradient-gloss:linear-gradient(180deg, #ffffff40 0%, transparent 50%);--glass-bg:#ffffffa6;--glass-border:#fff6;--glass-blur:12px;--shadow-1:0 1px 3px #1a202c0a, 0 4px 12px #1a202c08;--shadow-2:0 8px 30px #1a202c14;--shadow-3:0 16px 48px #1a202c1f;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--duration-micro:.15s;--duration-standard:.25s;--duration-large:.35s;--ease-out:cubic-bezier(.4, 0, .2, 1);--font-sans:"Satoshi", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--color-baby-blue:#6fcbef;--color-sandy-beige:#d2ae79;--color-light-sand:#16242e;--color-off-white:#0b1620;--color-soft-gray:#26343e;--color-white:#fff;--color-cloud:#101e28;--color-mist:#1b2a35;--color-slate:#3a4a56;--color-deep-navy:#1a202c;--color-text-primary:#f2ece1;--color-text-secondary:#b7c3cc;--color-text-muted:#7c8b96;--color-success:#113328;--color-success-text:#6ee7b7;--color-warning:#3a2a14;--color-warning-text:#fbbf77;--color-danger:#3a1e1b;--color-danger-text:#f3a79a;--gradient-primary:linear-gradient(135deg, #6fcbef 0%, #d2ae79 100%);--gradient-soft-blue:linear-gradient(180deg, #0f1e28 0%, #16242e 100%);--gradient-gloss:linear-gradient(180deg, #ffffff0f 0%, transparent 50%);--glass-bg:#14222d8c;--glass-border:#ffffff14;--shadow-1:0 1px 3px #0000004d, 0 4px 12px #0000003d;--shadow-2:0 8px 30px #00000059;--shadow-3:0 16px 48px #00000073}}.dark{--color-baby-blue:#6fcbef;--color-sandy-beige:#d2ae79;--color-light-sand:#16242e;--color-off-white:#0b1620;--color-soft-gray:#26343e;--color-white:#fff;--color-cloud:#101e28;--color-mist:#1b2a35;--color-slate:#3a4a56;--color-deep-navy:#1a202c;--color-text-primary:#f2ece1;--color-text-secondary:#b7c3cc;--color-text-muted:#7c8b96;--color-success:#113328;--color-success-text:#6ee7b7;--color-warning:#3a2a14;--color-warning-text:#fbbf77;--color-danger:#3a1e1b;--color-danger-text:#f3a79a;--gradient-primary:linear-gradient(135deg, #6fcbef 0%, #d2ae79 100%);--gradient-soft-blue:linear-gradient(180deg, #0f1e28 0%, #16242e 100%);--gradient-gloss:linear-gradient(180deg, #ffffff0f 0%, transparent 50%);--glass-bg:#14222d8c;--glass-border:#ffffff14;--shadow-1:0 1px 3px #0000004d, 0 4px 12px #0000003d;--shadow-2:0 8px 30px #00000059;--shadow-3:0 16px 48px #00000073}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-1)}.gradient-primary{background:var(--gradient-primary)}.gradient-soft-blue{background:var(--gradient-soft-blue)}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:transform var(--duration-micro) var(--ease-out), box-shadow var(--duration-micro) var(--ease-out), filter var(--duration-micro) var(--ease-out);border:none;justify-content:center;align-items:center;gap:.5rem;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.4;display:inline-flex}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:var(--color-deep-navy);box-shadow:var(--shadow-1)}.btn-primary:hover{filter:brightness(1.03)}.btn-secondary{background:var(--color-light-sand);color:var(--color-text-primary);border:1px solid var(--color-soft-gray)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-soft-gray);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
*{box-sizing:border-box}html{background:var(--color-off-white)}body{background:var(--color-off-white);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:0 var(--space-6) var(--space-16)}.site-header{max-width:1200px;padding:var(--space-6) 0;border-bottom:1px solid var(--color-soft-gray);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);letter-spacing:-.02em;font-size:18px;font-weight:600;display:inline-flex}.brand img{width:40px;height:40px;display:block}.header-label,.eyebrow,.app-count,.status-badge{font-size:13px;font-weight:500}.header-label,.app-count{color:var(--color-text-muted)}.hero,.app-section{max-width:1200px;margin-left:auto;margin-right:auto}.hero{padding:var(--space-16) 0 var(--space-12)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.hero h1{letter-spacing:-.04em;max-width:680px;margin:0;font-size:clamp(36px,6vw,48px);font-weight:700;line-height:1.1}.hero-copy{max-width:520px;margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:18px;line-height:1.5}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-heading h2{margin:0;font-size:24px;font-weight:600;line-height:1.25}.create-section{max-width:1200px;padding-bottom:var(--space-12);margin-left:auto;margin-right:auto}.create-form{gap:var(--space-4);max-width:560px;padding:var(--space-6);border:1px solid var(--color-soft-gray);border-radius:var(--radius-md);background:var(--color-light-sand);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.form-row{gap:var(--space-2);flex-direction:column;display:flex}.form-row label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.form-row input,.form-row select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-soft-gray);border-radius:var(--radius-sm);background:var(--color-off-white);color:var(--color-text-primary);font-family:var(--font-sans);font-size:15px}.form-row input::placeholder{color:var(--color-text-muted)}.form-row input:focus,.form-row select:focus{border-color:var(--color-baby-blue);outline:none;box-shadow:0 0 0 3px #6fcbef73}.form-error{color:var(--color-danger-text);margin:0;font-size:14px}.app-count{padding-bottom:3px}.app-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.empty-state{padding:var(--space-8);border:1px dashed var(--color-soft-gray);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;margin:0}.app-card{min-height:240px;padding:var(--space-5);border:1px solid var(--color-soft-gray);border-radius:var(--radius-md);background:var(--color-light-sand);box-shadow:var(--shadow-1);transition:transform var(--duration-micro) var(--ease-out), box-shadow var(--duration-micro) var(--ease-out);flex-direction:column;display:flex}.app-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.card-topline{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.app-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);width:40px;height:40px;color:var(--color-deep-navy);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-baby-blue);color:var(--color-deep-navy);line-height:1.4}.app-card h3{margin:var(--space-5) 0 var(--space-2);overflow-wrap:anywhere;font-size:20px;font-weight:500;line-height:1.3}.card-description{color:var(--color-text-secondary);margin:0;font-size:14px}.open-link{width:fit-content;padding-top:var(--space-5);color:var(--color-text-muted);cursor:not-allowed;opacity:.5;margin-top:auto;font-size:14px;font-weight:500}@media (max-width:960px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.page-shell{padding-right:var(--space-4);padding-left:var(--space-4)}.site-header{padding-top:var(--space-4);padding-bottom:var(--space-4)}.header-label{display:none}.hero{padding:var(--space-12) 0 var(--space-10)}.hero-copy{font-size:16px}.app-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app-card{transition:none}}