:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#eef4ff;background:radial-gradient(circle at top left,rgba(87,127,255,.28),transparent 28%),radial-gradient(circle at top right,rgba(27,204,167,.22),transparent 24%),linear-gradient(180deg,#08111d,#0e1a2b 45%,#08111d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.app-shell--center{display:grid;place-items:center}.app-shell__main{max-width:1200px;margin:0 auto}.navbar{max-width:1200px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#08101bb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navbar__eyebrow{font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;color:#87a8ff}.navbar__brand{display:inline-block;margin-top:4px;font-size:1.1rem;font-weight:700}.navbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.navbar__user{color:#a8bbda;font-size:.95rem}.button{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#7b9cff,#67d6c5);color:#08111d;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.button:hover{transform:translateY(-1px)}.button--ghost{background:#ffffff0f;color:#eef4ff;border:1px solid rgba(255,255,255,.1)}.button--full{width:100%}.page{display:grid;gap:24px}.page--split{grid-template-columns:1.1fr .9fr;align-items:center;min-height:calc(100vh - 140px)}.hero{padding:32px 12px}.hero__tag{display:inline-flex;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(136,169,255,.3);border-radius:999px;color:#9bb5ff;background:#516cc924;text-transform:uppercase;font-size:.75rem;letter-spacing:.18em}.hero__tag--soft{border-color:#67d6c547;color:#9df1e3;background:#67d6c51a}.hero h2,.panel h1{margin:0 0 14px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95}.hero p,.panel p{margin:0;max-width:58ch;color:#b9c6db;font-size:1.02rem}.auth-card,.panel{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#0b1422cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000038}.auth-card{padding:32px;display:grid;gap:16px}.auth-card h1{margin:0;font-size:2rem}.auth-card p{margin:0;color:#b9c6db}.field{display:grid;gap:8px;font-weight:600}.field span{color:#d8e2f0}.field input{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;background:#ffffff0d;color:#eef4ff;outline:none}.field input:focus{border-color:#67d6c5b8;box-shadow:0 0 0 3px #67d6c51f}.auth-card__footer{margin:0;color:#a8bbda;text-align:center}.auth-card__footer a{color:#8dc5ff}.notice{border-radius:16px;padding:14px 16px}.notice--error{background:#ff5f5f1f;color:#ffadad}.notice--success{background:#57d6b41f;color:#9cf5df}.dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.dashboard-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.dashboard-hero__panel{min-height:100%}.dashboard-hero__panel--accent{display:grid;align-content:start;gap:16px;background:radial-gradient(circle at top right,rgba(103,214,197,.15),transparent 34%),#0b1422db}.dashboard-hero__panel--accent h2{margin:0;font-size:1.6rem;line-height:1.1}.dashboard-hero__panel--accent p{margin:0;color:#a8bbda;word-break:break-word}.dashboard-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.dashboard-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start}.panel__header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel__eyebrow{display:block;margin-bottom:8px;color:#8dc5ff;text-transform:uppercase;font-size:.74rem;letter-spacing:.2em}.panel__header h2{margin:0;font-size:1.5rem}.panel__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(103,214,197,.24);background:#67d6c514;color:#9df1e3;font-size:.82rem;white-space:nowrap}.vault-form__fields{display:grid;gap:16px}.vault-form textarea{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;background:#ffffff0d;color:#eef4ff;outline:none;resize:vertical;min-height:120px}.vault-form textarea:focus{border-color:#67d6c5b8;box-shadow:0 0 0 3px #67d6c51f}.state-card{display:grid;gap:8px;padding:20px;border-radius:20px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);color:#b9c6db}.state-card strong{color:#eef4ff;font-size:1.02rem}.secret-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.secret-item{display:grid;gap:14px;padding:18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.secret-item__top{display:flex;align-items:start;justify-content:space-between;gap:16px}.secret-item__top h3{margin:0 0 4px;font-size:1.05rem}.secret-item__top p{margin:0;color:#a8bbda;font-size:.92rem}.secret-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#7b9cff1f;color:#9bb5ff;font-weight:700;letter-spacing:.08em}.secret-item__notes{margin:0;color:#d8e2f0}.secret-item__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.secret-item__meta dt{color:#a8bbda;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em}.secret-item__meta dd{margin:6px 0 0;color:#eef4ff;font-weight:600}.panel{padding:28px}.panel--compact{max-width:420px}.panel--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.metric{border-radius:20px;padding:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.metric--inline{display:grid;gap:8px;margin:0}.metric span{display:block;color:#a9bad2;font-size:.9rem;margin-bottom:8px}.metric strong{font-size:1.05rem}@media(max-width:900px){.page--split,.dashboard,.dashboard-hero,.dashboard-grid{grid-template-columns:1fr}.navbar{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.app-shell{padding:16px}.auth-card,.panel,.navbar{padding:20px}.dashboard-hero__meta,.secret-item__meta{grid-template-columns:1fr}.panel__header,.secret-item__top{flex-direction:column}}