html,form,ul,li,h1,h2{
margin:0;
padding:0;
}
body{
font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size:13px;
line-height:1.5;
padding:0;
margin:0;
text-align:left;
background:#fff;
color:#243142;
min-width:1320px;
}
:root{
--admin-detail-label-width:160px;
--admin-detail-gap:16px;
}
ul{
list-style:none;
}
a {
color:#234c87;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

.admin-align-right{
text-align:right;
}

.admin-align-left{
text-align:left;
}

.admin-align-center{
text-align:center;
}

.admin-nowrap{
white-space:nowrap;
}

.admin-hidden{
display:none !important;
}

.cleaner{
clear:both;
line-height:0;
height:0;
font-size:0;
}

.admin-col-3{
width:3%;
}

.admin-col-5{
width:5%;
}

.admin-col-8{
width:8%;
}

.admin-col-10{
width:10%;
}

.admin-col-12{
width:12%;
}

.admin-col-15{
width:15%;
}

.admin-col-20{
width:20%;
}

.admin-col-25{
width:25%;
}

.admin-col-30{
width:30%;
}

.admin-col-35{
width:35%;
}

.admin-col-40{
width:40%;
}

.admin-col-50{
width:50%;
}

.admin-col-55{
width:55%;
}

.admin-col-60{
width:60%;
}

.admin-col-75{
width:75%;
}

.admin-maxw-300{
max-width:300px;
}

.admin-maxw-760{
max-width:760px;
}

.admin-maxw-860{
max-width:860px;
}

.admin-text-lowercase{
text-transform:lowercase;
}

.admin-ml-8{
margin-left:8px;
}

.admin-row-muted{
color:#999;
}

.admin-input-400{
width:400px;
max-width:100%;
box-sizing:border-box;
}

.admin-textarea-200{
width:100%;
min-height:200px;
box-sizing:border-box;
}

.admin-textarea-500{
width:500px;
max-width:100%;
box-sizing:border-box;
}

.admin-textarea-520{
width:520px;
max-width:100%;
box-sizing:border-box;
}

.admin-textarea-620{
width:620px;
max-width:100%;
box-sizing:border-box;
}

img{
border:none;
max-width:100%;
}
fieldset{
border:1px solid #d8d1c5;
border-radius:8px;
min-width:0;
}
table{
width:100%;
border-spacing: 0px;
border-collapse:collapse;
background:#fff;
}
tr{
}
tr:hover {
 background: #f7f4ef;
}

th,
td{
border-bottom:1px solid #e6dfd5;
padding:9px 10px;
}
th{
background:#f7f4ef;
color:#5d6775;
font-size:11px;
font-weight:700;
letter-spacing:0.04em;
text-transform:uppercase;
text-align:left;
vertical-align:top;
}
td{
vertical-align:middle;
}
h1{
  font-size:24px;
  color: #172434;
  border-bottom: 1px solid #ded7cd;
  padding: 0 0 10px 0;
  margin: 0 0 18px 0;
  font-weight:700;
}
h2{
font-size:17px;
color:#1d2a39;
border-bottom: 1px solid #ded7cd;
padding: 0 0 8px 0;
margin: 0 0 14px 0;
font-weight:700;
}
input,
select,
textarea,
button{
font:inherit;
}
input[type="text"],
input[type="password"],
select,
textarea{
border:1px solid #d3ccbf;
border-radius:8px;
padding:8px 10px;
background:#fff;
color:#172434;
box-sizing:border-box;
}
input[type="submit"],
input[type="button"],
button,
.submit{
background:#2b4465;
border:1px solid #2b4465;
border-radius:8px;
color:#fff;
cursor:pointer;
padding:8px 14px;
font-weight:600;
box-shadow:none;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.submit:hover{
background:#1f3652;
border-color:#1f3652;
}
input[type="file"]{
max-width:100%;
color:#243142;
}
input[type="file"]::file-selector-button{
margin-right:10px;
background:#2b4465;
border:1px solid #2b4465;
border-radius:8px;
color:#fff;
cursor:pointer;
padding:8px 14px;
font:inherit;
font-weight:600;
}
input[type="file"]:hover::file-selector-button{
background:#1f3652;
border-color:#1f3652;
}
input[type="file"]::-webkit-file-upload-button{
margin-right:10px;
background:#2b4465;
border:1px solid #2b4465;
border-radius:8px;
color:#fff;
cursor:pointer;
padding:8px 14px;
font:inherit;
font-weight:600;
}
input[type="file"]:hover::-webkit-file-upload-button{
background:#1f3652;
border-color:#1f3652;
}
.clear{
clear:both;
line-height:1px;
}

/* sidebar form*/
#sidebar {
width:236px;
padding:20px 16px 24px;
margin:0;
border:0;
border-right:1px solid #ddd4c7;
border-radius:0;
background:#ece4d8;
color:#46525f;
box-shadow:none;
position:fixed;
top:0;
left:0;
bottom:0;
overflow:auto;
font-family:"Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
box-sizing:border-box;
}
#sidebar-brand{
padding:0 4px 18px;
margin:0 0 18px 0;
border-bottom:1px solid #d7ccbc;
}
#sidebar-logo{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
color:#172434;
}
#sidebar-logo:hover{
text-decoration:none;
}
.sidebar-logo-image{
display:block;
width:184px;
height:auto;
}
.sidebar-logo-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:3px 10px;
border-radius:999px;
background:#7f2018;
color:#fff;
font-size:11px;
font-weight:700;
letter-spacing:0.1em;
text-transform:uppercase;
}
#sidebar-brand-meta{
margin-top:8px;
font-size:12px;
color:#6b7280;
}
#sidebar-brand-meta a{
color:#5d6775;
}
#content {
width:auto;
min-width:0;
margin:0 0 0 236px;
padding:22px 28px 32px;
border:0;
border-radius:0;
background:#ffffff;
box-shadow:none;
min-height:100vh;
box-sizing:border-box;
}

