body { font-family: "Google Sans", Roboto, Arial, sans-serif; background: #f8f9fa; min-height: 100vh; padding: 60px 20px 40px; }
.card { max-width: 480px; margin: 0 auto; background: #fff; border-radius: 8px; padding: 40px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.g-logo { font-size: 28px; font-weight: bold; letter-spacing: -1px; margin-bottom: 20px; }
.user { display: flex; align-items: center; gap: 10px; border: 1px solid #dadce0; border-radius: 20px; padding: 6px 12px; width: fit-content; margin-bottom: 20px; font-size: 14px; }
.ava { width: 28px; height: 28px; background: #1a73e8; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.dim { color: #5f6368; font-size: 12px; }
.card h1 { font-size: 20px; font-weight: 400; margin: 12px 0; }
.perms { list-style: none; padding: 0; margin: 16px 0; }
.perms li { padding: 10px; border: 1px solid #dadce0; border-radius: 4px; margin: 6px 0; font-size: 13px; line-height: 1.5; }
.warn { font-size: 12px; color: #5f6368; margin: 16px 0; line-height: 1.5; }
.btns { display: flex; justify-content: flex-end; gap: 10px; }
.btns button { padding: 10px 24px; border: none; border-radius: 4px; font-size: 14px; font-family: inherit; cursor: pointer; }
.primary { background: #1a73e8; color: #fff; }
.secondary { background: none; color: #1a73e8; }