.page{max-width:none;padding:0}.page-head{align-items:flex-end;gap:12px 16px;margin-bottom:20px}.page-head h1,.page>h1:first-child{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:28px;font-weight:700}.page-head p{color:var(--muted);margin:4px 0 0}h1,h2,h3,h4{font-family:var(--font-display,var(--font));letter-spacing:-.02em}.muted{color:var(--muted)}.small{font-size:13px}.btn{border-radius:var(--radius,10px);background:var(--page);min-height:38px;color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 90%, transparent), var(--shadow-sm);border:0;padding:8px 16px;font-size:14px;font-weight:600;transition:background .12s,box-shadow .12s}.btn:hover{background:color-mix(in srgb, var(--ink) 4%, var(--page));border-color:#0000;text-decoration:none}.btn-primary{background:var(--btn,var(--ink));color:var(--on-btn,var(--page));box-shadow:var(--shadow-sm)}.btn-primary:hover{background:color-mix(in srgb, var(--btn,var(--ink)) 86%, var(--page))}:root[data-theme=dark] .btn-primary{color:var(--on-fill,#0b0b0f)}.btn-danger{color:var(--danger)}.btn-sm{border-radius:9px;min-height:32px;padding:4px 12px;font-size:13px}.btn:focus-visible{outline:2px solid var(--focus,var(--primary));outline-offset:2px}.link-btn{color:var(--link);font-weight:600}a{color:var(--link)}.input,.textarea,.select{border-radius:var(--radius,10px);border:1px solid var(--border);background:var(--page);min-height:40px;color:var(--ink);padding:8px 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.textarea{min-height:88px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.field>span,.field>label{color:var(--ink);font-size:13px;font-weight:600}.check input,.field input[type=checkbox],.field input[type=radio]{accent-color:var(--primary-deep,var(--primary));width:18px;height:18px}.card,.stat,.chooser,.kanban-col,.settings-nav,.table-wrap{border-radius:var(--radius-lg,18px);background:var(--page);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent), var(--shadow-sm);border:0}.card{padding:20px}.card+.card{margin-top:16px}.card h2,.card h3{font-family:var(--font-display);color:var(--ink)}.card-link,.chooser{transition:box-shadow .15s}.card-link:hover,.chooser:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 30%, var(--border)), var(--shadow);border-color:#0000}.chooser.is-active,.theme-tile.is-active{box-shadow:0 0 0 2px var(--primary), var(--shadow-sm)}.empty{background:radial-gradient(500px 220px at 50% 0, color-mix(in srgb, var(--primary) 7%, transparent), transparent 70%), var(--page);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent), var(--shadow-sm);border:0;border-radius:22px;justify-items:center;gap:8px;padding:56px 24px 52px;display:grid}.empty h2,.empty h3{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:4px 0 0;font-size:22px;font-weight:700}.empty p{color:var(--muted);max-width:460px;margin:0 auto;font-size:15px}.empty .row,.empty>div:last-child{justify-content:center;margin-top:10px}.kit-empty-logo{width:56px;height:56px;margin-bottom:4px}.notice{background:var(--page);color:var(--body);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent), var(--shadow-sm), inset 4px 0 0 var(--primary);border:0;border-radius:14px;padding:12px 16px 12px 20px}.notice-ok{background:var(--c-ok-bg);color:var(--c-ok-fg);box-shadow:inset 4px 0 0 var(--c-ok,var(--success))}.notice-err{background:var(--c-err-bg);color:var(--c-err-fg);box-shadow:inset 4px 0 0 var(--c-err,var(--danger))}.notice-info{background:var(--c-info-bg,var(--primary-tint));color:var(--c-info-fg,var(--link));box-shadow:inset 4px 0 0 var(--primary)}.badge,.pill{background:var(--c-neutral-bg,var(--surface));color:var(--c-neutral-fg,var(--body));border:0;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-live,.pill-published{background:var(--c-ok-bg);color:var(--c-ok-fg);border:0}.badge-draft,.pill-draft{background:var(--c-warn-bg);color:var(--c-warn-fg);border:0}.badge-failed,.pill-failed{background:var(--c-err-bg);color:var(--c-err-fg);border:0}.badge-disabled,.pill-unpublished,.pill-trashed{background:var(--c-neutral-bg,var(--surface));color:var(--muted)}.badge-new{background:var(--primary-tint);color:var(--link);border:0}:root[data-theme=dark] .badge-new{color:var(--link)}.badge-live:before,.badge-draft:before,.badge-failed:before,.pill-published:before,.pill-draft:before,.pill-failed:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.table-wrap{overflow:auto}.table th{text-transform:none;letter-spacing:0;color:var(--body);background:color-mix(in srgb, var(--ink) 3%, var(--page));border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);z-index:1;padding:11px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);font-variant-numeric:tabular-nums;padding:13px 14px;font-size:14px}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:color-mix(in srgb, var(--primary) 4%, var(--page))}.tabs{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);scrollbar-width:none;gap:4px;margin-bottom:20px}.tabs a,.tabs button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-size:14px;font-weight:500}.tabs a:hover,.tabs button:hover{color:var(--ink)}.tabs .is-active{color:var(--ink);border-bottom-color:var(--primary);font-weight:600}.segmented{background:color-mix(in srgb, var(--ink) 6%, var(--page));border:0;border-radius:12px;padding:3px}.segmented button{border-radius:9px;min-height:32px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--page);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0a090814,0 4px 10px -4px #0a09081f}:root[data-theme=dark] .segmented button[aria-pressed=true]{background:var(--c-raised,var(--page));box-shadow:0 0 0 1px var(--border)}.chip{background:color-mix(in srgb, var(--ink) 6%, var(--page));color:var(--body);border:0;min-height:32px;font-weight:500}.chip:hover{color:var(--ink);border-color:#0000}.chip.is-active{background:var(--ink);color:var(--page)}.stats{gap:12px;margin-bottom:20px}.stat{padding:16px 18px}.stat b{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.stat span{font-size:13px}.bars i{background:var(--c-chart-1,var(--primary));border-radius:4px 4px 0 0}.bars i.sub{background:var(--c-chart-2,var(--primary-tint))}.menu-pop{background:var(--c-raised,var(--page));box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent), var(--shadow-lg);border:0;border-radius:14px;padding:6px}.menu-pop a,.menu-pop button{color:var(--ink);border-radius:9px;padding:8px 10px;font-size:14px}.menu-pop a:hover,.menu-pop button:hover{background:var(--c-hover,var(--surface))}.settings{gap:20px}.settings-nav{padding:10px}.settings-nav a{border-radius:9px;padding:7px 10px;font-size:14px}.settings-nav a:hover{background:var(--c-hover,var(--surface));text-decoration:none}.settings-nav a.is-active{background:var(--primary-tint);color:var(--link)}@media (max-width:860px){.settings>.settings-nav{order:2}}.kanban-col{background:color-mix(in srgb, var(--ink) 3%, var(--page));padding:12px}.kanban-card{background:var(--page);box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent), var(--shadow-sm);border:0;border-radius:12px;padding:10px 12px}.modal-backdrop{background:#00000073}.modal{box-shadow:var(--shadow-lg);background:var(--c-raised,var(--page));border-radius:22px;padding:24px}dl.kv dt,dl.kv dd{border-bottom-color:color-mix(in srgb, var(--border) 60%, transparent)}.code{background:var(--surface);border:0;border-radius:12px}@media (max-width:699px){.btn-sm,.chip,.segmented button{min-height:36px}.check{align-items:center;min-height:36px}.check input{margin-top:0}.split,dl.kv{grid-template-columns:minmax(0,1fr)}dl.kv dt{border-bottom:0;padding-bottom:0}.page-head h1{font-size:24px}}