.navbar{
width:100%;
text-align:center;
padding:12px 14px;
background:#f7f4ef;
border: 1px solid #ddd6ca;
border-radius:12px;
box-sizing:border-box;
}
.navbar form{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:center;
align-items:center;
}
#content form br{
clear:both;
}

#sidebar a{
display:block;
padding:9px 11px;
margin:0 0 2px 0;
border-radius:10px;
font-size:14px;
font-weight:600;
line-height:1.35;
color:#22303f;
transition:background-color 0.15s ease, color 0.15s ease;
}

#sidebar a:hover{
background:#fff9f1;
color:#102133;
text-decoration:none;
}


#content form .error{
color:#9b2f2f;
margin-top:6px;
padding:0;
font-size:12px;
font-weight:700;
line-height:1.35;
}

#content form td.error{
color:#9b2f2f;
font-weight:700;
}

p.error{
    margin:0 0 16px 0;
    padding:11px 14px;
    border:1px solid #e5c1c1;
    border-radius:10px;
    background:#fff1f1;
    color:#8a2424;
    font-weight:700;
}

.video{
    position: relative;
}

.video .img{
    position: relative;
}

#sidebar h2{
    border-bottom-color:#ded7cd;
    color:#5e6773;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:0.12em;
    margin-bottom:10px;
    padding-bottom:10px;
}

.sidebar-quick-search{
    margin:0 0 14px 0;
}

.sidebar-quick-search-toggle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    padding:8px 10px !important;
    border:1px solid #d7ccbc;
    border-radius:10px;
    background:#f7f2ea;
    color:#2b4465 !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-transform:uppercase;
    letter-spacing:0.08em;
}

.sidebar-quick-search-toggle:hover{
    background:#fff9f1;
}

.sidebar-quick-search-panel{
    display:none;
    margin-top:8px;
    padding:12px 12px 10px;
    border:1px solid #d7ccbc;
    border-radius:12px;
    background:#f7f2ea;
}

.sidebar-quick-search-panel form{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.sidebar-quick-search-panel label{
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#6b7280;
}

.sidebar-quick-search-panel input[type="text"],
.sidebar-quick-search-panel select{
    width:100%;
    box-sizing:border-box;
    padding:7px 8px;
    border:1px solid #d6cdc0;
    border-radius:8px;
    background:#fffdfa;
    color:#22303f;
}

.sidebar-quick-search-panel input[type="submit"]{
    margin-top:4px;
    padding:8px 10px;
    border:1px solid #d7cfc3;
    border-radius:8px;
    background:#fffdfa;
    color:#2b4465;
    font-weight:700;
    cursor:pointer;
}

.sidebar-quick-search-panel input[type="submit"]:hover{
    background:#f1e8db;
}

.msg{
    margin:0 0 16px 0;
    padding:11px 14px;
    border:1px solid #d9d1c4;
    border-radius:10px;
    background:#f7f4ef;
    color:#2b4465;
}

.msg.msg-error{
    border-color:#e5c1c1;
    background:#fff1f1;
    color:#8a2424;
}

.msg.msg-success{
    border-color:#cfe3d4;
    background:#eef8f1;
    color:#1f6b34;
}

.admin-confirm-box{
    margin:0 0 16px 0;
    padding:11px 14px;
    border:1px solid #d9d1c4;
    border-radius:10px;
    background:#f7f4ef;
    color:#2b4465;
}

.admin-confirm-box-danger{
    border-color:#e5c1c1;
    background:#fff1f1;
    color:#8a2424;
}

.admin-confirm-summary{
    margin:0 0 12px 0;
    font-weight:700;
    color:#2b4465;
}

#footer{
    height:12px;
}

.admin-page-header,
.admin-list-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 18px 0;
    padding:0 0 12px 0;
    border-bottom:1px solid #ded7cd;
}

.admin-split-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin:0 0 18px 0;
    padding:0 0 10px 0;
    border-bottom:1px solid #ded7cd;
}

