.konto-wrapper {
    max-width: 480px;
    margin: 60px auto;
    padding: 0 20px;
}
.konto-wrapper.wide { max-width: 720px; }

.konto-card {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    padding: 32px;
}
.konto-card h1 { margin-top: 0; font-size: 22px; }
.konto-card .subtitle { color: #666; font-size: 14px; margin-top: -8px; }

.konto-logo { text-align: center; margin-bottom: 20px; }
.konto-logo img { height: 56px; }

.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #444; }
.form-group input, .form-group select, .form-group textarea {
    width: 100%; padding: 10px 12px; border: 1px solid #dfe3e8; border-radius: 6px; font-size: 14px;
}
.form-row { display: flex; gap: 14px; }
.form-row .form-group { flex: 1; }

.btn { display: inline-block; padding: 11px 20px; border-radius: 6px; border: none; cursor: pointer; font-size: 15px; text-decoration: none; }
.btn-primary { background: #0d1b2a; color: #fff; width: 100%; text-align: center; }
.btn-primary:hover { background: #16283c; }
.btn-google { background: #fff; border: 1px solid #dfe3e8; color: #1a1a1a; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; }
.btn-danger { background: #c0392b; color: #fff; }
.btn-secondary { background: #eee; color: #1a1a1a; }

.divider { text-align: center; color: #999; font-size: 13px; margin: 20px 0; }

.alert { padding: 12px 16px; border-radius: 6px; margin-bottom: 20px; font-size: 14px; }
.alert-error { background: #fde8e6; color: #c0392b; }
.alert-success { background: #e3f4e5; color: #2e7d32; }

.link-row { text-align: center; margin-top: 16px; font-size: 14px; }
.link-row a { color: #d4a017; text-decoration: none; }

.dashboard-nav { display: flex; gap: 16px; margin-bottom: 24px; border-bottom: 1px solid #dfe3e8; padding-bottom: 12px; }
.dashboard-nav a { color: #444; text-decoration: none; font-size: 14px; }
.dashboard-nav a.active { color: #d4a017; font-weight: 600; }

table.info-table { width: 100%; }
table.info-table td { padding: 8px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
table.info-table td:first-child { color: #666; width: 160px; }