:root{--color-black: #000000;--color-near-black: #0a0a0a;--color-charcoal: #111111;--color-graphite: #161616;--color-iron: #242424;--color-gunmetal: #3a3a3a;--color-smoke: #555555;--color-ash: #888888;--color-silver: #b8b8b8;--color-pearl: #ededed;--color-white: #ffffff;--color-red: #ff5959;--color-red-dim: #1a0808;--color-red-border: #4a1414;--color-green: #4ade80;--color-green-dim: #08180e;--color-green-border: #1a3a22;--color-amber: #f5c451;--color-amber-dim: #1a1408;--color-amber-border: #3a2c0e;--color-admin: #5eead4;--color-admin-dim: #06201c;--color-admin-border: #144037;--color-dev: #a78bfa;--color-dev-dim: #14082a;--color-dev-border: #2e1f5c;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .9375rem;--font-size-input: 1rem;--font-size-logo: 1.125rem;--tracking-tight: .02em;--tracking-wide: .1em;--tracking-wider: .18em;--transition: .5s ease;color-scheme:dark;--bg-page: var(--color-black);--bg-surface: var(--color-near-black);--bg-elevated: var(--color-charcoal);--bg-emphasis: var(--color-white);--fg-subtle: var(--color-smoke);--fg-muted: var(--color-ash);--fg-default: var(--color-pearl);--fg-emphasis: var(--color-white);--fg-on-emphasis: var(--color-black);--border-default: var(--color-iron);--border-strong: var(--color-gunmetal);--border-emphasis: var(--color-white);--danger-fg: var(--color-red);--danger-border: var(--color-red-border);--danger-bg: var(--color-red-dim);--danger-emphasis: var(--color-red);--success-fg: var(--color-green);--success-border: var(--color-green-border);--success-bg: var(--color-green-dim);--success-emphasis: var(--color-green);--warning-fg: var(--color-amber);--warning-border: var(--color-amber-border);--warning-bg: var(--color-amber-dim);--warning-emphasis: var(--color-amber);--admin-fg: var(--color-admin);--admin-border: var(--color-admin-border);--admin-bg: var(--color-admin-dim);--admin-emphasis: var(--color-admin);--dev-fg: var(--color-dev);--dev-border: var(--color-dev-border);--dev-bg: var(--color-dev-dim);--dev-emphasis: var(--color-dev)}html[data-theme=light]{color-scheme:light;--bg-page: var(--color-white);--bg-surface: var(--color-pearl);--bg-elevated: var(--color-silver);--bg-emphasis: var(--color-black);--fg-subtle: var(--color-ash);--fg-muted: var(--color-smoke);--fg-default: var(--color-near-black);--fg-emphasis: var(--color-black);--fg-on-emphasis: var(--color-white);--border-default: var(--color-silver);--border-strong: var(--color-ash);--border-emphasis: var(--color-black);--danger-fg: #991b1b;--danger-border: #fca5a5;--danger-bg: #fee2e2;--danger-emphasis: #dc2626;--success-fg: #166534;--success-border: #86efac;--success-bg: #dcfce7;--success-emphasis: #16a34a;--warning-fg: #92400e;--warning-border: #fcd34d;--warning-bg: #fef3c7;--warning-emphasis: #d97706;--admin-fg: #115e59;--admin-border: #5eead4;--admin-bg: #ccfbf1;--admin-emphasis: #0d9488;--dev-fg: #5b21b6;--dev-border: #c4b5fd;--dev-bg: #ede9fe;--dev-emphasis: #7c3aed}*,*:before,*:after{box-sizing:border-box}.btn{border:1px solid var(--border-emphasis);background:transparent;color:var(--fg-emphasis);cursor:pointer;font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-flex;align-items:center;justify-content:center;border-radius:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn:disabled{cursor:default;opacity:.35}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs)}.btn-md{padding:.75rem 1.5rem;font-size:var(--font-size-sm)}.btn-lg{padding:1rem 2.25rem;font-size:var(--font-size-base)}.btn-primary{background:var(--bg-emphasis);color:var(--fg-on-emphasis);border-color:var(--fg-emphasis)}.btn-primary:hover{background:transparent;color:var(--fg-emphasis)}.btn-primary:disabled:hover{background:var(--bg-emphasis);color:var(--fg-on-emphasis)}.btn-secondary{background:transparent;color:var(--fg-emphasis);border-color:var(--fg-emphasis)}.btn-secondary:hover,.btn-secondary.is-active{background:var(--bg-emphasis);color:var(--fg-on-emphasis)}.btn-danger{background:transparent;color:var(--danger-emphasis);border-color:var(--danger-emphasis)}.btn-danger:hover{background:var(--danger-emphasis);color:var(--fg-on-emphasis)}.btn-dashed{background:transparent;color:var(--fg-muted);border:1px dashed var(--border-strong)}.btn-dashed:hover{border-color:var(--fg-emphasis);color:var(--fg-emphasis)}.btn-link{background:none;color:var(--fg-emphasis);border:none;border-bottom:1px solid var(--fg-subtle);padding:0 0 2px;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--font-size-xs)}.btn-link:hover{border-bottom-color:var(--fg-emphasis)}.btn-fullwidth{width:100%}.icon-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-family:inherit;transition:color var(--transition)}.icon-btn-danger{color:var(--danger-emphasis);font-size:1rem}.icon-btn-danger:hover{color:var(--fg-emphasis)}.icon-btn-neutral{color:var(--fg-muted);font-size:1.25rem}.icon-btn-neutral:hover{color:var(--fg-emphasis)}.layout{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{width:240px;padding:2rem 1.5rem;border-right:1px solid var(--border-default);display:flex;flex-direction:column;gap:.125rem;background:var(--bg-page)}.sidebar-logo{font-weight:400;font-size:var(--font-size-logo);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-emphasis);margin-bottom:2.5rem}.nav-link{display:block;padding:.75rem 0;text-decoration:none;color:var(--fg-muted);font-size:var(--font-size-sm);font-weight:400;text-transform:uppercase;letter-spacing:var(--tracking-wide);border:none;transition:color var(--transition)}.nav-link:hover,.nav-link.is-active{color:var(--fg-emphasis)}.sidebar-bottom{margin-top:auto;font-size:var(--font-size-xs);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-email{margin-top:.5rem}.signout{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:0;margin-top:.75rem;font-size:var(--font-size-xs);font-family:inherit;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--transition)}.signout:hover{color:var(--fg-emphasis)}.main{flex:1;padding:3rem}.toggle{display:flex;align-items:center;gap:.625rem;background:none;border:none;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;width:100%;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted);font-family:inherit;transition:color var(--transition)}.toggle.is-on{color:var(--fg-emphasis)}.toggle-track{display:inline-block;width:32px;height:16px;border-radius:0;background:transparent;border:1px solid var(--fg-subtle);position:relative;flex-shrink:0;transition:border-color var(--transition)}.toggle.is-on .toggle-track{border-color:var(--fg-emphasis)}.toggle-thumb{position:absolute;top:50%;left:1px;width:12px;height:12px;border-radius:0;background:var(--fg-subtle);transform:translateY(-50%);transition:left var(--transition),background var(--transition)}.toggle.is-on .toggle-thumb{left:calc(100% - 13px);background:var(--bg-emphasis)}.toggle.is-admin{color:var(--admin-border)}.toggle.is-admin .toggle-track{border-color:var(--admin-border)}.toggle.is-admin .toggle-thumb{background:var(--admin-border)}.toggle.is-admin.is-on{color:var(--admin-emphasis)}.toggle.is-admin.is-on .toggle-track{border-color:var(--admin-emphasis)}.toggle.is-admin.is-on .toggle-thumb{background:var(--admin-emphasis)}.toggle.is-dev{color:var(--dev-border)}.toggle.is-dev .toggle-track{border-color:var(--dev-border)}.toggle.is-dev .toggle-thumb{background:var(--dev-border)}.toggle.is-dev.is-on{color:var(--dev-emphasis)}.toggle.is-dev.is-on .toggle-track{border-color:var(--dev-emphasis)}.toggle.is-dev.is-on .toggle-thumb{background:var(--dev-emphasis)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:2rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border-default)}.page-header h2{margin:0;font-size:2rem;font-weight:200;letter-spacing:var(--tracking-tight);color:var(--fg-emphasis)}.page-header-subtitle{color:var(--fg-muted);margin:.5rem 0 0;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.backlink{display:inline-block;margin-bottom:2rem;color:var(--fg-muted);font-size:var(--font-size-xs);text-decoration:none;border:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--transition)}.backlink:hover{color:var(--fg-emphasis)}.section-header{margin:0;font-size:var(--font-size-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:500}.code-chip{display:inline-block;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--fg-default);font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-xs);border-radius:0;white-space:nowrap;line-height:1.4;vertical-align:baseline}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;background:transparent;border:1px solid var(--fg-muted);color:var(--fg-muted);border-radius:50%;font-size:.625rem;font-weight:600;font-style:italic;font-family:serif;line-height:1;cursor:help;vertical-align:middle;transition:color var(--transition),border-color var(--transition)}.info-icon:hover,.info-icon:focus-visible{color:var(--fg-emphasis);border-color:var(--fg-emphasis);outline:none}.tooltip-rich{position:relative;display:inline-block}.tooltip-rich-content{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%) translateY(.25rem);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--fg-default);padding:.75rem .875rem;font-size:var(--font-size-sm);font-weight:300;line-height:1.5;min-width:200px;max-width:280px;text-align:left;pointer-events:none;opacity:0;transition:opacity var(--transition),transform var(--transition);z-index:100}.tooltip-rich:hover .tooltip-rich-content,.tooltip-rich:focus-within .tooltip-rich-content{opacity:1;transform:translate(-50%) translateY(0)}.tooltip-rich-bottom .tooltip-rich-content{bottom:auto;top:calc(100% + .5rem);transform:translate(-50%) translateY(-.25rem)}.tooltip-rich-bottom:hover .tooltip-rich-content,.tooltip-rich-bottom:focus-within .tooltip-rich-content{transform:translate(-50%) translateY(0)}.field{position:relative;display:block;margin-bottom:1.75rem;padding-top:1.25rem}.field-label{position:absolute;left:0;top:1.875rem;margin:0;pointer-events:none;font-size:var(--font-size-input);font-weight:300;font-family:inherit;color:var(--fg-subtle);text-transform:none;letter-spacing:0;transition:top var(--transition),font-size var(--transition),font-weight var(--transition),color var(--transition)}.field>.input:focus~.field-label,.field>.input:not(:placeholder-shown)~.field-label,.field>.textarea:focus~.field-label,.field>.textarea:not(:placeholder-shown)~.field-label,.field>.select~.field-label,.field.is-floating>.field-label{top:0;font-size:var(--font-size-xs);font-weight:500;color:var(--fg-muted)}.field>.textarea~.field-label{top:2.125rem;left:.75rem}.field>.textarea:focus~.field-label,.field>.textarea:not(:placeholder-shown)~.field-label{left:0}.input,.textarea,.select{width:100%;padding:.625rem 0;margin-top:0;border:none;border-bottom:1px solid var(--border-strong);border-radius:0;font-size:var(--font-size-input);font-weight:300;font-family:inherit;background:transparent;color:var(--fg-emphasis);transition:border-color var(--transition)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--fg-muted) 50%),linear-gradient(135deg,var(--fg-muted) 50%,transparent 50%);background-position:calc(100% - 12px) calc(50% - 2px),calc(100% - 7px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;color-scheme:dark}.select option{background:var(--bg-surface);color:var(--fg-emphasis)}.textarea{border:1px solid var(--border-strong);padding:.75rem;resize:vertical}.input[type=date],.input[type=time],.input[type=datetime-local]{color-scheme:dark;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23888888' stroke-width='1' stroke-linecap='square'><rect x='1.5' y='2.5' width='11' height='10'/><line x1='1.5' y1='5.5' x2='12.5' y2='5.5'/><line x1='4.5' y1='1' x2='4.5' y2='3.5'/><line x1='9.5' y1='1' x2='9.5' y2='3.5'/></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:.875rem .875rem;padding-right:1.25rem}.input[type=date]:hover,.input[type=time]:hover,.input[type=datetime-local]:hover,.input[type=date]:focus,.input[type=time]:focus,.input[type=datetime-local]:focus{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='square'><rect x='1.5' y='2.5' width='11' height='10'/><line x1='1.5' y1='5.5' x2='12.5' y2='5.5'/><line x1='4.5' y1='1' x2='4.5' y2='3.5'/><line x1='9.5' y1='1' x2='9.5' y2='3.5'/></svg>")}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=time]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:1.25rem;height:100%;position:absolute;right:0}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input::placeholder,.textarea::placeholder{color:transparent}.input:hover,.textarea:hover,.select:hover{border-color:var(--fg-muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--fg-emphasis)}.input.is-invalid,.textarea.is-invalid,.select.is-invalid{border-color:var(--danger-emphasis)}.field-error{color:var(--danger-emphasis);font-size:var(--font-size-xs);margin-top:.5rem;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.fieldset{border:none;padding:0;margin:0 0 1.5rem}.legend{font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted);margin-bottom:.75rem}.option-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem;color:var(--fg-default);font-size:var(--font-size-md);font-weight:300}.option-row input[type=checkbox],.option-row input[type=radio]{accent-color:var(--fg-emphasis)}.field-readonly{display:block;margin-bottom:1rem}.field-readonly-label{display:block;font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted);margin-bottom:.5rem}.field-readonly-value{display:block;padding:.625rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--fg-default);font-size:var(--font-size-sm);font-family:inherit;word-break:break-word;min-height:1.5em;margin:0}.field-readonly-value-pre{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-xs);white-space:pre-wrap;min-height:5rem;overflow-x:auto}.field-readonly-value.is-empty{color:var(--fg-subtle);font-style:italic}.banner{padding:1rem 1.25rem;border-radius:0;border:1px solid;border-left-width:3px;font-size:var(--font-size-sm);font-weight:400;margin-bottom:1rem;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.banner-warning{background:var(--warning-bg);border-color:var(--warning-border);border-left-color:var(--warning-fg);color:var(--warning-fg)}.banner-error{background:var(--danger-bg);border-color:var(--danger-border);border-left-color:var(--danger-fg);color:var(--danger-fg)}.banner-success{background:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success-fg);color:var(--success-fg)}.banner-info{background:var(--bg-elevated);border-color:var(--border-default);border-left-color:var(--fg-emphasis);color:var(--fg-default)}.badge{display:inline-block;padding:.25rem .625rem;border-radius:0;font-size:var(--font-size-xs);font-weight:500;border:1px solid;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-neutral{background:transparent;border-color:var(--border-strong);color:var(--fg-muted)}.badge-primary{background:transparent;border-color:var(--fg-emphasis);color:var(--fg-emphasis)}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-fg)}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-fg)}.disclosure{border:1px solid var(--border-default);border-radius:0;overflow:hidden;background:var(--bg-surface)}.disclosure-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;color:var(--fg-muted);border:none;border-radius:0;padding:.875rem 1rem;font-size:var(--font-size-xs);font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:color var(--transition),background var(--transition)}.disclosure-trigger:hover{color:var(--fg-emphasis)}.disclosure.is-open .disclosure-trigger{background:var(--bg-elevated);color:var(--fg-emphasis)}.disclosure-chevron{color:var(--fg-subtle);flex-shrink:0}.disclosure-content{border-top:1px solid var(--border-default);padding:1rem;color:var(--fg-default)}.card{border:1px solid var(--border-default);border-radius:0;padding:2rem;cursor:pointer;background:var(--bg-surface);color:var(--fg-default);transition:border-color var(--transition),background var(--transition)}.card:hover{border-color:var(--fg-emphasis);background:var(--bg-elevated)}.card.is-static{cursor:default}.card.is-static:hover{border-color:var(--border-default);background:var(--bg-surface)}.card a,a.card-link{text-decoration:none;color:inherit;display:block;border:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:1fr;gap:1.5rem;margin-top:2rem}.card-grid>.card-link{display:flex;text-decoration:none;color:inherit;border:none;min-height:160px}.card-grid>.card-link>.card{width:100%;height:100%}.card-grid>.card{min-height:160px}.drop-zone{display:block;height:6px;background:transparent;border:2px dashed transparent;margin:2px 0;box-sizing:border-box;transition:height .12s,background .12s,border-color .12s}.drop-zone-lg{height:8px}.drop-zone.is-active{height:28px;background:var(--bg-elevated);border-color:var(--fg-emphasis)}.drop-zone-lg.is-active{height:36px}
