:root{--bg: #f6f7fb;--panel: #ffffff;--muted: #6b7280;--text: #0f172a;--primary: #6c62ff;--primary-10:#f1f0ff;--primary-20:#e5e3ff;--accent: #35c1b5;--danger: #ef476f;--ring: 0 0 0 3px color-mix(in oklab, var(--primary) 25%, transparent);--radius: 18px;--shadow-sm: 0 6px 18px rgba(17,24,39,.06);--shadow-md: 0 10px 30px rgba(17,24,39,.08);--shadow-lg: 0 24px 60px rgba(17,24,39,.1);--logo-h: 130px;--global-bar-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at -10% -20%,#f7f1ff 0%,transparent 55%),radial-gradient(900px 500px at 110% 10%,#e9fbff 0%,transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#globalAppbar,.appbar{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important;pointer-events:none!important}.global-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:var(--global-bar-h);padding:0 18px;background:transparent;backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid #eef0f6;box-shadow:var(--shadow-sm);overflow:hidden}.bar-gradient{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;z-index:-1;background:radial-gradient(900px 420px at 8% 5%,var(--primary-20),transparent 60%),radial-gradient(780px 380px at 92% 10%,#d9f1ff,transparent 60%),linear-gradient(#fff,#f5f7ff 40%,#f0f3ff);opacity:.92}.brand{position:relative;display:flex;align-items:center;gap:0px;text-decoration:none;color:inherit;font-weight:800;letter-spacing:.1px}.brand-logo{height:var(--logo-h);width:auto;margin-right:-20px;filter:drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 22px rgba(255,255,255,.8)) drop-shadow(0 0 42px rgba(255,255,255,.65)) drop-shadow(0 0 60px rgba(255,255,255,.4)) drop-shadow(0 0 70px rgba(108,98,255,.25))}.brand-name{font-weight:800}.brand-dot{width:12px;height:12px;border-radius:3px;border:2px solid #70d5ff;background:transparent;display:inline-block}.hero{position:relative;padding:48px 18px}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 15% 5%,var(--primary-20),transparent 60%),radial-gradient(1000px 520px at 85% 15%,#d9f1ff,transparent 60%),linear-gradient(#fff,#f5f7ff 40%,#f0f3ff)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.hero-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:30px 28px;border:1px solid #eef0f6}.hero-title{font-size:44px;line-height:1.05;margin:0 0 14px}.hero-subtitle{margin:0 0 22px;color:var(--muted);font-size:18px}.cta-row{display:flex;gap:12px}.hero-illustration{position:relative;display:flex;justify-content:center}.hero-illustration img{display:block;width:min(520px,90%);height:auto;border-radius:24px;box-shadow:var(--shadow-lg);background:#fff}.ill-shadow{position:absolute;inset:auto 0 -22px 0;height:18px;border-radius:50%;filter:blur(14px);background:#0000001a}.btn,.btn.solid,.btn.ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid transparent;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;transform:translateY(0)}.btn.solid{background:var(--primary);color:#fff}.btn.ghost{background:#fff;color:#111827;border-color:#e5e7eb}.btn:hover,.btn:focus-visible,.btn.solid:hover,.btn.ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active,.btn.solid:active,.btn.ghost:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100%}.sidebar{padding:22px 18px;background:#fbfbfe;border-right:1px solid #eef0f6}.brand-badge{width:34px;height:34px;border-radius:12px;background:linear-gradient(160deg,var(--primary),#9a8cff);box-shadow:var(--shadow-sm)}.nav{margin-top:18px;display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#111827;text-decoration:none}.nav a:hover{background:#f0f2ff}.nav a.active{background:var(--primary-10);color:var(--primary);font-weight:600}.main{padding:22px 28px 32px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}header.header{display:none!important}.kbd{font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#64748b;border:1px solid #e5e7eb;padding:2px 6px;border-radius:8px;background:#fff}.grid{display:grid;gap:22px}@media (min-width:1060px){.grid.two{grid-template-columns:1.1fr .9fr}}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid #eef0f6}.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f1f3f8}.card-c{padding:18px}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.input,select.input{width:100%;height:40px;border-radius:12px;border:1px solid #e3e6ef;padding:0 12px;background:#fff;color:#111827;outline:none;transition:.15s}.input:focus{border-color:var(--primary);box-shadow:var(--ring)}textarea.input{height:auto;padding:12px;resize:vertical}.calendar-shell{min-height:520px;border-radius:14px;background:linear-gradient(180deg,#f8f9ff,#fff);border:1px dashed #e3e6ef;display:flex;align-items:center;justify-content:center;color:#64748b}.app-calendar{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px 18px;font-size:13px}.app-calendar-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text);margin-bottom:8px}.app-calendar-month{font-size:14px}.app-calendar-nav{border:none;background:transparent;font-size:18px;line-height:1;padding:4px 8px;cursor:pointer;border-radius:999px}.app-calendar-nav:hover{background:var(--primary-10)}.app-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.app-calendar-today{border-radius:999px;border:none;padding:4px 10px;font-size:12px;cursor:pointer;background:var(--primary-10);color:var(--primary)}.app-calendar-today:hover{background:var(--primary-20)}.app-calendar-selected-label{font-size:11px;color:var(--muted);text-align:right;flex:1}.app-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.app-calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding-bottom:2px}.app-calendar-day{border:none;background:transparent;border-radius:10px;height:32px;font-size:12px;cursor:pointer;text-align:center;line-height:32px;transition:background .12s ease,color .12s ease,transform .08s ease}.app-calendar-day:hover{background:var(--primary-10);transform:translateY(-1px)}.app-calendar-day.is-outside{color:#0f172a59}.app-calendar-day.is-today{border:1px solid var(--primary-20)}.app-calendar-day.is-selected{background:var(--primary);color:#fff}