:root{--plg:#8CB61D;--plg2:#7aa316;--bd:#e6e6e6;--tx:#1f2937;--mut:#6b7280;}
.pluggin-oidc-form{max-width:520px;margin:2rem auto;padding:1.5rem;border:1px solid var(--bd);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.07);font:inherit;}
.pluggin-logo{max-height:58px}
.pluggin-hero h3{margin:.2rem 0 .25rem;font-weight:800}
.pluggin-hero p{margin:0 0 1rem;color:var(--mut)}
.pluggin-field{margin-bottom:1rem;position:relative}
.pluggin-field label{display:block;margin-bottom:.35rem}
.pluggin-field input{width:100%;padding:.72rem .9rem;border:1px solid #d1d5db;border-radius:12px;outline:none}
.pluggin-field input:focus{border-color:var(--plg);box-shadow:0 0 0 4px rgba(140,182,29,.16)}
.pluggin-toggle-pass{position:absolute;right:8px;bottom:8px;padding:.32rem .56rem;border:1px solid #d1d5db;background:#f9fafb;border-radius:8px;font-size:.8rem;cursor:pointer;}
.pluggin-btn{display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:12px;padding:.78rem 1.2rem;cursor:pointer;font-weight:800;background:linear-gradient(180deg,var(--plg) 0%,var(--plg2) 100%);color:#fff}
.pluggin-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:plg-spin .7s linear infinite;display:none}
.pluggin-btn.loading .pluggin-spinner{display:inline-block}.pluggin-links{margin-top:.9rem}
.pluggin-links a{color:var(--plg);font-weight:700;text-decoration:none}.pluggin-links a:hover{text-decoration:underline}
.pluggin-msg{margin-top:.9rem;min-height:1.1rem}.pluggin-msg.error{color:#c1121f}.pluggin-msg.success{color:#166534}
.pluggin-hidden{display:none}
@keyframes plg-spin{to{transform:rotate(360deg)}}