.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text)}.brand>span:last-child{display:grid}.brand small{color:var(--text-soft);font-size:.68rem;font-weight:600}.brand-inverse{color:#fff}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1b4dff,#0030b7);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:-.02em;box-shadow:0 8px 22px rgba(0,55,208,.25)}.brand-mark-small{width:30px;height:30px;border-radius:9px;font-size:.6rem}.brand-mark-large{width:62px;height:62px;border-radius:18px;font-size:1rem}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;line-height:1.2;transition:transform .18s,background .18s,border-color .18s,color .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-primary{background:var(--brand);color:var(--brand-on)}.button-primary:hover{background:var(--brand-hover)}.button-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--brand)}.button-secondary:hover,.button-quiet:hover{background:var(--surface-soft)}.button-quiet{background:transparent;color:var(--brand)}.button-light{background:#fff;color:#102148}.button-large{min-height:50px;padding-inline:24px}.button-small{min-height:38px;padding:8px 13px;font-size:.86rem}.button-block{width:100%}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text)}.avatar{display:grid;width:42px;height:42px;place-items:center;flex:none;border:2px solid var(--surface);border-radius:50%;background:linear-gradient(145deg,var(--brand-soft),var(--surface-raised));color:var(--brand);font-size:.75rem;font-weight:800}.avatar-small{width:38px;height:38px}.avatar-large{width:92px;height:92px;font-size:1.35rem}.status-badge{display:inline-flex;width:max-content;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.status-success,.status-active,.status-completed,.status-credited{border-color:color-mix(in srgb,var(--success) 30%,transparent);background:var(--success-soft);color:var(--success)}.status-warning,.status-review_hold,.status-manual_review,.status-processing,.status-pending{border-color:color-mix(in srgb,var(--warning) 30%,transparent);background:var(--warning-soft);color:var(--warning)}.status-rejected,.status-failed{background:var(--danger-soft);color:var(--danger)}.status-rank{background:var(--brand-soft);color:var(--brand)}.status-verified{background:var(--brand);color:var(--brand-on);border-color:var(--brand)}.status-available{background:var(--brand-soft);color:var(--brand)}label{display:grid;gap:7px;color:var(--text);font-size:.82rem;font-weight:700}label>span{display:flex;justify-content:space-between;color:var(--text-soft);font-weight:500}input,select,textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft);outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:span 2}.password-field{position:relative}.password-field input{padding-inline-end:62px}.password-field button{position:absolute;inset-block:0;inset-inline-end:4px;border:0;background:transparent;color:var(--brand);font-size:.76rem;font-weight:700}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row input{width:18px;min-height:18px;margin-top:2px}.check-row span{display:block}.field-error{color:var(--danger);font-weight:600}.alert{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.87rem}.alert-error{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:var(--danger-soft);color:var(--danger)}.alert-info{background:var(--brand-soft);color:var(--brand)}.content-section,.admin-panel{padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.section-title,.admin-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:17px}.section-title h2,.admin-panel-heading h2{margin:2px 0 0}.section-title>a,.admin-panel-heading>a{color:var(--brand);font-size:.82rem;font-weight:700}.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;padding:24px;text-align:center}.empty-state h3{margin:13px 0 4px}.empty-state p{max-width:380px}.empty-icon,.security-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.responsive-table{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 14px;border-block-end:1px solid var(--border);text-align:start;font-size:.82rem}th{background:var(--surface-soft);color:var(--text-soft);font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}tbody tr:last-child td{border:0}.toast{position:fixed;inset-block-start:84px;inset-inline-end:20px;z-index:100;padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.toast-error{background:var(--danger-soft);color:var(--danger)}.copy-field{display:flex;gap:8px;padding:7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.copy-field code{align-self:center;min-width:0;flex:1;overflow:hidden;padding-inline:7px;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.visibility-guide{display:flex;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand)}.visibility-guide p{margin:3px 0 0;color:inherit}.visibility-guide.compact{font-size:.8rem}.visibility-guide.compact p{margin:0}.tabs{display:flex;gap:24px;margin-block:18px;overflow:auto;border-block-end:1px solid var(--border)}.tabs button{padding:11px 2px;border:0;border-block-end:2px solid transparent;background:transparent;color:var(--text-soft);font-size:.78rem;font-weight:800}.tabs button.active{border-color:var(--brand);color:var(--brand)}
