:root{--color-bg-page: #ffffff;--color-bg-alt: #fafafa;--color-bg-input: #ffffff;--color-text: #333333;--color-text-heading: #2c2c2c;--color-text-muted: #666666;--color-text-muted-strong: #555555;--color-border: #e0e0e0;--color-border-soft: #e8e8e8;--color-border-table: #e5e5e5;--color-accent: #e4022e;--color-accent-hover: #c40226;--color-accent-shadow: rgba(228, 2, 46, .22);--color-accent-shadow-soft: rgba(228, 2, 46, .15);--color-accent-disabled-bg: #ffb3ba;--color-accent-disabled-border: #ffb3ba;--gradient-title-text: linear-gradient(135deg, #2c2c2c 0%, #e4022e 100%);--gradient-badge: linear-gradient(135deg, #e4022e 0%, #ff4d6d 100%);--gradient-attention-bg: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);--color-danger-text: #dc3545;--color-danger-bg: #f8d7da;--color-danger-border: #f5c6cb;--color-attention-text: #c40226;--color-warning-text: #a35a00;--color-warning-bg: #fff8e6;--color-warning-border: #f0e0b2;--color-success-text: #1a6b2e;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .06);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .08);--shadow-header: 0 2px 10px rgba(0, 0, 0, .05);--shadow-footer: 0 -2px 10px rgba(0, 0, 0, .05);--app-header-height: 56px;--app-footer-height: 48px;--transition-fast: .2s ease;--transition-card: .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*,*:before,*:after{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:inherit;line-height:1.6;color:var(--color-text);background:var(--color-bg-alt);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--color-text-heading)}.muted{color:var(--color-text-muted)}.card{background:var(--color-bg-page);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-card);transition:transform var(--transition-card),box-shadow var(--transition-card),border-color var(--transition-card)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border)}.card h2,.card h3{margin:0 0 1rem;font-size:1.05rem;font-weight:600;color:var(--color-text-heading)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card__head h2{margin:0}.btn{font:inherit;cursor:pointer;border-radius:var(--radius-md);padding:.55rem 1rem;transition:all var(--transition-fast);border:2px solid transparent;line-height:1.4}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px var(--color-accent-shadow-soft)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 1px 4px #0000000f}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 14px var(--color-accent-shadow)}.btn--primary:disabled{background:var(--color-accent-disabled-bg);border-color:var(--color-accent-disabled-border);color:#fff;opacity:.8;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary:disabled:hover{transform:none;box-shadow:none}.btn--secondary{background:var(--color-bg-page);color:var(--color-text);border:2px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-heading);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0)}.btn--small{padding:.3rem .65rem;font-size:.88rem}.form{display:flex;flex-direction:column;gap:1rem}.field{display:grid;grid-template-columns:minmax(7.5rem,10.5rem) minmax(0,1fr);gap:.35rem 1rem;align-items:start}.field__label{font-size:.875rem;font-weight:600;color:var(--color-text-heading);padding-top:.7rem;line-height:1.3}.field__control{display:flex;flex-direction:column;gap:.25rem;min-width:0}.field__control input,.field__control textarea{width:100%}.field__hint{font-size:.8rem;color:var(--color-danger-text);font-weight:500}@media (max-width: 560px){.field{grid-template-columns:1fr;gap:.25rem}.field__label{padding-top:0}}.form__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}input,textarea{font:inherit;padding:12px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-shadow-soft)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.banner{padding:.85rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;line-height:1.5}.banner--error{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border)}.banner--ok{background:#f0fdf4;color:var(--color-success-text);border:1px solid #bbf7d0}.banner--warning{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.banner--attention{background:var(--gradient-attention-bg);color:var(--color-attention-text);border:2px solid var(--color-accent);font-weight:600}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:.65rem .5rem;border:1px solid var(--color-border-table);vertical-align:top}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);font-weight:600;background:var(--color-bg-alt)}.table__title{font-weight:600;color:var(--color-text-heading)}.table__desc{max-width:260px;color:var(--color-text-muted-strong)}.link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:hover{color:var(--color-accent-hover);text-decoration:underline}.link-cell{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.page__foot code{font-size:.85em;padding:.15rem .35rem;border-radius:4px;background:var(--color-bg-alt);border:1px solid var(--color-border-soft)}.badge-gradient{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--gradient-badge);color:#fff;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-soft)}
