#adminCreatePage{ display: flex; justify-content: center; align-items: center; height: 100%; padding: 40px 24px; background: var(--bg-base); form{ display: flex; flex-direction: column; width: 100%; max-width: 380px; gap: 20px; } h1{ position: relative; font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: var(--text-primary); padding-left: 16px; } h1::before{ content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 4px; background: var(--accent); } p{ font-size: 14px; line-height: 1.5; color: var(--text-secondary); padding-left: 16px; margin-top: -8px; margin-bottom: 4px; } label{ display: flex; flex-direction: column; gap: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-tertiary); } input{ font-size: 16px; color: var(--text-primary); background: transparent; border: none; border-bottom: 1px solid var(--border-strong); border-radius: 0; padding: 8px 2px; transition: border-color 0.15s ease; } input:focus{ outline: none; border-bottom-color: var(--accent); } button{ font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bg-base); background: var(--accent); border: none; border-radius: 0; padding: 14px 16px; margin-top: 10px; cursor: pointer; transition: background 0.15s ease, transform 0.05s ease; } button:hover{ background: var(--accent-hover); } button:active{ transform: translateY(1px); } }