.admin-split-header-main{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.admin-split-header h1{
    margin:0;
    padding:0;
    border:0;
    min-width:0;
}

.admin-header-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:flex-end;
    margin-left:auto;
    flex:0 0 auto;
}

.admin-header-actions form{
    margin:0;
}

.admin-header-actions a,
.admin-back-link,
.admin-page-add-link,
.admin-confirm-cancel,
.admin-mini-action,
.admin-button-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ddd4c7;
    background:#fbf8f2;
    color:#2b4465;
    text-decoration:none;
}

.admin-header-actions a,
.admin-back-link,
.admin-page-add-link,
.admin-confirm-cancel,
.admin-mini-action,
.admin-button-secondary{
    padding:8px 12px;
    border-radius:10px;
    font-weight:700;
}

.admin-back-link,
.admin-confirm-cancel{
    padding:8px 14px;
    border-radius:8px;
    font-weight:600;
}

.admin-mini-action{
    padding:6px 10px;
    border-radius:8px;
    font-size:12px;
    font-weight:700;
}

.admin-header-actions a:hover,
.admin-back-link:hover,
.admin-page-add-link:hover,
.admin-confirm-cancel:hover,
.admin-mini-action:hover,
.admin-button-secondary:hover{
    background:#f1e8db;
    border-color:#ddd4c7;
    text-decoration:none;
}

.admin-action-danger{
    color:#8a2424 !important;
}

.admin-form-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
}

.admin-form-actions-offset{
    margin-left:160px;
}

.admin-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.05em;
    text-transform:uppercase;
    white-space:nowrap;
}

.admin-status-pill.status-ok{
    background:#e7f6ea;
    color:#1f6b34;
}

.admin-status-pill.status-pending{
    background:#fff2d9;
    color:#946200;
}

.admin-status-pill.status-working{
    background:#e7f0ff;
    color:#295a95;
}

.admin-status-pill.status-error{
    background:#fde8e8;
    color:#9b2f2f;
}

.admin-status-pill.status-neutral{
    background:#edf3ff;
    color:#35537b;
}

.admin-split-layout{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin-bottom:20px;
}

.admin-split-main{
    flex:1 1 auto;
    min-width:0;
}

.admin-split-aside{
    flex:0 0 210px;
}

