:root {
	--primary: #002147; /* SSR Blue */
	--accent: #d4af37; /* Lustrum Gold */
	--text: #333;
	--light-bg: #f4f4f4;
}

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
	background-color: var(--light-bg);
	color: var(--text);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

header {
	background-color: var(--primary);
	color: white;
	padding: 1rem 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header h1 { margin: 0; font-size: 1.5rem; }

.admin-link {
	color: var(--accent);
	text-decoration: none;
	font-weight: bold;
	border: 1px solid var(--accent);
	padding: 5px 15px;
	border-radius: 4px;
	transition: all 0.3s;
}

.admin-link:hover { background-color: var(--accent); color: var(--primary); }

main {
	flex: 1;
	max-width: 800px;
	margin: 40px auto;
	padding: 20px;
	background: white;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	border-radius: 8px;
	width: 90%;
}

h2 { color: var(--primary); border-bottom: 2px solid var(--accent); padding-bottom: 10px; }

/* Form Styling */
.form-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; font-weight: bold; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
}

.product-item {
	padding: 15px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-info h3 { margin: 0 0 5px 0; font-size: 1.1rem; }
.product-info p { margin: 0; color: #666; font-size: 0.9rem; }
.product-controls { display: flex; align-items: center; gap: 10px; }

.btn {
	display: inline-block;
	background-color: var(--primary);
	color: white;
	padding: 12px 24px;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	transition: background 0.3s;
}
.btn:hover { background-color: #003366; }
.btn-large { display: block; width: 100%; text-align: center; margin-top: 20px; }

.alert { padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.alert-error { background-color: #ffebee; color: #c62828; border: 1px solid #ef9a9a; }

footer {
	text-align: center;
	padding: 20px;
	background-color: #ddd;
	font-size: 0.8rem;
	color: #666;
}