: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}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);-webkit-tap-highlight-color:transparent;margin:0}h1,h2{margin:0;line-height:1.25}.layout{flex-direction:column;min-height:100dvh;display:flex}.layout__header{background:var(--color-primary);padding:14px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));padding-top:max(14px, env(safe-area-inset-top))}.brand{color:#fff;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.layout__main{width:100%;max-width:960px;padding:40px max(16px, env(safe-area-inset-right)) 40px max(16px, env(safe-area-inset-left));flex:1;margin:0 auto}.layout__footer{text-align:center;padding:20px 16px max(20px, env(safe-area-inset-bottom));color:var(--color-muted);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{grid-template-columns:minmax(0,1fr);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{grid-template-columns:minmax(0,1fr);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;white-space:pre;outline:none}.layout-editor__box{fill:#c2994214;stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:6 4;cursor:grab}.layout-editor__handle{fill:#fff;stroke:var(--color-accent);stroke-width:1.5px;pointer-events:none}.layout-editor__handle-target{fill:#0000;cursor:ew-resize}.layout-editor__center-line{stroke:#d92d20;stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.layout-editor__canvas--move,.layout-editor__canvas--move .layout-editor__name,.layout-editor__canvas--move .layout-editor__box{cursor:grabbing}.layout-editor__canvas--left,.layout-editor__canvas--right,.layout-editor__canvas--left *,.layout-editor__canvas--right *{cursor:ew-resize}.layout-editor__name:focus-visible{-webkit-text-decoration:underline dotted var(--color-accent);text-decoration:underline dotted var(--color-accent)}.layout-editor__links{flex-wrap:wrap;gap:4px 16px;display:flex}.layout-editor__link:disabled{color:var(--color-muted);cursor:default;text-decoration:none}.segmented{border:1px solid var(--color-border);border-radius:8px;display:flex;overflow:hidden}.segmented__option{min-height:40px;font:inherit;color:var(--color-primary);background:var(--color-surface);cursor:pointer;border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.875rem;font-weight:600;display:inline-flex}.segmented__option+.segmented__option{border-left:1px solid var(--color-border)}.segmented__option:hover{background:var(--color-bg)}.segmented__option--active,.segmented__option--active:hover{background:var(--color-primary);color:#fff}.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(min(240px,100%),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__slider input[type=range]{flex:1;min-width:0}.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}.color-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-picker__swatch{border:2px solid var(--color-surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;border-radius:50%;padding:0}.color-picker__swatch--active{box-shadow:0 0 0 2px var(--color-primary)}.color-picker__custom{color:var(--color-primary);cursor:pointer;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.color-picker__custom input{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;width:32px;height:32px;padding:0}@media (width<=600px){.layout__main{padding-top:24px;padding-bottom:24px}.card{padding:16px}.dashboard{gap:16px}.dashboard__header h1{font-size:1.5rem}.card__tools,.card__tools .input--search{width:100%;max-width:none}.card__tools .input--search{flex:1;width:auto;min-width:0}.table__date{display:none}.table th,.table td{padding:10px 6px}.table th{letter-spacing:0;font-size:.6875rem}.table__name{width:100%;min-width:0}.table__actions .button{width:100%;padding:4px 10px;display:flex}.table__actions .button+.button{margin-top:4px}.pagination{justify-content:center}.pagination__info{text-align:center;width:100%}.selection-bar__actions{width:100%}.selection-bar__actions .button{flex:1}.modal__actions{flex-direction:column-reverse}.modal__actions .button{width:100%}}@media (pointer:coarse){.table__check input{width:22px;height:22px}.pagination__button{min-width:40px;height:40px}}