.admin-thumb-card{
    display:block;
    width:188px;
    margin:0;
    padding:10px;
    border:1px solid #ddd4c7;
    border-radius:14px;
    background:linear-gradient(180deg,#fffdf9 0%,#f5efe4 100%);
    box-shadow:0 10px 24px rgba(65,49,24,0.08);
    color:#2b4465;
    text-decoration:none;
}

.admin-thumb-card:hover{
    background:linear-gradient(180deg,#fffefb 0%,#efe6d8 100%);
    text-decoration:none;
}

.admin-thumb-card img{
    display:block;
    width:100%;
    border:1px solid #d8cebf;
    border-radius:10px;
    background:#f7f2ea;
}

.admin-thumb-card-label{
    display:block;
    margin-top:10px;
    font-size:12px;
    font-weight:700;
    text-align:center;
}

.admin-card,
.admin-surface,
.admin-form-note,
.admin-quote-box,
.admin-code-block{
    border:1px solid #ddd4c7;
    border-radius:14px;
    box-sizing:border-box;
}

.admin-surface,
.admin-form-note,
.admin-quote-box,
.admin-code-block{
    background:#fbf8f2;
}

.admin-card,
.admin-surface-plain{
    background:#fffdfa;
}

.admin-card{
    margin:0 0 20px 0;
    padding:18px 20px;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(65,49,24,0.05);
}

.admin-card-title{
    margin:0 0 14px 0;
    font-size:18px;
    font-weight:700;
    color:#24384f;
}

.admin-surface{
    padding:18px;
}

.admin-surface + .admin-surface{
    margin-top:16px;
}

.admin-surface-tight{
    padding:14px 16px;
}

.admin-surface-plain{
    background:#fffdfa;
}

.admin-empty-box{
    padding:16px;
    border:1px dashed #d8d1c5;
    border-radius:12px;
    background:#fbf8f2;
    color:#7a6d5d;
    text-align:center;
}

.admin-meta-grid,
.admin-summary-grid{
    display:grid;
    grid-template-columns:calc(var(--admin-detail-label-width) + 10px) minmax(0, 1fr);
    gap:10px var(--admin-detail-gap);
}

.admin-meta-grid dt,
.admin-summary-label{
    margin:0;
    font-weight:700;
    color:#4f5f72;
}

.admin-meta-grid dd,
.admin-summary-value,
.admin-form-field{
    margin:0;
    min-width:0;
}

.admin-meta-grid dd,
.admin-summary-value{
    color:#1f2937;
    line-height:1.45;
    word-break:break-word;
}

.admin-meta-rows{
    margin:0 0 14px 0;
}

.admin-meta-row,
.admin-form-row{
    display:flex;
    align-items:flex-start;
    gap:var(--admin-detail-gap);
    margin:0 0 12px 0;
}

.admin-form-row{
    clear:both;
}

.admin-meta-row strong,
.admin-form-label{
    width:var(--admin-detail-label-width);
    flex:0 0 var(--admin-detail-label-width);
    color:#172434;
    font-weight:700;
}

.admin-form-label{
    padding-top:9px;
}

.admin-form-field{
    flex:1 1 auto;
}

.admin-form-field-inline{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.admin-inline-choice{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.admin-inline-choice input{
    margin:0;
}

.admin-form-help{
    color:#6b7280;
    font-size:12px;
}

.admin-form-actions-indented{
    margin-left:calc(var(--admin-detail-label-width) + var(--admin-detail-gap));
}

.admin-summary-grid + .admin-form-row{
    margin-top:18px;
}

.admin-empty-note{
    color:#8a94a2;
    font-style:italic;
}

.admin-input-wide{
    width:760px;
    max-width:100%;
    box-sizing:border-box;
}

.admin-input-medium{
    width:420px;
    max-width:100%;
    box-sizing:border-box;
}

.admin-input-narrow{
    width:280px;
    max-width:100%;
    box-sizing:border-box;
}

.admin-input-small{
    width:120px;
    max-width:100%;
    box-sizing:border-box;
}

.admin-input-tiny{
    width:64px;
    max-width:100%;
    box-sizing:border-box;
}

.admin-textarea-medium{
    min-height:120px;
}

.admin-textarea-large{
    min-height:180px;
    resize:vertical;
}

.admin-side-layout{
    display:flex;
    align-items:flex-start;
    gap:20px;
}

.admin-side-layout-main{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.admin-side-layout-aside{
    flex:0 0 320px;
    width:320px;
}

.admin-side-stack{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:16px;
}

.admin-side-stack > *{
    flex:1 1 220px;
    min-width:0;
}

.admin-side-rail-wide{
    flex:0 0 456px;
    min-width:456px;
}

.admin-side-stack-fixed{
    width:456px;
}

.admin-stack-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.admin-stack-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border:1px solid #d8d1c5;
    border-radius:12px;
    background:#fff;
}

.admin-stack-item-main{
    min-width:0;
}

.admin-stack-item-title{
    display:block;
    color:#172434;
    font-weight:700;
    text-decoration:none;
}

.admin-stack-item-subtitle{
    display:block;
    margin-top:2px;
    color:#6b7280;
    font-size:12px;
}

.admin-kicker{
    display:block;
    margin:0 0 10px 0;
    color:#5d6775;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
}

.admin-image-frame{
    display:block;
    width:100%;
    border:1px solid #d8d1c5;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
}

.admin-image-frame img{
    display:block;
    width:100%;
    height:auto;
}

.admin-image-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:180px;
    padding:16px;
    border:1px dashed #d8d1c5;
    border-radius:12px;
    background:#fff;
    color:#7a6d5d;
    text-align:center;
}

.admin-panel-field{
    margin-top:12px;
}

.admin-panel-field label{
    display:block;
    margin:0 0 6px 0;
    color:#5d6775;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
}

.admin-panel-field input{
    width:100%;
    box-sizing:border-box;
}

.admin-plain-list{
    margin:0;
    padding:0;
}

.admin-plain-list li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 0;
}

.admin-empty-box + .admin-page-add-link,
.admin-plain-list + .admin-page-add-link{
    margin-top:12px;
}

.admin-danger-link{
    color:#8a2424;
    font-weight:700;
    text-decoration:none;
}

.admin-danger-link:hover{
    text-decoration:underline;
}

.admin-form-note{
    margin:0 0 16px 0;
    padding:14px 16px;
    border-radius:12px;
    color:#5d6775;
}

.admin-quote-box{
    margin:0 0 18px 0;
    padding:16px;
}

.admin-quote-box h2{
    margin:0 0 12px 0;
    padding:0;
    border:0;
}

.admin-quote-box-body{
    padding:12px 14px;
    border:1px solid #ddd4c7;
    border-radius:10px;
    background:#fff;
    color:#172434;
}

.admin-table-clean{
    width:100%;
    border-collapse:collapse;
}

.admin-table-clean th,
.admin-table-clean td{
    padding:10px 12px;
    border-bottom:1px solid #ebe3d7;
    text-align:left;
}

.admin-table-clean th{
    background:#f7f2ea;
    color:#4b5a6d;
}

.admin-table-clean tr:last-child td{
    border-bottom:0;
}

.admin-page-header h1,
.admin-list-header h1{
    margin:0;
    padding:0;
    border:0;
}

.admin-page-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:flex-end;
}

.admin-column-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
}

.admin-column-grid > *{
    min-width:0;
}

.admin-section-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 14px 0;
    padding:0 0 6px 0;
    border-bottom:1px solid #ded7cd;
}

.admin-section-header h2{
    margin:0;
    padding:0;
    border:0;
    line-height:1.2;
}

