body {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #595441;
	background:#e3f3ff;
	text-align:center;
	margin-top:0px;
	padding-top:10px;
}
#wrap {
	max-width:950px;
	min-height:150px;
	margin:0 auto;
	background:white;
	text-align:left;
	padding:5px 20px 10px 20px;
	border-left:3px solid #2a85b3;
	border-right:3px solid #2a85b3;
	border-bottom:3px solid #2a85b3;
	border-top:3px solid #2a85b3;
	border-radius:20px;
}
.hide-if-no-js {display: none;}
div, p, td {
	font-family: Verdana, Arial;
	font-size: 12px;
}
a, a:link, a:active, a:visited {
	color: #2a85b3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {margin:0;float:right;max-width:500px;}
h1 a {text-align:right;font-size:20px;float:right;}
h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2a85b3}
h1 a:hover{text-decoration:none;}
h1 a:hover span{text-decoration:underline;color:#88c0eb}
#yourls-logo {
    border:0px;
    width:300px;
}
ul#admin_menu {
	min-height:100px;
	list-style-type:none;
	padding:0;
	font-size:105%;
}
ul#admin_menu li {
	color:#aaa;
	padding:1px 0;
}
ul#admin_menu li:hover {
	list-style-type:square;
	color:#000;
}

code {
	background:#eaeaef;
	padding:0 2px;
}
tt {
	background:#ffc;
	padding:0 2px;
}

input, textarea {
	border-radius:3px;
}
Input.text, select, textarea {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	background-color: #FFFFFF;
	border: 1px solid #88c0eb;
	margin:1px;
}
input.button {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #88c0eb;
	cursor:pointer;
}
input.primary {
	border:2px solid #2A85B3;
	background:#fafafe;
}
input.text:focus, textarea:focus {
	border:2px solid #2A85B3;
	margin:0px;
}
tr.edit-row  td {
	background:#e3f3ff !important;
}
#new_url {
	text-align:center;
	padding:1px;
	border:1px solid #CDCDCD;
	background:#fff;
	clear:both;
}
#new_url div {
	background:#C7E7FF;
	padding:4px;
}
#new_url_form {
	padding:4px;
}
#new_url #feedback {
	background:#ff8;
	color:#88c0eb;
	width:50%;
	margin:0px 25%;
	padding:2px;
	border:1px solid #ff8;
}
#new_url #feedback .fail {
	color:#f55;
}
#add-url {width:400px}
td.url small a{
	color:#bbc;
}
/* Hide buttons visually but keep them accessible to screen readers */
body.desktop td.actions input, body.desktop td.actions a {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
td.timestamp span.timestamp {
    display:none;
}
td.actions input.disabled, td.actions input.loading {
	visibility:visible;
}
/* Show buttons on row hover */
tr:hover td.actions input, tr:hover td.actions a {
	opacity: 1;
	pointer-events: auto;
}
/* Show buttons when any button in the actions cell receives focus */
td.actions:focus-within input, td.actions:focus-within a {
	opacity: 1;
	pointer-events: auto;
}
/* Show all buttons when any element in the row receives focus (for keyboard nav through the entire row) */
tr:focus-within td.actions input, tr:focus-within td.actions a {
	opacity: 1;
	pointer-events: auto;
}
td.actions .button {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #595441;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #88c0eb;
	border-radius:3px;
	cursor:pointer;
	height:22px;
	width:22px;
	margin-top:0px;
	margin-right:5px;
	display:block;
	float:left;
	text-indent:-9999px;
	outline:0px;
}
td.actions .button:active {
	border:1px solid #000;
}
td.actions .button:hover {
	text-decoration:none;
}
td.actions .button.disabled, #add-button.disabled {
	border:1px solid #333;
	background:#ccc;
}
td.actions .button.loading, #add-button.loading {
	background:#cc7 url(../images/loading.gif) center center no-repeat;
	color:#cc7;
}
td.actions .button_share {
	background:transparent url(../images/share.svg) center no-repeat;
}
td.actions .button_edit {
	background:transparent url(../images/pencil.svg) center no-repeat;
}
td.actions .button_delete {
	background:transparent url(../images/delete.svg) center no-repeat;
}
td.actions .button_stats {
	background:transparent url(../images/chart_bar.svg) center no-repeat;
}
#main_table tfoot th, #main_table tfoot th div {
	font-size:10px;
}
.error {
	color: red;
	background:#fee;
}
.warning {
	color: orange;
	background:#ffe9bf;
}
.success {
	color: green;
	background:#efe;
}
#login {
	max-width: 300px;
	margin: 200px auto 0px auto;
}
#login p{
	font-weight: bold;
}
#login .text {
	width: 100%;
}
#login ul {
	padding-left:0px;
	list-style-type:none;
	text-indent:0;
}
#login ul li {
	padding:0 0 5px 20px;
}
#login ul.error li {
	background:transparent url(../images/cancel.svg) top left no-repeat;
}
#login ul.warning li {
	background:transparent url(../images/error.svg) top left no-repeat;
}
#login ul.success li {
	background:transparent url(../images/accept.svg) top left no-repeat;
}
.sub_wrap {
	max-width:580px;
	padding-bottom:30px;
	text-align:justify;
}
.sub_wrap span {
	background:#ffa;
	padding:0 2px;
}
a.bookmarklet {
	border:2px solid #2a85b3;
	border-radius:3px;
	padding:5px 5px 5px 20px;
	background:#eef url(../images/favicon.svg) 2px center no-repeat;
	padding-left:30px;
	margin:3px;
	display:inline-block;
}
a.bookmarklet:hover {
	text-decoration:none;
	background-position:3px center;
}
#footer {
	text-align:center;
	margin-top:20px;
}
#footer p {
	padding:10px;
	background:white;
	margin:0 auto;
	max-width:950px;
	border-radius:10px;
	border:2px solid #2a85b3;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}
