:root{--bg: #f7f8f8;--bg-soft: #f1f2f3;--surface: #ffffff;--card: #ffffff;--surface-muted: #f1f2f3;--card-hover: #f1f2f3;--line: #e6e8ea;--line-strong: #d3d6d9;--text-faint: #9aa0a6;--muted: #5f666d;--text-muted: #5f666d;--ink: #1f2429;--text: #1f2429;--accent: #4f46e5;--accent-dark: #4338ca;--accent-soft: #eef0fe;--accent-glow: rgba(79, 70, 229, .22);--on-accent: #ffffff;--danger: #c0392b;--danger-soft: #fdecea;--danger-line: rgba(192, 57, 43, .3);--warm: #b7791f;--warm-soft: #fdf3e2;--prio-high: #c0392b;--prio-normal: #9aa0a6;--prio-low: #d3d6d9;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-body: 1.55;--measure: 65ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--shadow-float: 0 12px 30px rgba(16, 24, 40, .12);--focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);--ease: cubic-bezier(.2, 0, 0, 1);--duration: .16s;--transition: .16s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;width:100%;max-width:360px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 4px;font-size:26px;font-weight:700;letter-spacing:-.02em}.login-card p{margin:0 0 22px}.login-card input,.login-card button{width:100%;padding:13px 15px;font-size:16px;font-family:inherit;border-radius:12px}.login-card input{background:var(--bg-soft);border:1px solid var(--line-strong);color:var(--ink);margin-bottom:12px;transition:border-color .15s ease,box-shadow .15s ease}.login-card input::placeholder{color:var(--muted)}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.login-card button{border:none;background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease,opacity .15s ease}.login-card button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.login-card button:disabled{opacity:.45;cursor:default}.page{max-width:980px;margin:0 auto;padding:40px 24px 72px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.topbar h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.topbar p{margin:6px 0 0}button.ghost{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:9px 16px;cursor:pointer;color:var(--ink);font-family:inherit;font-size:14px;transition:background .15s ease,border-color .15s ease}button.ghost:hover{background:var(--surface-muted);border-color:var(--accent)}.empty{background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:56px 24px;text-align:center}.empty h2{margin:0 0 8px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.tile{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 160px at 50% -40%,var(--accent-soft),transparent 70%);opacity:0;transition:opacity .18s ease;pointer-events:none}.tile:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow)}.tile:hover:before{opacity:1}.badge{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px;box-shadow:var(--shadow-sm)}.tile-name{font-weight:600;font-size:16px}.tile-desc{font-size:14px;line-height:1.45}