.admin-inline-tools{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.admin-inline-tools label{
    font-size:11px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:#6b7280;
}

.admin-inline-tools input[type="text"]{
    height:28px;
    padding:4px 6px;
    font-size:12px;
    line-height:18px;
    box-sizing:border-box;
}

.admin-inline-tools select{
    height:28px;
    padding:4px 26px 4px 8px;
    font-size:12px;
    line-height:18px;
    box-sizing:border-box;
}

.admin-inline-tools input[type="submit"]{
    height:28px;
    padding:4px 8px;
    font-size:12px;
    line-height:18px;
    box-sizing:border-box;
}

.admin-page-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid #d7cfc3;
    border-radius:999px;
    background:#fbf7f0;
    color:#384a5d;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
    text-decoration:none;
}

.admin-page-tab:hover{
    background:#f1e8db;
    color:#1f3652;
    text-decoration:none;
}

.admin-page-tab.active{
    background:#2b4465;
    border-color:#2b4465;
    color:#fff;
}

.admin-confirm-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

.admin-confirm-actions .admin-confirm-danger{
  background:#8a2424;
  border-color:#8a2424;
}

.admin-confirm-actions .admin-confirm-danger:hover{
  background:#731d1d;
  border-color:#731d1d;
}

.admin-code-block{
    margin:0;
    padding:18px 20px;
    overflow:auto;
    font:12px/1.45 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    white-space:pre-wrap;
}

.admin-info-table{
    border:1px solid #ddd4c7;
    border-radius:14px;
    overflow:hidden;
}

.admin-list-page{
    margin:0;
}

.admin-list-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border-radius:999px;
    background:#f3ede3;
    color:#5a6572;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
}

.admin-list-toolbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 12px 0;
    padding:16px 18px 18px;
    border-bottom:1px solid #e3ddd4;
}

.admin-list-toolbar-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
    flex:1 1 auto;
}

.admin-list-toolbar-grid.admin-list-toolbar-grid-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.admin-list-toolbar-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}

.admin-list-toolbar-field label,
.admin-list-secondary-label{
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#6b7280;
}

.admin-list-toolbar-field input,
.admin-list-toolbar-field select{
    width:100%;
    box-sizing:border-box;
}

.admin-list-toolbar-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}

.admin-list-toolbar-actions input[type="submit"],
.admin-list-toolbar-actions input[type="button"],
.admin-list-toolbar-actions .admin-mini-action,
.admin-list-toolbar-actions .button,
.admin-list-toolbar-actions .button2,
.admin-list-toolbar-actions a{
    margin:0;
    min-height:37px;
    box-sizing:border-box;
}

.admin-list-toolbar-actions .admin-mini-action{
    padding:8px 14px;
    font-size:13px;
    font-weight:600;
}

.admin-list-secondary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 14px 0;
    padding:14px 16px;
    border-bottom:1px solid #eee7dd;
}

.admin-list-secondary-group{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.admin-list-secondary-group select{
    min-width:120px;
}

.admin-list-secondary .paging{
    margin:0;
}

.admin-list-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}

.admin-list-table th{
    padding:10px 10px 11px;
    border-bottom:1px solid #d9d1c4;
    color:#6b7280;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    text-align:left;
    background:transparent;
}

.admin-list-table td{
    padding:11px 10px;
    border-bottom:1px solid #eee7dd;
    vertical-align:middle;
    background:transparent;
}

.admin-list-table tr:hover td{
    background:#fcfaf6;
}

.admin-list-table .align-right{
    text-align:right;
}

.admin-list-table .nowrap{
    white-space:nowrap;
}

.admin-list-table .admin-list-actions{
    text-align:right;
    white-space:nowrap;
}

.admin-list-table .admin-list-actions a + a{
    margin-left:6px;
}

.admin-list-bulk{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:14px 0 0;
    padding:14px 16px;
    border:1px solid #ddd4c7;
    border-radius:14px;
    background:#fbf8f2;
    box-sizing:border-box;
}

.admin-list-bulk-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.admin-list-bulk-actions input[type="submit"],
.admin-list-bulk-actions input[type="button"],
.admin-list-bulk-tools a,
.denied-links-bulk-links a,
a.js-toggle-checkboxes{
    min-height:35px;
    box-sizing:border-box;
}

.admin-list-bulk-tools{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    color:#5f6b78;
}

.admin-list-bulk-tools a,
.denied-links-bulk-links a,
a.js-toggle-checkboxes{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid #d7cfc3;
    border-radius:8px;
    background:#fffdfa;
    color:#384a5d;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    box-sizing:border-box;
}

.admin-list-bulk-tools a:hover,
.denied-links-bulk-links a:hover,
a.js-toggle-checkboxes:hover{
    background:#f1e8db;
    color:#1f3652;
    text-decoration:none;
}

