:root{--surface-0: #ffffff;--surface-1: #f8fafc;--surface-2: #f1f5f9;--surface-muted: #e2e8f0;--text-1: #0f172a;--text-2: #334155;--text-3: #64748b;--text-inverse: #ffffff;--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--success-50: #dcfce7;--success-700: #166534;--warn-50: #fef3c7;--warn-700: #92400e;--danger-50: #fee2e2;--danger-600: #dc2626;--danger-700: #b91c1c;--border-1: #e2e8f0;--border-2: #cbd5e1;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .04);--shadow-2: 0 4px 14px -4px rgba(15, 23, 42, .1);--shadow-3: 0 20px 40px -20px rgba(15, 23, 42, .2);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-1);background:var(--surface-1);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--text-1);font-weight:700;margin:0 0 12px;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px;font-weight:600}p{margin:0 0 12px;color:var(--text-2)}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-sm);color:var(--text-1)}pre code{padding:0;background:none}.page{display:flex;flex-direction:column;gap:20px;max-width:960px}.page__title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:4px}.page__subtitle{color:var(--text-3);margin-top:4px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center}.card{background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-1)}.card--compact{padding:14px 16px}.card__title{font-size:14px;font-weight:600;color:var(--text-1);margin:0 0 4px}.card__body{color:var(--text-2);font-size:13.5px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.quick-card{display:block;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:18px 18px 16px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;color:inherit;text-decoration:none}.quick-card:hover{transform:translateY(-1px);border-color:var(--brand-100);box-shadow:var(--shadow-2);text-decoration:none}.quick-card__title{font-weight:600;color:var(--text-1);margin-bottom:4px}.quick-card__body{color:var(--text-3);font-size:13px}.spot-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;letter-spacing:.01em;flex-shrink:0;overflow:hidden;object-fit:cover;line-height:1}.spot-avatar--initials{-webkit-user-select:none;user-select:none}.btn{font:inherit;font-weight:600;font-size:13px;cursor:pointer;border-radius:var(--r-md);border:1px solid transparent;padding:9px 14px;display:inline-flex;align-items:center;gap:6px;transition:background .12s ease,border-color .12s ease,color .12s ease;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand-600);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--brand-700)}.btn--secondary{background:var(--surface-0);color:var(--text-1);border-color:var(--border-2)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){color:var(--text-1);background:var(--surface-2)}.btn--danger{background:transparent;color:var(--danger-700);border-color:var(--danger-50)}.btn--danger:hover:not(:disabled){background:var(--danger-50)}.field{display:flex;flex-direction:column;gap:4px}.field__label{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.input,.select{padding:9px 11px;font:inherit;font-size:14px;border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--surface-0);color:var(--text-1);transition:border-color .12s ease,box-shadow .12s ease}select.input,.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 11px center;background-size:12px;cursor:pointer}.input:focus,.select:focus,select.input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.input:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled),select.input:hover:not(:focus):not(:disabled){border-color:var(--border-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11.5px;font-weight:600;border-radius:var(--r-pill);text-transform:capitalize;letter-spacing:.01em}.badge--owner{background:var(--warn-50);color:var(--warn-700)}.badge--admin{background:var(--brand-50);color:var(--brand-700)}.badge--editor{background:var(--success-50);color:var(--success-700)}.badge--viewer,.badge--default{background:var(--surface-2);color:var(--text-2)}.state{padding:28px 22px;border:1px dashed var(--border-2);border-radius:var(--r-lg);background:var(--surface-0);color:var(--text-3);text-align:center}.state--error{border-style:solid;border-color:var(--danger-50);background:var(--danger-50);color:var(--danger-700)}.state__title{font-weight:600;color:var(--text-1);margin-bottom:4px}.state--error .state__title{color:var(--danger-700)}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.list__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--r-md);background:var(--surface-0);border:1px solid var(--border-1)}.list__row--muted{background:var(--surface-1);border-color:transparent}.list__primary{display:flex;flex-direction:column;gap:2px}.list__name{font-weight:600;color:var(--text-1)}.list__meta{color:var(--text-3);font-size:12.5px}.list__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn--ghost{background:transparent;border-color:var(--border-1);color:var(--text-2)}.btn--ghost:hover{background:var(--surface-1);color:var(--text-1)}.btn--danger-ghost{background:transparent;border-color:var(--border-1);color:var(--text-2)}.btn--danger-ghost:hover{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.member-edit{display:flex;flex-direction:column;gap:14px}.member-edit__row{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;align-items:end}@media(max-width:720px){.member-edit__row{grid-template-columns:1fr}}.member-edit__access{display:flex;flex-direction:column;gap:6px}.member-edit__pills{display:flex;flex-wrap:wrap;gap:6px}.member-edit__note{font-size:13px;color:var(--text-3)}.member-edit__hint{font-size:12px;color:var(--text-3)}.member-edit__actions{display:flex;gap:8px}.ctx-actions{margin:0 0 22px}.ctx-actions__title{font-size:11.5px;font-weight:700;color:var(--text-3, #64748b);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.ctx-actions__list{display:flex;flex-direction:column;gap:10px}.ctx-actions__card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-0, #fff);border:1px solid var(--border-1, #e5e7eb);border-left:3px solid var(--accent, #94a3b8);border-radius:10px;text-decoration:none;color:inherit;font:inherit;cursor:pointer;text-align:left;width:100%;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.ctx-actions__card:hover{transform:translateY(-1px);border-color:var(--accent, #94a3b8);box-shadow:0 10px 24px -16px var(--accent, #94a3b8);text-decoration:none}.ctx-actions__icon{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft, rgba(148,163,184,.12));color:var(--accent, #94a3b8)}.ctx-actions__body{flex:1 1 auto;min-width:0}.ctx-actions__t{font-weight:700;color:var(--text-1, #0f172a);font-size:13.5px}.ctx-actions__desc{font-size:12px;color:var(--text-3, #64748b);margin-top:2px;line-height:1.45}.ctx-actions__cta{flex:0 0 auto;font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;background:var(--accent, #94a3b8);color:#fff;white-space:nowrap}.ctx-actions__card--urgent{--accent: #dc2626;--accent-soft: rgba(220,38,38,.1)}.ctx-actions__card--warn{--accent: #ea580c;--accent-soft: rgba(234,88,12,.1)}.ctx-actions__card--primary{--accent: #4f46e5;--accent-soft: rgba(79,70,229,.1)}.ctx-actions__card--normal{--accent: #0ea5e9;--accent-soft: rgba(14,165,233,.1)}@media(prefers-reduced-motion:reduce){.ctx-actions__card{transition:none}}.pill{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--border-1, #e5e7eb);background:var(--surface-0, #fff);color:var(--text-2, #334155);border-radius:9999px;font:inherit;font-size:12.5px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pill:hover{border-color:var(--brand-600, #4f46e5);color:var(--text-1, #0f172a)}.pill--active{background:var(--brand-600, #4f46e5);border-color:var(--brand-600, #4f46e5);color:#fff}.spot-banner{display:none!important}