: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}.card__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card__tools .button--danger{border-color:var(--color-border)}.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)}.button--danger-solid{background:var(--color-danger);color:#fff}.button--danger-solid:hover:not(:disabled){background:#912018}.modal{border-radius:var(--radius);background:var(--color-surface);width:min(420px,100vw - 32px);color:var(--color-text);border:none;padding:0;animation:.15s ease-out modal-in;box-shadow:0 20px 40px #10182833}.modal::backdrop{background:#10182873;animation:.15s ease-out modal-fade}.modal__content{padding:24px}.modal__title{margin:0 0 8px;font-size:1.125rem}.modal__message{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.9375rem}.modal__actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal__actions .button{padding:8px 16px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes modal-fade{0%{opacity:0}}.selection-bar{background:var(--color-error-bg);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;padding:8px 12px;font-size:.9375rem;font-weight:600;display:flex}.selection-bar__actions{gap:8px;display:flex}.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)}.alert--warning{color:#93370d;background:#fffaeb}.alert__action{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.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__name{min-width:180px;white-space:normal!important}.table__check{width:1%;padding-right:0!important}.table__check input{vertical-align:middle;width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;margin:0}.table__no{width:1%;color:var(--color-muted);font-variant-numeric:tabular-nums}.table__row--selected td{background:var(--color-bg)}.table__num,.table__actions{text-align:right!important}.empty{color:var(--color-muted);text-align:center;margin:24px 0}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:16px;display:flex}.pagination__info{color:var(--color-muted);font-size:.875rem}.pagination__pages{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination__button{min-width:36px;height:36px;font:inherit;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 10px;font-size:.875rem;font-weight:600}.pagination__button:hover:not(:disabled){background:var(--color-bg)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__button--active,.pagination__button--active:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__gap{text-align:center;min-width:20px;color:var(--color-muted)}.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}