.friend-form-container{width:100%;padding:20px 0}
.inline-friend-form{display:flex;flex-direction:column;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:768px){
.form-row{grid-template-columns:1fr}
}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:14px;font-weight:500;color:var(--text-color,#333)}
.required{color:#ef4444}
.inline-form-input{width:100%;padding:10px 14px;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;font-size:14px;color:var(--text-color,#333);background:0 0;transition:border-color .2s,box-shadow .2s;outline:0}
.inline-form-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px rgba(6,182,212,.1)}
.inline-form-input::placeholder{color:#9ca3af}
.inline-form-textarea{resize:vertical;min-height:80px;line-height:1.5}
.form-actions{display:flex;justify-content:flex-start;margin-top:8px}
.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:#06b6d4;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}
.btn-submit:hover{background:#0891b2}
.btn-submit:active{transform:scale(.98)}
.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}
.inline-success-panel{text-align:center;padding:32px 20px}
.inline-success-panel .success-icon{font-size:48px;color:#10b981;margin-bottom:16px}
.inline-success-panel h3{font-size:20px;font-weight:600;color:var(--text-color,#333);margin-bottom:8px}
.inline-success-panel p{font-size:14px;color:var(--text-secondary,#6b7280);margin-bottom:20px}
.inline-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:14px;color:#fff;opacity:0;transform:translateY(-10px);transition:.3s;z-index:9999;pointer-events:none}
.inline-toast.show{opacity:1;transform:translateY(0)}
.inline-toast.inline-toast-success{background:#10b981}
.inline-toast.inline-toast-error{background:#ef4444}
.inline-toast.inline-toast-info{background:#3b82f6}
.pending-friends-container{padding:16px 0}
.pending-friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.pending-friend-card{padding:16px;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;background:0 0}
.pending-friend-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pending-friend-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.pending-friend-title{font-size:16px;font-weight:600;color:var(--text-color,#333)}
.pending-friend-url{font-size:13px;color:#06b6d4;text-decoration:none;display:block;margin-bottom:8px;word-break:break-all}
.pending-friend-url:hover{text-decoration:underline}
.pending-friend-description{font-size:13px;color:var(--text-secondary,#6b7280);line-height:1.5;margin-bottom:12px}
.pending-friend-state{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}
.state-waiting{background:rgba(245,158,11,.1);color:#f59e0b}
.state-inaccessible{background:rgba(239,68,68,.1);color:#ef4444}
.state-not_blog{background:rgba(139,92,246,.1);color:#8b5cf6}
.loading{text-align:center;padding:20px;color:var(--text-secondary,#6b7280)}