:root{--color-bg:#f5f6fa;--color-surface:#fff;--color-text:#1f2937;--color-muted:#6b7280;--color-border:#e5e7eb;--color-primary:#1e3361;--color-primary-hover:#2a457f;--color-accent:#c29942;--color-danger:#b42318;--color-success-bg:#ecfdf3;--color-success-text:#067647;--color-error-bg:#fef3f2;--color-error-text:#b42318;--radius:10px;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);margin:0}h1,h2{margin:0;line-height:1.25}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{background:var(--color-primary);padding:14px 16px}.brand{color:#fff;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.layout__main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:40px 16px}.layout__footer{text-align:center;color:var(--color-muted);padding:20px 16px;font-size:.875rem}.hero{text-align:center;justify-items:center;gap:16px;max-width:520px;margin:0 auto;display:grid}.hero__title{color:var(--color-primary);font-size:clamp(1.75rem,5vw,2.25rem)}.hero__subtitle{color:var(--color-muted);margin:0 0 8px}.hero .card{text-align:left;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card__title{font-size:1.125rem}.card__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.form{gap:12px;display:grid}.form--narrow{max-width:400px;margin:0 auto}.form__label{font-size:.9375rem;font-weight:600}.form__hint{color:var(--color-muted);margin:-4px 0 4px;font-size:.8125rem}.input{width:100%;font:inherit;border:1px solid var(--color-border);color:inherit;background:#fff;border-radius:8px;padding:10px 12px}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:#0000}.input--textarea{resize:vertical;font-family:inherit}.input--search{max-width:260px}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--ghost{color:var(--color-primary);border-color:var(--color-border);background:0 0;padding:6px 12px}.button--ghost:hover{background:var(--color-bg)}.button--danger{color:var(--color-danger);background:0 0;padding:6px 12px}.button--danger:hover{background:var(--color-error-bg)}.alert{border-radius:8px;padding:10px 14px;font-size:.9375rem}.alert--success{background:var(--color-success-bg);color:var(--color-success-text)}.alert--error{background:var(--color-error-bg);color:var(--color-error-text)}.alert--info{background:var(--color-bg);color:var(--color-muted)}.dashboard{gap:20px;display:grid}.dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard__header h1{color:var(--color-primary)}.dashboard__actions{gap:8px;display:flex}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9375rem}.table th,.table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:10px 8px}.table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}.table td:first-child{white-space:normal;min-width:180px}.table__num,.table__actions{text-align:right!important}.empty{color:var(--color-muted);text-align:center;margin:24px 0}.layout-editor{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;overflow:hidden}.layout-editor__canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.layout-editor__name{cursor:grab;outline:none}.layout-editor__canvas--dragging,.layout-editor__canvas--dragging .layout-editor__name{cursor:grabbing}.layout-editor__guide{stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:6 4;opacity:0;transition:opacity .15s}.layout-editor__canvas:hover .layout-editor__guide,.layout-editor__canvas--dragging .layout-editor__guide{opacity:1}.layout-editor__canvas:has(.layout-editor__name:focus-visible) .layout-editor__guide{opacity:1}.layout-editor__name:focus-visible{-webkit-text-decoration:underline dotted var(--color-accent);text-decoration:underline dotted var(--color-accent)}.layout-editor__placeholder{aspect-ratio:297/210;text-align:center;color:var(--color-muted);place-items:center;padding:16px;display:grid}.layout-editor__controls{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.layout-editor__field{align-content:start;gap:6px;display:grid}.layout-editor__field .form__hint{margin:0}.layout-editor__field input[type=range]{width:100%;accent-color:var(--color-primary)}.layout-editor__slider{align-items:center;gap:8px;display:flex}.layout-editor__slider .button{flex-shrink:0;font-size:.8125rem}.layout-editor__value{color:var(--color-muted);margin-left:4px;font-weight:400}.layout-editor__link{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.8125rem;text-decoration:underline}