#footer p a {
	background:#fff url(../images/favicon.svg) 2px center no-repeat;
	padding-left:30px;
}

.notice {
	border:1px solid #2a85b3;
	background: #F3FAFD;
	border-radius:6px;
	width:70%;
	margin-left:15%;
	padding-left:10px;
	margin-bottom:5px;
	clear: both;
}

.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:20px 0px;
  border-bottom:1px solid #bbb;
  filter:alpha(opacity=95);
  opacity:0.95;
  text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.jquery-notify-bar.error ,.jquery-notify-bar.fail {
  color:#f00;
  background-color:#fdd;
}
.jquery-notify-bar.error span,.jquery-notify-bar.fail span{
	background:transparent url("../images/error.svg") no-repeat left center;
	padding-left:20px;
}.jquery-notify-bar.success span{
	background:transparent url("../images/accept.svg") no-repeat left center;
	padding-left:20px;
}
.jquery-notify-bar.success {
  color:#060;
  background-color:#aea;
}
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}
tr.plugin.active a{ font-weight:bolder;}
body.desktop tr.plugin td.plugin_desc small{ visibility:hidden;}
tr:hover.plugin td.plugin_desc small{ visibility:visible;}

#delete-confirm-dialog {
    background-color: #ffffff;
    width: 50em;
    height: 19em;
    padding: 0px;
    border: 3px solid #2a85b3;
    border-radius: 20px;
}
#delete-confirm-dialog > div[name="dialog_title"] {
    background-color: #c7e7ff;
    font-size: 20px;
    color: #026090;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-start-start-radius: 17px 17px;
    border-start-end-radius: 17px 17px;
}
#delete-confirm-dialog div.confirm-message {
    background-color: #ffffff;
    width: calc(50em - 4em);
    height: calc(20em - 50px - 5em - 2em + 6px);
    float: none;
    text-align: left;
    padding: 1em 2em;
    overflow: hidden;
}
#delete-confirm-dialog div.confirm-message ul {
    border-left: 5px solid #026090;
    list-style-type: none;
    padding: 0 1em;
}
#delete-confirm-dialog div.confirm-message ul li {
    margin-bottom: 0.5em;
}
#delete-confirm-dialog div.confirm-message ul li span {
    border: 1px solid #c7e7ff;
    border-radius: 3px;
    padding: 1px 5px;
    color:#333;
}
#delete-confirm-dialog div.button-group {
    background-color: #e3f3ff;
    width: calc(50em - 4em);
    height: 2em;
    float: none;
    text-align: right;
    padding: 1em 2em;
    border-end-start-radius: 17px 17px;
    border-end-end-radius: 17px 17px;
}
#delete-confirm-dialog::backdrop {
    background-color: #666;
    opacity: 80%;
}


body {
    background: radial-gradient(circle at top, #3a2b00 0%, #050505 55%, #000 100%) !important;
    color: #f5f5f5 !important;
}

#wrap {
    max-width: 1180px !important;
    margin: 24px auto !important;
    background: rgba(8,8,8,.94) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 18px !important;
    box-shadow: 0 0 35px rgba(212,175,55,.28) !important;
    padding: 22px !important;
}

