/* BCL TUR — Admin */

/* ADMIN */
.admin-page{display:flex;min-height:100vh;}
.admin-sidebar{width:256px;background:var(--navy);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:300;overflow-y:auto;}
.as-logo{padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.07);}
.as-logo .name{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:var(--gold);letter-spacing:2px;}
.as-logo .sub{font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.8px;margin-top:2px;}
.as-section{padding:20px 12px 8px;font-size:10.5px;font-weight:700;color:rgba(255,255,255,.25);text-transform:uppercase;letter-spacing:1.5px;}
.as-item{display:flex;align-items:center;gap:11px;padding:11px 16px;border-radius:10px;margin:2px 10px;color:rgba(255,255,255,.6);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s;}
.as-item:hover{background:rgba(255,255,255,.06);color:#fff;}
.as-item.active{background:rgba(200,169,81,.15);color:var(--gold);font-weight:600;}
.as-item .ic{font-size:18px;width:22px;text-align:center;}
.as-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;}
.as-footer{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(255,255,255,.07);}
.as-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--navy);font-size:14px;flex-shrink:0;}
.admin-main{margin-left:256px;flex:1;background:#f0f4f8;min-height:100vh;}
.admin-topbar{background:var(--white);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px rgba(0,0,0,.06);position:sticky;top:0;z-index:100;}
.at-page{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--navy);}
.admin-content{padding:28px 32px;}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;}
.astat{background:var(--white);border-radius:14px;padding:22px;box-shadow:0 1px 6px rgba(0,0,0,.05);border:1px solid var(--border);}
.astat-top{display:flex;justify-content:space-between;align-items:flex-start;}
.astat-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.ic-navy{background:rgba(11,28,50,.08);}
.ic-gold{background:rgba(200,169,81,.12);}
.ic-green{background:rgba(56,161,105,.1);}
.ic-blue{background:rgba(49,130,206,.1);}
.ic-red{background:rgba(229,62,62,.1);}
.astat-val{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;color:var(--navy);margin:10px 0 2px;}
.astat-lbl{font-size:12.5px;color:var(--gray);}
.astat-trend{font-size:12px;font-weight:600;margin-top:8px;}
.trend-up{color:var(--green);}
.acard{background:var(--white);border-radius:16px;box-shadow:0 1px 6px rgba(0,0,0,.05);border:1px solid var(--border);overflow:hidden;margin-bottom:24px;}
.acard-hd{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.acard-hd h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--navy);}
.acard-actions{display:flex;gap:10px;align-items:center;}
table{width:100%;border-collapse:collapse;}
thead th{background:var(--lgray);padding:11px 18px;text-align:left;font-size:11.5px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;}
tbody tr{border-bottom:1px solid #f0f2f5;transition:background .12s;}
tbody tr:hover{background:#fafbfc;}
td{padding:13px 18px;font-size:13.5px;color:var(--navy);vertical-align:middle;}
.td-thumb-wrap{display:flex;align-items:center;gap:12px;}
.td-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;background:var(--lgray);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;}
.td-name{font-weight:600;font-size:13.5px;}
.td-sub{font-size:12px;color:var(--gray);}
.badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:11px;font-weight:700;}
.b-yi{background:#ebf8f1;color:#276749;}.b-yd{background:#ebf4fe;color:#1a567a;}.b-gb{background:#fffbeb;color:#92600a;}
.b-active{background:#ebf8f1;color:#276749;}.b-wait{background:#fffbeb;color:#92600a;}.b-cancel{background:#fff5f5;color:#c53030;}
.act-btns{display:flex;gap:7px;}
.btn-sm-edit{background:#ebf4fe;color:#2b6cb0;border:none;padding:5px 13px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;}
.btn-sm-edit:hover{background:#2b6cb0;color:#fff;}
.btn-sm-del{background:#fff5f5;color:var(--red);border:none;padding:5px 13px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;}
.btn-sm-del:hover{background:var(--red);color:#fff;}
.btn-sm-view{background:var(--lgray);color:var(--navy);border:none;padding:5px 13px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;}
.btn-sm-view:hover{background:var(--navy);color:var(--gold);}
.table-filters{display:flex;gap:10px;align-items:center;}
.tf-input{border:1.5px solid var(--border);border-radius:8px;padding:8px 13px;font-family:'Inter',sans-serif;font-size:13px;outline:none;transition:border-color .2s;}
.tf-input:focus{border-color:var(--gold);}
.tf-select{border:1.5px solid var(--border);border-radius:8px;padding:8px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;cursor:pointer;}
.asub{display:none;}.asub.active{display:block;}



/* MODAL */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:30px 20px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .25s;}
.overlay.open{opacity:1;pointer-events:all;}
.modal-box{background:var(--white);border-radius:20px;width:700px;max-width:95vw;padding:36px;box-shadow:0 24px 64px rgba(0,0,0,.25);transform:translateY(18px);transition:transform .25s;margin:auto;}
.overlay.open .modal-box{transform:translateY(0);}
.modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.modal-hd h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:var(--navy);}
.modal-close{background:var(--lgray);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;}
.modal-ft{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);}
.btn-cancel{background:var(--lgray);color:var(--gray);border:none;padding:10px 24px;border-radius:9px;font-weight:600;cursor:pointer;font-size:14px;}
.btn-save{background:var(--gold);color:var(--navy);border:none;padding:10px 28px;border-radius:9px;font-weight:700;font-size:14px;cursor:pointer;}
.btn-save:hover{background:var(--gold2);}

/* IMAGE UPLOAD */
.img-upload-area{border:2px dashed var(--border);border-radius:12px;padding:28px;text-align:center;cursor:pointer;transition:all .2s;position:relative;}
.img-upload-area:hover{border-color:var(--gold);background:rgba(200,169,81,.04);}
.img-upload-area.dragover{border-color:var(--gold);background:rgba(200,169,81,.08);}
.img-upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.img-preview{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-top:12px;display:none;}
.img-preview.show{display:block;}
.upload-progress{background:var(--lgray);border-radius:20px;height:6px;margin-top:10px;display:none;}
.upload-progress.show{display:block;}
.upload-progress-bar{height:100%;background:var(--gold);border-radius:20px;width:0%;transition:width .3s;}

/* PROGRAM EDITOR */
.program-editor{border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.pe-header{background:var(--lgray);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;}
.pe-header span{font-size:13px;font-weight:700;color:var(--navy);}
.pe-day{border-bottom:1px solid var(--border);padding:14px 16px;}
.pe-day:last-child{border-bottom:none;}
.pe-day-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.pe-day-num{background:var(--navy);color:var(--gold);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
.pe-day input{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:8px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;}
.pe-day input:focus{border-color:var(--gold);}
.pe-day textarea{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;resize:vertical;height:70px;}
.pe-day textarea:focus{border-color:var(--gold);}
.pe-del{background:var(--lgray);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pe-del:hover{background:#fed7d7;color:var(--red);}
.btn-add-day{background:var(--lgray);border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--navy);margin-top:8px;transition:background .2s;}
.btn-add-day:hover{background:var(--border);}

/* TOAST */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(60px);background:var(--navy);color:#fff;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transition:all .3s;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.ok{background:var(--green);}
.toast.err{background:var(--red);}
.toast.info{background:var(--blue);}

/* LOADING */
.loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.8);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;}
.loading-overlay.hidden{display:none;}
.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-overlay p{font-size:14px;color:var(--gray);}

/* LOGIN */
.login-page{min-height:100vh;background:var(--navy);display:flex;align-items:center;justify-content:center;}
.login-card{background:var(--white);border-radius:24px;padding:52px;width:420px;max-width:95vw;box-shadow:0 24px 60px rgba(0,0,0,.3);}
.lc-logo{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--gold);text-align:center;letter-spacing:3px;margin-bottom:4px;}
.lc-sub{text-align:center;color:var(--gray);font-size:14px;margin-bottom:36px;}
.lc-err{background:#fff5f5;border:1px solid #fed7d7;color:var(--red);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;display:none;}
.lc-err.show{display:block;}
.lc-hint{text-align:center;margin-top:20px;font-size:12.5px;color:var(--gray);}
.lc-hint span{color:var(--gold);font-weight:600;cursor:pointer;}

.modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
}

.msg-detail-modal{
  width: 100%;
  max-width: 760px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
  overflow: hidden;
}

.msg-detail-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid #eef2f7;
}

.msg-detail-head h3{
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.msg-detail-close{
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: #f3f4f6;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}

.msg-detail-body{
  padding: 22px;
}

.msg-detail-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 22px;
}

.msg-detail-item{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background: #f8fafc;
  border-radius: 12px;
}

.msg-detail-item .lbl,
.msg-detail-message .lbl{
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  letter-spacing: .2px;
}

.msg-detail-message{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.msg-box{
  min-height: 120px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 12px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.6;
}

@media (max-width: 700px){
  .msg-detail-grid{
    grid-template-columns: 1fr;
  }
} 

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:5000;display:none;align-items:center;justify-content:center;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90vw;max-height:85vh;border-radius:8px;}
.lb-close{position:absolute;top:20px;right:24px;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:26px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}