/* Elsabe2 Link Shortener - Luxurious Dark Mode (Aggressive Override) */

/* 1. Global Dark Background */
html,
body {
	background-color: #191919 !important;
	background-image: none !important;
	/* Remove default clouds/images */
	color: #e0e0e0 !important;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
	text-align: center !important;
	margin: 0 !important;
	padding-top: 20px !important;
}

/* Glassmorphism Container */
#wrap {
	max-width: 950px !important;
	min-height: 150px !important;
	margin: 0 auto !important;
	background: rgba(255, 255, 255, 0.05) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	text-align: left !important;
	padding: 20px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 20px !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Links */
a,
a:link,
a:active,
a:visited {
	color: #fed201 !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
}

a:hover {
	text-decoration: none !important;
	text-shadow: 0 0 10px rgba(254, 210, 1, 0.5) !important;
}

/* Header */
h1 {
	height: 50px !important;
	margin: 0 auto !important;
	float: none !important;
	max-width: 100% !important;
	text-align: center !important;
}

h1 a {
	text-align: center !important;
	font-size: 24px !important;
	float: none !important;
	font-weight: 700 !important;
	color: #fed201 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	display: block !important;
}

#yourls-logo {
	display: none !important;
}

/* 2. Login Box */
#login {
	max-width: 400px !important;
	margin: 100px auto !important;
	background: rgba(0, 0, 0, 0.6) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid #fed201 !important;
	padding: 40px !important;
	border-radius: 15px !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
	text-align: center !important;
}

#login p {
	font-weight: bold !important;
	color: #fed201 !important;
	font-size: 1.2rem !important;
	margin-bottom: 20px !important;
}

/* 3. Inputs */
input[type="text"],
input[type="password"],
.text {
	width: 100% !important;
	margin-bottom: 15px !important;
	background: #2a2a2a !important;
	border: 1px solid #555 !important;
	color: #fff !important;
	padding: 12px !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
.text:focus {
	border: 1px solid #fed201 !important;
	outline: none !important;
}

/* 4. Buttons */
input[type="submit"],
input.button,
.btn-glass {
	background: linear-gradient(135deg, #fed201 0%, #d4b001 100%) !important;
	color: #000 !important;
	font-weight: bold !important;
	border: none !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding: 12px !important;
	width: 100% !important;
	border-radius: 5px !important;
	margin-top: 10px !important;
	font-size: 1.1rem !important;
}

input[type="submit"]:hover,
input.button:hover,
.btn-glass:hover {
	box-shadow: 0 0 15px rgba(254, 210, 1, 0.4) !important;
	transform: translateY(-1px) !important;
}

/* 5. Footer */
#footer {
	text-align: center !important;
	margin-top: 40px !important;
	padding-bottom: 20px !important;
	color: #fed201 !important;
}

#footer p {
	padding: 10px !important;
	background: transparent !important;
	border: none !important;
	color: #fed201 !important;
}

#footer p a {
	color: #fed201 !important;
	background: none !important;
	padding-left: 0 !important;
}

/* Tables */
table.tblSorter {
	background-color: transparent !important;
	color: #e0e0e0 !important;
}

table.tblSorter thead tr th,
table.tblSorter tfoot tr th {
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: #fed201 !important;
	border: none !important;
}

table.tblSorter tbody td {
	background-color: rgba(255, 255, 255, 0.02) !important;
	color: #e0e0e0 !important;
	border-color: rgba(255, 255, 255, 0.05) !important;
}

table.tblSorter tbody tr:hover td {
	background-color: rgba(254, 210, 1, 0.05) !important;
}

/* Menu */
ul#admin_menu li {
	color: #aaa !important;
}

ul#admin_menu li:hover,
ul#admin_menu li a:hover {
	color: #fed201 !important;
}

ul#admin_menu li a {
	color: #e0e0e0 !important;
}