.denied-links-bulk-links{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.admin-check-cell{
    width:1%;
    white-space:nowrap;
    text-align:center;
}

.admin-comment-cell{
    width:35%;
}

.admin-table-input-fill input[type="text"],
.admin-table-input-fill select{
    width:100%;
    box-sizing:border-box;
}

.admin-media-list{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.admin-media-item{
    position:relative;
    margin:0;
    min-height:112px;
    padding:14px 12px;
    border:1px solid #d8d1c5;
    border-left:4px solid #d5cdc0;
    border-radius:12px;
    background:#fff;
    list-style:none;
    box-sizing:border-box;
}

.admin-media-item-thumb{
    float:left;
    width:130px;
    height:80px;
    margin-right:12px;
    border-radius:8px;
    overflow:hidden;
    background:#ddd;
}

.admin-media-item-thumb img{
    display:block;
    width:130px;
    height:80px;
    object-fit:cover;
}

.admin-side-actions-vertical{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
    flex-direction:column;
    position:absolute;
    top:14px;
    bottom:14px;
    right:12px;
}

.admin-side-actions-vertical .admin-mini-action{
    min-width:116px;
    padding:6px 10px;
    border-radius:8px;
    font-size:12px;
    font-weight:700;
    justify-content:flex-start;
}

.admin-inline-meta{
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
}

.admin-inline-meta span{
    white-space:nowrap;
}

.admin-inline-meta span + span:before{
    content:"|";
    display:inline-block;
    margin-right:4px;
    color:#9aa3ad;
}

/* Videos */
#videos .ui-selecting{
    background:#eef2f7;
}

#videos .ui-selected{
    background:#dbe7f5;
}

.video-action-muted{
    color:#6b7280 !important;
}

#videos{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(430px, 1fr));
    gap:16px;
    margin:0;
    padding:0;
}

#videos li.video{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:0;
    padding:14px 14px 12px;
    margin:0;
    background:#fbf8f2;
    border:1px solid #ddd4c7;
    border-radius:16px;
    position:relative;
    box-sizing:border-box;
}

.video-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #ddd4c7;
}

.video-card-head-main{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    flex:1 1 auto;
}

#videos .deletecheck{
    width:auto;
    height:auto;
    position:static;
    flex:0 0 auto;
    align-self:center;
    display:flex;
    align-items:center;
    min-height:2.5em;
    padding-top:0;
}

#videos .deletecheck input{
    margin:0;
}

#videos h2{
    margin:0;
    padding:0;
    border:0;
    display:flex;
    align-items:center;
    flex:1 1 auto;
    min-width:0;
    min-height:2.5em;
    color:#172434;
    font-size:15px;
    line-height:1.25;
}

.video-card-main{
    display:flex;
    gap:12px;
    align-items:flex-start;
    position:relative;
}

.video-card-badges{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    gap:6px;
}

#videos .img{
    width:144px;
    height:92px;
    margin:0;
    float:none;
    overflow:hidden;
    border-radius:10px;
    background:#ddd;
    flex:0 0 144px;
}

#videos .img .imganchor{
    display:block;
    width:144px;
    height:92px;
    text-decoration:none;
}

#videos .img .imganchor:hover{
    text-decoration:none;
}

#videos .img img{
    display:block;
    width:144px;
    height:92px;
    object-fit:cover;
}

#videos .img .img-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:144px;
    height:92px;
    padding:10px;
    box-sizing:border-box;
    background:linear-gradient(135deg, #ece8e1 0%, #ddd7cd 100%);
    color:#6e6558;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
    word-break:break-word;
}

#videos .img .imganchor .img-placeholder,
#videos .img .imganchor:hover .img-placeholder{
    text-decoration:none;
}

.video-card-meta{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0 0 7px 0;
    color:#46525f;
    font-size:12px;
}

.video-card-meta-line{
    word-break:break-word;
}

.video-card-meta-line strong{
    color:#1f3652;
}

.video-card-empty{
    color:#8b7962;
    font-style:italic;
}

.video-card-menu-wrap{
    display:flex;
    align-items:flex-start;
    flex:0 0 auto;
}

.video-card-menu{
    position:relative;
    display:inline-block;
}

.video-card-menu-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #d7cfc3;
    border-radius:10px;
    background:#fffdfa;
    color:#2b4465;
    cursor:pointer;
    line-height:1;
    text-decoration:none;
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
}

.video-card-menu-button .video-card-menu-dots{
    position:relative;
    top:1px;
    display:block;
    font-size:20px;
    font-weight:700;
    line-height:1;
}

.video-card-menu-button:hover{
    background:#f1e8db;
    text-decoration:none;
}

.video-card-menu.open .video-card-menu-button{
    background:#2b4465;
    border-color:#2b4465;
    color:#fff;
}

.video-card-menu-list{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    z-index:20;
    flex-direction:column;
    gap:6px;
    min-width:170px;
    margin-top:8px;
    padding:10px;
    border:1px solid #d7cfc3;
    border-radius:14px;
    background:#fffdfa;
    box-shadow:0 12px 24px rgba(36, 49, 66, 0.12);
}

.video-card-menu.open .video-card-menu-list{
    display:flex;
}

