#catalogLayout{
    display:flex;
    gap:30px;
    align-items:flex-start;
	margin-top: 60px;
}

#catalogContent{
    flex:1;
}

#catalogMenu {
    width:260px;
    min-width:260px;
    padding:20px;
    background:#1b222b;
    border-radius:8px;
    box-sizing:border-box;
    color:#ddd;
    font-size:15px;	
}

#catalogMenu .menuGroup{
    margin-bottom:30px;
	background:#14191f;
}

#catalogMenu .menuGroup:last-child{
    margin-bottom:0;
}

#catalogMenu h2{
    margin:0 0 12px;
    padding-bottom:8px;
    font-size:18px;
    font-weight:600;
    color:#6ec6ff;
    border-bottom:1px solid #3d4a59;
}

#catalogMenu input[type="search"]{
    width:100%;
    padding:8px 10px;
    border:1px solid #3d4a59;
    border-radius:4px;
    background:#14191f;
    color:white;
    box-sizing:border-box;
}

#catalogMenu input[type="search"]:focus{
    outline:none;
    border-color:#3498db;
}

#catalogMenu ul{
    margin:0;
    padding:0;
    list-style:none;
}

#catalogMenu li{
    margin:2px 0;
}

#catalogMenu a{
    display:block;
    padding:6px 10px;
    color:#ddd;
    text-decoration:none;
    border-radius:4px;
    transition:background .2s, color .2s;
}

#catalogMenu a:hover{
    background:#3498db;
    color:white;
}

#catalogMenu label{
    display:block;
    margin:8px 0;
    cursor:pointer;
}

#catalogMenu input[type="checkbox"]{
    margin-right:8px;
}

.notification {
	display: none;
}

.notification.new {
	display: inline;
    animation: clignoter 1.25s infinite;
    animation-name: clignoter;
    transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

/*==================================================
    Catalog Category
==================================================*/

.catalogCategory {    
    padding:5px;	
    background:#1b222b;
    border:1px solid #2c3642;
    border-radius:8px;    
	width: 98%;
	height:100%;
	text-align:center;
}

.catalogCategory header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
    padding-bottom:12px;
    border-bottom:1px solid #313c49;
}

.catalogCategory header h2{
    margin:0;
    font-size:24px;
    font-weight:500;
    color:#6ec6ff;
}

.catalogCategory header {
    color:#999;
    font-size:15px;
}

span.categoryCountItems {
	color: gold;
	font-weight: bold;
	margin-right: 6px;
}

.catalogCategory footer{
    display:flex;
    justify-content:flex-end;
    margin-top:20px;
}

.catalogCategory button{
    padding:10px 18px;
    border:none;
    border-radius:5px;
    background:#3498db;
    color:white;
    cursor:pointer;
    font-size:15px;
    transition:.2s;
}

.catalogCategory button:hover{
    background:#4aa8e8;
    transform:translateX(4px);
}

.HexGallery {	
    display:inline-block;
	flex-direction:column; 	
	padding-top:30px;
}


/*==================================================
    Admin Menu
==================================================*/

.adminPanel {
	margin-top: 20px;
}

.adminPanel .menuItem {
	margin-bottom: 15px;
}

.adminStatus {
	display: inline-block;
	margin-top: 4px;
	font-weight: bold;
}

.adminStatus.pending {
	color: #f5c542;
}

.adminStatus.published {
	color: #55d16d;
}

.adminStatus.rejected {
	color: #ff6b6b;
}

#adminReviewNotes {
	width: 100%;
	min-height: 160px;
	resize: vertical;
	box-sizing: border-box;
	padding: 10px;
	background: #1d242d;
	color: white;
	border: 1px solid #444;
	border-radius: 5px;
	font-family: inherit;
	font-size: 14px;
}

.adminButtons {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.publishButton,
.rejectButton {
	flex: 1;
}

.menuItem > span {
	margin-left: 8px;
}