body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
form {
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"], input[type="password"],
textarea {
display: block;
width: 100%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: border-box;
margin-bottom: 20px;
}
input[type="file"] {
margin-top: 10px;
}
input[type="submit"] {
background-color: #33ace1;
color: #fff;
padding: 10px 20px;
font-size: 16px;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #005b7f;
}
/* Стили для редактора TinyMCE */
.tox-tinymce {
margin-top: 20px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #ccc;
}
.tox-tinymce .tox-toolbar {
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
border-radius: 5px 5px 0 0;
}
.tox-tinymce .tox-statusbar {
background-color: #f5f5f5;
border-top: 1px solid #ccc;
border-radius: 0 0 5px 5px;
}
#image {margin-bottom: 30px;}
[data-tab="content"], [data-tab="content2"] {display:none;}
.nav-items h1 {cursor: pointer; font-size: 18px;}
.nav-items {display: flex; flex-direction: column; column-gap: 20px;width:200px;flex-shrink: 0;padding: 20px; background: #fff;margin-right: 30px;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.nav-items2 {display: flex; flex-direction: row; column-gap: 20px;margin-bottom: 30px;}
.nav-item{margin-bottom: 10px;cursor: pointer;font-size: 18px;}
.subnav-item{cursor: pointer;}
.container {max-width: 1200px;width: 100%;padding: 40px 15px;margin: 0 auto;}
.post-item {display: flex;column-gap: 40px;margin-bottom: 40px;align-items: flex-start;}
.post-item img {max-width: 240px;width:100%}
.edit-btn {color:inherit; margin-right: 20px}
.post-actions {margin-top: 40px;}
.content{-webkit-line-clamp: 3;  display: -webkit-box;  -webkit-box-orient: vertical; overflow: hidden;}
.back-btn {margin-top: 40px;padding: 9px 20px;background: #000; color: #fff; border-radius: 4px; text-decoration: none;}
section {position: relative;}
.logout {position:absolute;right: 20px;top:20px;color:#000;text-decoration:none;}
.auth {width:100%; max-width: 320px; margin:0 auto;}
.image-descr{font-size: 12px;}
[data-tab="nav"], [data-tab="nav2"] {opacity: .4;}
[data-tab="nav"].active, [data-tab="nav2"].active {opacity: 1;}
.admin-wrap {display: flex}