.video-card-menu-list a{
    display:block;
    padding:8px 10px;
    border-radius:10px;
    color:#2b4465;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.video-card-menu-list a:hover{
    background:#f1e8db;
    text-decoration:none;
}

.video-card-menu-list a.video-action-delete{
    color:#8a2424;
}

#videos textarea.description{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:50px;
    min-height:50px;
    max-height:50px;
    margin:0;
    padding:6px 11px;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    background:#fff;
    border:1px solid #e0d8cb;
    border-radius:10px;
    color:#4b5563;
    line-height:1.45;
    font:inherit;
    outline:0;
    resize:none;
    cursor:text;
}

#videos textarea.description.editing{
    overflow-x:hidden;
    overflow-y:auto;
    border-color:#c7bca9;
    box-shadow:none;
}

#videos h2 input{
    flex:1 1 auto;
    min-width:0;
    height:34px;
    box-sizing:border-box;
}

#videos h2 button{
    flex:0 0 auto;
    height:34px;
    margin-left:8px;
    padding:0 12px;
    line-height:1;
    box-sizing:border-box;
}

#videos .xrated,
#videos .top-flag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 8px;
    border-radius:999px;
    font-weight:700;
    font-size:12px;
    letter-spacing:0.08em;
    white-space:nowrap;
}

#videos .xrated{
    background:#8a2424;
    color:#fff;
}

#videos .top-flag{
    background:#fff2d9;
    color:#946200;
}

/* Top videos */
.top-videos-layout-break{
    margin:18px 0;
    border:0;
    border-top:1px dashed #d5cab7;
}

.admin-media-item.displayed{
    background:#fcfaf5;
    border-left-color:#7b8794;
}

.admin-media-item.displayed.active{
    background:#fff3e6;
    border-left-color:#b45309;
}

.admin-media-item.active{
    background:#fff7ed;
    border-left-color:#d97706;
}

body .admin-media-item.displayed.freeze,
body .admin-media-item.freeze{
    background:#edf3ff;
    border-left-color:#4669a8;
}

.admin-media-item ul{
    margin-right:210px;
}

.admin-side-actions-vertical a.top-video-action-delete{
    color:#8a2424;
}

.admin-media-item form{
    margin-top:10px;
}

.top-video-date-form{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:8px;
}

.top-video-date-label{
    font-size:12px;
    font-weight:700;
    color:#5d6775;
}

.video form input[type="text"]{
    width:140px;
}

.video form input[type="submit"]{
    padding:6px 10px;
}

.top-videos-header-form{
    justify-content:flex-end;
}

.top-videos-add-form input[type="text"]{
    width:68px;
}

.top-videos-divider{
    border:0;
    border-top:1px dashed #ddd1bd;
    margin:2px 0 4px;
}

.top-videos-inline-form{
    margin:0 0 12px 0;
}

.top-videos-section-header .top-videos-add-form{
    margin:0;
}

.admin-media-item li{
    line-height:1.35;
}

.admin-media-item li strong{
    font-size:15px;
    color:#1b2737;
}

.top-video-date-form .picker{
    width:126px;
    height:28px;
    padding:4px 6px;
    font-size:12px;
    line-height:18px;
    box-sizing:border-box;
}

.top-video-date-form input[type="submit"]{
    height:28px;
    padding:4px 8px;
    font-size:12px;
    line-height:18px;
    box-sizing:border-box;
}

/* Bug reports */
.bug-report-status-new{
    background:#eef4ff;
    color:#24508f;
}

.bug-report-status-spam{
    background:#ffe6e6;
    color:#9f1f1f;
}

.bug-report-status-unrelated{
    background:#efefef;
    color:#555;
}

.bug-report-status-fixed{
    background:#e5f6e9;
    color:#1e6b37;
}

.bug-report-status-in-process,
.bug-report-status-waiting,
.bug-report-status-low-priority,
.bug-report-status-high-priority{
    background:#fff5d6;
    color:#8a5d00;
}

.bug-report-status-wrap{
    width:1%;
    white-space:nowrap;
}

.bug-report-status-picker{
    position:relative;
    display:inline-block;
}

.bug-report-status-picker summary{
    list-style:none;
    cursor:pointer;
}

.bug-report-status-picker summary::-webkit-details-marker{
    display:none;
}

.bug-report-status-picker[open] .bug-report-status-menu{
    display:block;
}

.bug-report-status-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:10;
    min-width:92px;
    margin-top:4px;
    padding:4px 0;
    border:1px solid #c9c9c9;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.12);
}

.bug-report-status-menu a{
    display:block;
    padding:4px 8px;
    color:#333;
    text-decoration:none;
    white-space:nowrap;
}

.bug-report-status-menu a:hover{
    background:#f3f3f3;
}

.bug-report-preview{
    word-break:break-word;
}

.bug-report-date,
.bug-report-email,
.bug-report-data-summary,
.bug-report-data-toggle{
    white-space:nowrap;
}

.bug-report-email .bug-report-preview{
    white-space:nowrap;
    max-width:240px;
}