header {
    border-bottom: 1px solid rgba(212,175,55,.35) !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
}

.tb-logo {
    margin: 0 !important;
    text-align: center !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}

.tb-logo a {
    color: #ffd700 !important;
    text-decoration: none !important;
    text-shadow: 0 0 14px rgba(255,215,0,.55) !important;
}

.tb-subtitle {
    text-align: center !important;
    color: #f7d56b !important;
    font-size: 14px !important;
    margin-top: 4px !important;
    letter-spacing: 1px !important;
}

#admin_menu {
    background: #111 !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-bottom: 18px !important;
}

#admin_menu li {
    color: #fff !important;
}

a {
    color: #ffd700 !important;
}

#new_url,
#filter_form,
table {
    background: #101010 !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    border-radius: 12px !important;
}

#new_url {
    padding: 14px !important;
    margin-bottom: 14px !important;
}

input.text,
input[type="text"],
input[type="password"],
select,
textarea {
    background: #050505 !important;
    color: #fff !important;
    border: 1px solid #caa432 !important;
    border-radius: 8px !important;
    padding: 7px !important;
}

input.button,
button,
.button {
    background: linear-gradient(135deg, #ffd700, #b8860b) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    padding: 7px 13px !important;
    cursor: pointer !important;
}

input.button:hover,
button:hover,
.button:hover {
    opacity: .85 !important;
}

#main_table {
    width: 100% !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#main_table th {
    background: linear-gradient(180deg, #2b2100, #151000) !important;
    color: #ffd700 !important;
    padding: 10px !important;
    border-bottom: 1px solid rgba(212,175,55,.45) !important;
}

#main_table td {
    background: #0b0b0b !important;
    color: #f5f5f5 !important;
    padding: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

#main_table tr:nth-child(even) td {
    background: #141414 !important;
}

#overall_tracking,
p {
    color: #ddd !important;
}

#footer {
    max-width: 1180px !important;
    margin: 14px auto !important;
    background: #080808 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 14px !important;
    color: #ffd700 !important;
    box-shadow: 0 0 20px rgba(212,175,55,.18) !important;
}

#footer a {
    color: #ffd700 !important;
}

.error,
.notice {
    background: #1a1200 !important;
    border: 1px solid #d4af37 !important;
    color: #ffd700 !important;
    border-radius: 10px !important;
}

body.login #wrap {
    max-width: 460px !important;
    min-height: auto !important;
    margin: 80px auto 20px !important;
    padding: 34px 30px !important;
}

body.login header {
    text-align: center !important;
    border-bottom: none !important;
    margin-bottom: 28px !important;
}

body.login .tb-logo {
    text-align: center !important;
    font-size: 34px !important;
    letter-spacing: 4px !important;
    margin-bottom: 8px !important;
}

body.login .tb-subtitle {
    font-size: 13px !important;
    color: #d4af37 !important;
}

body.login main {
    display: block !important;
}

body.login #login {
    width: 100% !important;
    background: linear-gradient(180deg, #111, #050505) !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    box-shadow: inset 0 0 22px rgba(212,175,55,.08), 0 0 25px rgba(212,175,55,.2) !important;
}

body.login #login::before {
    content: "ADMINISTRATOR LOGIN";
    display: block;
    text-align: center;
    color: #ffd700;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 20px;
}

body.login #login label {
    color: #ffd700 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

body.login #username,
body.login #password {
    width: 100% !important;
    height: 42px !important;
    font-size: 15px !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
}

body.login #submit {
    width: 100% !important;
    height: 44px !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    margin-top: 8px !important;
}

body.login #submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 18px rgba(255,215,0,.35) !important;
}

body.login #footer {
    max-width: 460px !important;
    text-align: center !important;
    opacity: .75 !important;
}

body.login #error-message {
    background: rgba(120,0,0,.35) !important;
    border: 1px solid #ff4d4d !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

body.login #footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(255,215,0,.55) !important;
    font-size: 10px !important;
    margin-top: 12px !important;
}

body.login #footer p {
    color: rgba(255,215,0,.45) !important;
}

body.login #footer::before {
    content: "Secure Premium Access";
    display: block;
    color: rgba(255,215,0,.7);
    letter-spacing: 1px;
    margin-bottom: 4px;
}

body.login #wrap {
    background: rgba(0,0,0,.88) !important;
}

body.login #login {
    margin: 0 auto !important;
}

body.index #wrap {
    max-width: 1200px !important;
    margin: 28px auto !important;
    padding: 26px !important;
}

body.index header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body.index .tb-logo {
    font-size: 30px !important;
    text-align: left !important;
}

