:root{--loki-brand: #008080;--loki-brand-dark: #004d4d;--loki-brand-mid: #009999;--loki-brand-soft: #e6f5f5;--loki-brand-glow: rgba(0, 128, 128, .18);--loki-ink: #1a2e2e;--loki-muted: #4d6b6b;--loki-line: #b8d4d4;--loki-panel: #ffffff;--loki-surface: #d6efef;--loki-black: #002626;--loki-danger: #c44d4d;--loki-ok: #2e8b57;--loki-warn: #e8a838;--loki-info: #3b8fc2;--loki-radius: 10px;--loki-shadow: 0 10px 30px rgba(26, 46, 46, .08);--brand: var(--loki-brand);--brand-dark: var(--loki-brand-dark);--brand-soft: var(--loki-brand-soft);--ink: var(--loki-ink);--muted: var(--loki-muted);--surface: var(--loki-surface);--panel: var(--loki-panel);--line: var(--loki-line);--danger: var(--loki-danger);--ok: var(--loki-ok);--radius: var(--loki-radius);--shadow: var(--loki-shadow)}.loki-swatch{display:grid;gap:.35rem}.loki-swatch-chip{height:4.5rem;border-radius:8px;border:1px solid var(--loki-line);box-shadow:inset 0 0 0 1px #ffffff59}.loki-swatch code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}:root{--loki-font-sans: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--loki-font-display: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--loki-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--loki-text-xs: .75rem;--loki-text-sm: .875rem;--loki-text-md: 1rem;--loki-text-lg: 1.25rem;--loki-text-xl: 1.563rem;--loki-text-2xl: 1.953rem;--loki-text-3xl: 2.441rem;--loki-leading-tight: 1.2;--loki-leading-snug: 1.35;--loki-leading-normal: 1.5;--loki-leading-relaxed: 1.65;--loki-tracking-tight: -.02em;--loki-tracking-normal: 0;--loki-tracking-wide: .04em;--font: var(--loki-font-sans);--mono: var(--loki-font-mono)}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--loki-font-sans);font-size:var(--loki-text-md);line-height:var(--loki-leading-normal);font-weight:400;letter-spacing:var(--loki-tracking-normal)}h1,.h1{font-family:var(--loki-font-display);font-size:var(--loki-text-3xl);line-height:var(--loki-leading-tight);letter-spacing:var(--loki-tracking-tight);font-weight:700}h2,.h2{font-family:var(--loki-font-display);font-size:var(--loki-text-2xl);line-height:var(--loki-leading-tight);font-weight:700}h3,.h3{font-size:var(--loki-text-xl);line-height:var(--loki-leading-snug);font-weight:650}h4,.h4{font-size:var(--loki-text-lg);line-height:var(--loki-leading-snug);font-weight:650}small,.text-sm{font-size:var(--loki-text-sm);line-height:var(--loki-leading-normal)}.text-xs{font-size:var(--loki-text-xs);letter-spacing:var(--loki-tracking-wide);text-transform:uppercase}code,kbd,pre,.mono{font-family:var(--loki-font-mono);font-size:.92em}@media(max-width:720px){:root{--loki-text-3xl: 2rem;--loki-text-2xl: 1.65rem;--loki-text-xl: 1.35rem}}*{box-sizing:border-box}body{margin:0;background:var(--loki-surface);color:var(--loki-ink)}#root{min-height:100vh}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--loki-panel);border-right:1px solid var(--loki-line)}.sidebar-brand{font-weight:700;font-size:var(--loki-text-lg);color:var(--loki-brand-dark)}.sidebar-section{font-size:var(--loki-text-xs);letter-spacing:var(--loki-tracking-wide);text-transform:uppercase;color:var(--loki-muted);margin-top:.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:block;padding:.5rem .75rem;border:none;border-radius:var(--loki-radius);background:transparent;color:var(--loki-ink);font:inherit;text-align:left;cursor:pointer}.sidebar-link:hover{background:var(--loki-brand-soft)}.sidebar-link.active{background:var(--loki-brand);color:var(--loki-panel)}.sidebar-status{margin-top:auto;font-size:var(--loki-text-sm);color:var(--loki-muted)}.sidebar-status.ok{color:var(--loki-ok)}.sidebar-status.error{color:var(--loki-danger)}.app-content{padding:2rem;max-width:72rem}.page-card{background:var(--loki-panel);border:1px solid var(--loki-line);border-radius:var(--loki-radius);box-shadow:var(--loki-shadow);padding:1.5rem}.page-card h2,.page-card h3{margin-top:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.btn{padding:.45rem .9rem;border:1px solid var(--loki-line);border-radius:var(--loki-radius);background:var(--loki-panel);color:var(--loki-ink);font:inherit;cursor:pointer}.btn:hover:not(:disabled){background:var(--loki-brand-soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--loki-brand);border-color:var(--loki-brand);color:var(--loki-panel)}.btn-primary:hover:not(:disabled){background:var(--loki-brand-dark)}.btn-danger{color:var(--loki-danger);border-color:var(--loki-danger)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:var(--loki-text-sm);color:var(--loki-muted)}.field input,.field textarea,.toolbar input,.toolbar select{padding:.5rem .7rem;border:1px solid var(--loki-line);border-radius:var(--loki-radius);font:inherit;color:var(--loki-ink);background:var(--loki-panel)}.field input:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:2px solid var(--loki-brand-glow);border-color:var(--loki-brand)}.field-inline{flex-direction:row;align-items:center;gap:.5rem;color:var(--loki-ink)}.form-error{color:var(--loki-danger);font-size:var(--loki-text-sm)}.form-actions{display:flex;gap:.5rem}.form-card{margin-bottom:1.25rem}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:min(100%,22rem);padding:2rem;background:var(--loki-panel);border:1px solid var(--loki-line);border-radius:var(--loki-radius);box-shadow:var(--loki-shadow)}.login-card .btn{width:100%}.toolbar{display:flex;gap:.5rem;margin-bottom:1rem}.toolbar input{flex:1;max-width:24rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--loki-text-sm)}.data-table th,.data-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--loki-line)}.data-table th{color:var(--loki-muted);font-weight:600}.row-actions{display:flex;gap:.4rem}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:var(--loki-text-sm);color:var(--loki-muted)}.board-preview{margin-top:1.5rem}.board-preview-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:1px;width:min(100%,26rem);aspect-ratio:1;background:var(--loki-line);border:1px solid var(--loki-line)}.board-cell{display:flex;align-items:center;justify-content:center;background:var(--loki-panel);container-type:inline-size;font-size:55cqw;text-transform:uppercase;color:var(--loki-ink)}.board-cell.block{background:var(--loki-ink)}@media(max-width:720px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--loki-line)}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.app-content{padding:1rem}}