:root{color-scheme:light;--bg: #eef2f5;--ink: #0c1924;--muted: #5a6b7a;--primary: #143342;--card: #ffffff;--danger: #b42318;--ok: #1b7a4a;--radius: 16px;--shadow: 0 10px 28px rgba(12, 25, 36, .08);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 90% 55% at 0% -10%,#c9dde8 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 100% 110%,#e8dcc8 0%,transparent 50%),var(--bg)}#app{max-width:540px;margin:0 auto;padding:24px 16px 56px;min-height:100dvh}h1,h2{margin:0 0 8px;letter-spacing:-.03em}h1{font-size:1.85rem;font-weight:800}h2{font-size:1.2rem;font-weight:700}p{margin:0 0 16px;color:var(--muted);line-height:1.5}.muted{color:var(--muted);font-size:.9rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.card{background:var(--card);border:1px solid rgba(12,25,36,.06);border-radius:var(--radius);padding:18px;margin-bottom:12px;box-shadow:var(--shadow)}.card.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card.clickable:hover{transform:translateY(-1px)}.card.clickable:active{transform:scale(.99)}.cat-card{position:relative;overflow:hidden;padding:22px 18px;min-height:110px}.cat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent, var(--primary))}.cat-card .card-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.cat-card .count{display:inline-block;margin-top:10px;font-size:.8rem;font-weight:700;color:var(--accent, var(--primary))}.card-title{font-weight:700;margin-bottom:4px}label{display:block;font-size:.82rem;font-weight:700;margin:0 0 6px;letter-spacing:.01em}input,textarea,select{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid rgba(12,25,36,.12);background:#f8fafb;font:inherit;margin-bottom:14px}input:focus,textarea:focus{outline:2px solid rgba(20,51,66,.25);background:#fff}textarea{min-height:84px;resize:vertical}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:12px;border:none;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;color:#fff;background:var(--primary)}button.secondary,.btn.secondary{background:#fff;color:var(--primary);border:1px solid rgba(20,51,66,.18)}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}button.block,.btn.block{width:100%;margin-bottom:10px}.error{color:var(--danger);font-size:.9rem;margin:0 0 12px}.ok{color:var(--ok);font-size:.9rem;margin:0 0 12px}.badge{display:inline-block;font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:999px;background:#14334214;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.hint{font-size:.85rem;color:var(--muted);margin-top:-8px;margin-bottom:14px}.fab-space{height:76px}.fab{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:min(508px,calc(100% - 32px));box-shadow:0 12px 32px #0c192438}.qr{display:block;margin:12px auto;border-radius:12px;background:#fff;padding:8px}code{font-size:.85em;word-break:break-all;background:#f0f4f7;padding:3px 7px;border-radius:6px}.login-hero{margin-bottom:28px}.login-hero h1{font-size:2.1rem}.demo-hint{font-size:.8rem;background:#1433420f;padding:10px 12px;border-radius:10px;margin-bottom:14px}.stars{color:#b45309;letter-spacing:2px;font-weight:800}