body.index .tb-subtitle {
    text-align: left !important;
    font-size: 13px !important;
}

body.index #admin_menu {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

body.index #admin_menu li {
    list-style: none !important;
}

body.index #admin_menu a {
    background: #151515 !important;
    border: 1px solid rgba(212,175,55,.35) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

body.index #overall_tracking {
    background: linear-gradient(135deg, #181200, #080808) !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    font-size: 15px !important;
    color: #ffd700 !important;
}

body.index #new_url {
    margin-top: 18px !important;
}

body.index #new_url_form > div {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

body.index #add-url {
    flex: 1 !important;
    min-width: 320px !important;
}

body.index #add-keyword {
    width: 180px !important;
}

body.index #add-button {
    height: 38px !important;
    min-width: 160px !important;
}

body.index #main_table {
    margin-top: 18px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

body.index #filter_form {
    margin-top: 14px !important;
    padding: 14px !important;
}

body.index #footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.index #admin_menu {
    min-height: auto !important;
    padding: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.index #admin_menu li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

body.index #admin_menu_logout_link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-right: 4px !important;
    white-space: nowrap !important;
}

body.index #admin_menu_logout_link strong {
    color: #fff !important;
}

body.index #admin_menu_logout_link a {
    margin-left: 4px !important;
}

body.index #admin_menu a {
    height: 34px !important;
    line-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tb-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin: 18px 0 !important;
}

.tb-stat-card {
    background: linear-gradient(180deg, #151515, #070707) !important;
    border: 1px solid rgba(212,175,55,.5) !important;
    border-radius: 16px !important;
    padding: 18px !important;
    box-shadow: 0 0 20px rgba(212,175,55,.12) !important;
}

.tb-stat-card span {
    display: block !important;
    color: #d4af37 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

.tb-stat-card strong {
    display: block !important;
    color: #ffd700 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

body.index #new_url {
    background: linear-gradient(180deg, #101010, #050505) !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    border-radius: 16px !important;
    padding: 22px !important;
}

body.index #new_url_form > div,
.tb-create-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.tb-create-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
}

.tb-create-box h2 {
    grid-column: 1 / -1 !important;
    color: #ffd700 !important;
    font-size: 20px !important;
    margin: 0 0 4px !important;
}

.tb-field label {
    display: block !important;
    color: #d4af37 !important;
    margin-bottom: 8px !important;
}

.tb-field input {
    width: 100% !important;
    height: 44px !important;
}

.tb-create-box #add-button {
    grid-column: 1 / -1 !important;
    width: 260px !important;
    height: 46px !important;
}

@media (max-width: 800px) {
    .tb-create-box {
        grid-template-columns: 1fr !important;
    }

    .tb-create-box #add-button {
        width: 100% !important;
    }
}

body.index #new_url {
    background: linear-gradient(180deg, #101010, #050505) !important;
    border: 1px solid rgba(212,175,55,.55) !important;
    border-radius: 18px !important;
    padding: 26px !important;
}

body.index #new_url_form > div {
    background: transparent !important;
}

.tb-create-vertical {
    display: block !important;
    max-width: 720px !important;
    margin: 0 auto !important;
}

.tb-create-vertical h2 {
    color: #ffd700 !important;
    font-size: 22px !important;
    margin-bottom: 22px !important;
    text-align: center !important;
}

.tb-create-vertical .tb-field {
    margin-bottom: 18px !important;
}

.tb-create-vertical .tb-field label {
    display: block !important;
    color: #d4af37 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
}

.tb-create-vertical input {
    width: 100% !important;
    height: 48px !important;
    background: #050505 !important;
    color: #fff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
}

.tb-create-vertical #add-button {
    width: 100% !important;
    height: 50px !important;
    margin-top: 8px !important;
    font-size: 15px !important;
}

body.index #new_url > div {
    background: transparent !important;
}

body.index #new_url,
body.index #new_url_form,
body.index .tb-create-box,
body.index .tb-create-vertical {
    background: linear-gradient(180deg, #111, #050505) !important;
}

body.index .tb-create-vertical {
    max-width: 640px !important;
    padding: 28px !important;
    border: 1px solid rgba(212,175,55,.45) !important;
    border-radius: 18px !important;
}

body.index .tb-create-vertical h2 {
    text-align: left !important;
    margin-bottom: 22px !important;
}

body.index .tb-create-vertical #add-url,
body.index .tb-create-vertical #add-keyword {
    width: 100% !important;
    max-width: 100% !important;
}

