*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f8f9fb;--color-surface:#ffffff;--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-danger:#dc2626;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,0.08)}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:480px;margin:0 auto;padding:2rem 1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--color-text)}.form-group input{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--color-primary)}.btn{display:inline-block;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer;text-align:center;transition:background .15s}.btn-primary{background:var(--color-primary);color:#fff;width:100%}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg)}.app-header{justify-content:space-between;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header,.app-header nav{display:flex;align-items:center}.app-header nav{gap:1.5rem}.app-header .brand{font-weight:700;font-size:1.125rem;color:var(--color-text)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.error-text{color:var(--color-danger)}.error-text,.success-text{font-size:.875rem;margin-top:.5rem}.success-text{color:#16a34a}h1{font-size:1.5rem;font-weight:700}h1,h2{margin-bottom:.5rem}h2{font-size:1.25rem;font-weight:600}p{margin-bottom:.75rem}h3{font-size:1rem;font-weight:600;margin-bottom:.375rem}.sf-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.25rem .625rem;border-radius:999px}.sf-status-linked{background:#ecfdf5;color:#065f46}.sf-status-unlinked{background:#fef3c7;color:#92400e}.sf-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sf-dot-linked{background:#10b981}.sf-dot-unlinked{background:#f59e0b}.sf-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sf-info-item{display:flex;flex-direction:column;gap:.125rem}.sf-info-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em}.sf-info-value{font-size:.9375rem;color:var(--color-text)}.sf-contact-list{display:flex;flex-direction:column;gap:.75rem}.sf-contact-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.sf-contact-info{display:flex;flex-direction:column;gap:.125rem}.sf-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:999px;width:fit-content}.sf-badge-active{background:#ecfdf5;color:#065f46}.sf-badge-alumni{background:#eff6ff;color:#1e40af}.sf-badge-inactive,.sf-badge-suspended{background:#fef2f2;color:#991b1b}.sf-badge-pledging{background:#fefce8;color:#854d0e}.sf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:.5rem}.sf-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border)}.sf-stat-number{font-size:1.25rem;font-weight:700;color:var(--color-text)}.sf-stat-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em;margin-top:.125rem}.sf-activity-list{display:flex;flex-direction:column;gap:0}.sf-activity-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--color-border)}.sf-activity-item:last-child{border-bottom:none}.sf-sync-summary{padding:.75rem;background:#ecfdf5;border-radius:var(--radius);border:1px solid #a7f3d0}.sf-link-prompt{font-size:.875rem;color:var(--color-primary);font-weight:500}.sf-link-prompt:hover{text-decoration:underline}.sf-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:sf-spin .6s linear infinite;margin:1rem auto}@keyframes sf-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.sf-stats-row{grid-template-columns:repeat(2,1fr)}.sf-info-grid{grid-template-columns:1fr}.sf-contact-card{flex-direction:column;align-items:flex-start;gap:.75rem}}