.bug-report-message{
    width:100%;
}

.bug-report-message .bug-report-preview{
    white-space:normal;
    max-width:none;
}

.bug-reports-table{
    width:100%;
    table-layout:auto;
    border-collapse:separate;
    border-spacing:0 1px;
}

.bug-reports-table th,
.bug-reports-table td{
    vertical-align:middle;
}

.bug-reports-table th + th,
.bug-reports-table td + td{
    padding-left:5px;
}

.bug-report-preview details{
    margin:0;
}

.bug-report-preview summary{
    cursor:pointer;
    color:#24508f;
}

.bug-report-preview details[open] summary{
    display:none;
}

.bug-report-preview summary span,
.bug-report-data-summary span{
    color:#333;
}

.bug-report-data{
    width:100%;
}

.bug-report-data .bug-report-preview{
    white-space:pre-wrap;
    max-width:none;
}

.bug-report-data-summary{
    color:#24508f;
    font-size:11px;
    cursor:pointer;
}

.bug-report-data-summary span{
    font-weight:700;
}

.bug-report-data-detail-row{
    display:none;
}

.bug-report-data-detail-cell{
    padding:8px 10px 10px;
    background:#fafafa;
    border-top:0;
}

.bug-report-data-lines{
    white-space:normal;
    word-break:break-word;
}

.bug-report-empty{
    color:#999;
    font-style:italic;
}

/* Contest entry delete */
.contest-entry-delete-summary{
    display:flex;
    gap:16px;
    margin:0 0 16px 0;
}

.contest-entry-delete-thumb{
    width:180px;
    flex:0 0 180px;
}

.contest-entry-delete-thumb img,
.contest-entry-delete-thumb-placeholder{
    display:block;
    width:180px;
    height:112px;
    border-radius:12px;
}

.contest-entry-delete-thumb img{
    object-fit:cover;
    background:#ddd;
}

.contest-entry-delete-thumb-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    box-sizing:border-box;
    background:linear-gradient(135deg, #ece8e1 0%, #ddd7cd 100%);
    color:#6e6558;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
    word-break:break-word;
}

.contest-entry-delete-meta{
    flex:1 1 auto;
    min-width:0;
}

.contest-entry-delete-title{
    margin:0 0 10px 0;
    font-size:18px;
    font-weight:700;
    color:#172434;
}

.contest-entry-delete-meta-line{
    margin:0 0 6px 0;
    color:#46525f;
}

/* Legacy timepicker popup */
.selHrs,
.selMins{
    width:2.5em;
}

.selHrs{
    margin-left:5px;
}

.dayPeriod{
    display:inline-block;
    width:20px;
}

.slider{
    float:left;
    height:120px;
    margin:10px;
}

#tpSelectedTime{
    margin-bottom:0;
    padding:5px;
    border-bottom:1px solid #aaa;
    background:#fff;
    color:#000;
    text-transform:none;
}

#pickerplug{
    position:absolute;
    top:200px;
    left:300px;
    z-index:500;
    display:none;
    overflow:hidden;
    margin:0;
    padding:0;
}

#pickerplug li{
    display:block;
    float:left;
}

#timepicker{
    border:1px solid #aaa;
    background:#fff;
}

#timepicker ul{
    overflow:hidden;
    padding:5px;
}

#timepicker ul li{
    position:relative;
    display:block;
    float:left;
    width:50px;
}

#timepicker ul li h4{
    width:100%;
    background:transparent;
    color:#000;
    text-align:center;
}

#timepicker ul li .slider{
    position:relative;
    left:10px;
}

/* Video review */
.video-review-ip-list{
    font-size:13px;
}

.video-review-decisions{
    margin:0;
    padding:0;
}

.video-review-decision{
    display:block;
    margin:0 0 10px 0;
}

.video-review-decision input{
    margin:0 8px 0 0;
    vertical-align:middle;
}

.video-review-decision label{
    display:inline;
    margin:0;
    font-weight:600;
    color:#23384e;
}

/* News item edit */
.newsitem-edit-editor table{
    width:auto;
    border-collapse:separate;
    border-spacing:0;
    background:transparent;
}

.newsitem-edit-editor td{
    padding:0;
    border:0;
    background:transparent;
    vertical-align:middle;
}

.newsitem-edit-editor textarea{
    width:760px;
    max-width:100%;
    box-sizing:border-box;
}

/* Videoadverts list */
.videoadverts-table-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    white-space:nowrap;
}

/* Banned list */
.banned-table-action{
    white-space:nowrap;
}

/* Denied links add from comment */
.denied-links-table-section{
    margin:0 0 24px 0;
}

.denied-links-table-section h2{
    margin:0 0 12px 0;
    padding:0;
    border:0;
}

.denied-links-table{
    width:100%;
}

.denied-links-table th,
.denied-links-table td{
    vertical-align:middle;
}

.denied-links-bulk-links{
    margin:8px 0 0 0;
    color:#5d6775;
}

.denied-links-bulk-links a{
    font-weight:600;
}