body.index .tb-create-vertical #add-button {
    width: 100% !important;
}

body.index .tb-create-vertical .tb-field,
body.index .tb-create-vertical .tb-field label,
body.index .tb-create-vertical label,
body.index .tb-create-vertical .text {
    background: transparent !important;
}

body.index .tb-create-vertical label {
    color: #ffd700 !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    display: block !important;
}

body.index .tb-create-vertical {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

body.index .tb-create-vertical .tb-field {
    width: 100% !important;
}

body.index .tb-create-vertical input.text {
    width: 100% !important;
    height: 46px !important;
    box-sizing: border-box !important;
}

body.index .tb-create-vertical #add-button {
    width: 100% !important;
    margin-top: 4px !important;
}

/* ===========================================
   TAMBAKBET TABLE PREMIUM V1.3
=========================================== */

#main_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}

#main_table thead th {

    background: linear-gradient(180deg,#3a2b00,#191300) !important;

    color:#FFD700 !important;

    font-size:13px !important;

    font-weight:700 !important;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:16px 14px !important;

    border:none !important;

}

#main_table tbody tr{

    transition:.25s;

}

#main_table tbody tr:hover{

    background:#181818 !important;

}

#main_table tbody td{

    padding:18px 14px !important;

    border-top:1px solid rgba(255,255,255,.04) !important;

    border-bottom:none !important;

    color:#ddd !important;

}

#main_table tbody tr:nth-child(even){

    background:#101010 !important;

}

#main_table tbody tr:nth-child(odd){

    background:#0b0b0b !important;

}

#main_table a{

    color:#FFD700 !important;

    font-weight:600;

}

#main_table small{

    color:#888 !important;

}

td.actions a{

    background:#171717;

    border:1px solid rgba(212,175,55,.35);

    border-radius:8px;

    padding:6px 10px;

    margin-right:6px;

    display:inline-block;

    transition:.25s;

}

td.actions a:hover{

    background:#FFD700;

    color:#000 !important;

}

td.clicks{

    font-weight:700;

    color:#FFD700 !important;

}

/* ===========================================
   TAMBAKBET FILTER PANEL
=========================================== */

#filter_form{

background:#111 !important;

border:1px solid rgba(212,175,55,.45) !important;

border-radius:16px;

padding:22px !important;

margin-top:20px !important;

}

#filter_form select,
#filter_form input{

height:38px;

border-radius:8px;

background:#0d0d0d !important;

color:#fff !important;

border:1px solid rgba(212,175,55,.35);

}

#filter_form input[type=submit]{

background:linear-gradient(180deg,#FFD700,#C59200);

border:none;

color:#000;

font-weight:bold;

padding:0 18px;

}

#filter_form label{

color:#FFD700;

font-weight:600;

}

#filter_form{

display:flex;

flex-wrap:wrap;

gap:15px;

align-items:flex-end;

}

#filter_form > *{

margin:0 !important;

}

#filter_form {
    max-width: 760px !important;
    padding: 22px !important;
}

#filter_options {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    gap: 12px !important;
    align-items: center !important;
}

#filter_buttons {
    grid-column: 1 / -1 !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

#filter_buttons input {
    min-width: 86px !important;
    height: 36px !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #ffd700, #b8860b) !important;
    color: #000 !important;
}

#filter_form input.text {
    width: 110px !important;
}

#filter_form select {
    min-width: 90px !important;
}

#filter_options {
    display: block !important;
    line-height: 34px !important;
}

#filter_form {
    max-width: 620px !important;
}

#filter_form input.text {
    width: 120px !important;
    height: 32px !important;
}

#filter_form select {
    height: 32px !important;
    min-width: 95px !important;
}

#filter_buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

#filter_buttons input {
    width: 80px !important;
    height: 34px !important;
}

#footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(255,215,0,.45) !important;
    font-size: 11px !important;
    text-align: center !important;
}

#footer p {
    background: transparent !important;
    color: rgba(255,215,0,.45) !important;
}

#footer::before {
    content: "TAMBAKBET SHORTLINK SYSTEM • v1.4";
    display: block;
    color: rgba(255,215,0,.75);
    letter-spacing: 1px;
    margin-bottom: 4px;
}

/* ======================================
   TAMBAKBET LAYOUT V2.0
====================================== */

.tb-layout{

display:flex;

gap:25px;

align-items:flex-start;

}

.tb-sidebar{

width:270px;

position:sticky;

top:20px;

}

.tb-layout {
    display: block !important;
}

.tb-sidebar {
    width: auto !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.tb-content {
    display: block !important;
}