.status-bar {
	background: var(--primary);
	padding: 12px 28px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}
.status-time { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; color: #fff; }
.status-icons { display: flex; gap: 5px; }
.status-icons span { display: block; background: rgba(255,255,255,0.85); border-radius: 2px; }

.header {
	background: var(--primary);
	padding: 20px 24px 28px;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}
.header::before { content: ''; position: absolute; width: 180px; height: 180px; background: var(--accent); border-radius: 50%; top: -90px; right: -40px; opacity: 0.18; }
.header::after { content: ''; position: absolute; width: 100px; height: 100px; background: var(--accent-mid); border-radius: 50%; top: -20px; right: 60px; opacity: 0.12; }

.header-logo { display: flex; align-items: center; gap: 10px; position: relative; z-index: 1; margin-bottom: 6px; }
.header-logo-icon { font-size: 28px; }
.header-logo-name { font-size: 20px; font-weight: 700; color: #fff; font-family: 'DM Sans', sans-serif; }
.header-sub { font-size: 12px; color: #8B87A8; position: relative; z-index: 1; }

.body {
	flex: 1;
	padding: 28px 24px 20px;
	overflow-y: auto;
	flex-direction: column;
	gap: 0;
}
.body::-webkit-scrollbar { display: none; }

.section-title { font-size: 18px; font-weight: 700; color: var(--text); letter-spacing: -0.3px; margin-bottom: 6px; }
.section-sub { font-size: 12px; color: var(--text-muted); margin-bottom: 24px; }

.form-group { margin-bottom: 14px; }
.form-label { font-size: 11px; font-weight: 500; color: var(--text-muted); margin-bottom: 6px; display: block; }
.form-input {
	width: 100%;
	border: 1.5px solid #E0DEEE;
	border-radius: var(--login-radius);
	padding: 13px 16px;
	font-size: 13px;
	color: var(--text);
	background: var(--bg2);
	outline: none;
	font-family: 'Noto Sans KR', sans-serif;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.form-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(108,99,214,0.1); }
.form-input::placeholder { color: var(--text-hint); }

.form-links {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-bottom: 24px;
	margin-top: -4px;
}
.form-link {
	font-size: 11px;
	color: var(--text-muted);
	cursor: pointer;
	text-decoration: none;
	transition: color 0.15s;
}
.form-link:hover { color: var(--accent); }
.form-link-divider { font-size: 11px; color: var(--text-hint); }

.btn-primary {
	width: 100%;
	background: var(--accent);
	color: #fff;
	border: none;
	border-radius: var(--login-radius);
	padding: 14px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Noto Sans KR', sans-serif;
	transition: transform 0.15s, opacity 0.15s;
	margin-bottom: 12px;
	letter-spacing: -0.2px;
}
.btn-primary:active { transform: scale(0.98); opacity: 0.9; }

.divider {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 0 16px;
}
.divider-line { flex: 1; height: 1px; background: #EEECF8; }
.divider-text { font-size: 11px; color: var(--text-hint); white-space: nowrap; }

.btn-kakao {
	width: 100%;
	background: var(--kakao);
	color: var(--kakao-text);
	border: none;
	border-radius: var(--login-radius);
	padding: 14px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Noto Sans KR', sans-serif;
	transition: transform 0.15s, opacity 0.15s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 20px;
	letter-spacing: -0.2px;
}
.btn-kakao:active { transform: scale(0.98); opacity: 0.9; }
.kakao-icon:before {
	display:inline-block;
	content:"";
	width:24px;
	height:24px;
	margin:-14px -3px -14px 0;
	background:url('../images/icon/icon_kakao.png') no-repeat center / cover;
	vertical-align: middle;
}

.signup-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: auto;
	padding-top: 8px;
}
.signup-text { font-size: 12px; color: var(--text-muted); }
.signup-link { font-size: 12px; font-weight: 700; color: var(--accent); cursor: pointer; text-decoration: none; }