:root{
  --a-primary:#f45b0b;
  --a-primary-dark:#d94700;
  --a-bg:#f6f4f1;
  --a-sidebar:#1f0b03;
  --a-sidebar-hover:#3a1508;
  --a-text:#2b1a12;
  --a-muted:#7a6a5f;
  --a-border:#e7ded6;
  --a-white:#fff;
  --a-green:#198754;
  --a-red:#c43c2f;
  --a-radius:14px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--a-bg);
  color:var(--a-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
}
a{color:inherit;text-decoration:none;}
.a-layout{display:flex;min-height:100vh;}
.a-sidebar{
  width:230px;
  flex:0 0 230px;
  background:var(--a-sidebar);
  color:#f2e2d6;
  padding:22px 16px;
}
.a-sidebar h2{
  margin:0 0 26px;
  font-size:16px;
  color:#fff;
}
.a-sidebar h2 span{color:var(--a-primary);}
.a-nav a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  margin-bottom:4px;
  color:#e9d5c4;
  font-size:13px;
  font-weight:600;
}
.a-nav a:hover,
.a-nav a.is-active{
  background:var(--a-sidebar-hover);
  color:#fff;
}
.a-main{flex:1;padding:26px 32px;max-width:1200px;}
.a-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
}
.a-topbar h1{margin:0;font-size:22px;color:var(--a-text);}
.a-topbar .a-user{font-size:13px;color:var(--a-muted);}
.a-topbar .a-user a{color:var(--a-primary-dark);font-weight:700;}
.a-card{
  background:var(--a-white);
  border:1px solid var(--a-border);
  border-radius:var(--a-radius);
  padding:22px;
  margin-bottom:20px;
  box-shadow:0 6px 20px rgba(43,26,18,.04);
}
.a-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:22px;
}
.a-stat{
  background:var(--a-white);
  border:1px solid var(--a-border);
  border-radius:var(--a-radius);
  padding:18px 20px;
}
.a-stat span{display:block;color:var(--a-muted);font-size:12px;font-weight:700;text-transform:uppercase;}
.a-stat strong{display:block;margin-top:6px;font-size:26px;color:var(--a-text);}
table.a-table{width:100%;border-collapse:collapse;font-size:13px;}
table.a-table th,
table.a-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--a-border);
  text-align:left;
  vertical-align:middle;
}
table.a-table th{color:var(--a-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px;}
.a-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 16px;
  border-radius:10px;
  border:0;
  background:var(--a-primary);
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}
.a-btn:hover{background:var(--a-primary-dark);}
.a-btn-outline{
  background:#fff;
  color:var(--a-text);
  border:1px solid var(--a-border);
}
.a-btn-danger{background:var(--a-red);}
.a-btn-sm{padding:6px 11px;font-size:12px;}
.a-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
.a-badge-green{background:#eaf8ef;color:var(--a-green);}
.a-badge-orange{background:#fff1df;color:var(--a-primary-dark);}
.a-badge-red{background:#fff0ed;color:var(--a-red);}
.a-badge-gray{background:#efe9e4;color:var(--a-muted);}
.a-form-group{margin-bottom:16px;}
.a-form-group label{display:block;margin-bottom:6px;font-weight:700;font-size:12px;color:var(--a-text);}
.a-form-group input,
.a-form-group select,
.a-form-group textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--a-border);
  border-radius:10px;
  font-family:inherit;
  font-size:13px;
  background:#fff;
  color:var(--a-text);
}
.a-form-group textarea{min-height:110px;resize:vertical;}
.a-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.a-alert{padding:12px 15px;border-radius:10px;margin-bottom:18px;font-size:13px;font-weight:600;}
.a-alert-success{background:#eaf8ef;color:var(--a-green);border:1px solid #bfe7cd;}
.a-alert-error{background:#fff0ed;color:var(--a-red);border:1px solid #f2c6bd;}
.a-flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.a-muted{color:var(--a-muted);}
.a-login-wrap{
  max-width:380px;
  margin:80px auto;
  padding:32px;
  background:#fff;
  border-radius:18px;
  border:1px solid var(--a-border);
  box-shadow:0 20px 50px rgba(43,26,18,.08);
}
.a-login-wrap h1{margin:0 0 4px;font-size:22px;}
.a-login-wrap p{margin:0 0 22px;color:var(--a-muted);font-size:13px;}
.a-code{
  background:#f6f4f1;
  border:1px solid var(--a-border);
  border-radius:8px;
  padding:2px 7px;
  font-family:monospace;
  font-size:12px;
}
/* ---------- Course/Workshop edit page: form + media panel ---------- */
.a-edit-layout{
  display:grid;
  grid-template-columns:1fr 340px;
  gap:22px;
  align-items:start;
}
.a-media-panel .a-card{position:sticky;top:18px;}
.a-media-preview{
  width:100%;
  aspect-ratio:16/10;
  border-radius:12px;
  overflow:hidden;
  background:#f6f4f1;
  border:1px solid var(--a-border);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
.a-media-preview img,
.a-media-preview video{width:100%;height:100%;object-fit:cover;display:block;}
.a-media-preview span{color:var(--a-muted);font-size:12px;}
.a-media-label{font-weight:700;font-size:12px;color:var(--a-text);margin:18px 0 8px;}
.a-media-label:first-child{margin-top:0;}
.a-upload-input{
  width:100%;
  padding:9px 10px;
  border:1px dashed var(--a-border);
  border-radius:10px;
  font-size:12px;
  background:#fbfaf8;
}
.a-media-or{color:var(--a-muted);font-size:11px;text-align:center;margin:8px 0;}
.a-workshop-fields{
  margin-top:8px;
  padding-top:8px;
  border-top:1px dashed var(--a-border);
}
.a-checkbox-grid{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:180px;
  overflow-y:auto;
  padding:10px 12px;
  border:1px solid var(--a-border);
  border-radius:10px;
  background:#fbfaf8;
}
.a-checkbox-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  font-size:12.5px;
  color:var(--a-text);
}
.a-checkbox-grid input{width:auto;}
.a-media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
}
.a-item-type-toggle{display:flex;gap:10px;}
.a-item-type-toggle label{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px;
  border:1px solid var(--a-border);
  border-radius:10px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
}
.a-item-type-toggle input{width:auto;}

@media(max-width:900px){
  .a-layout{flex-direction:column;}
  .a-sidebar{width:100%;flex:none;display:flex;align-items:center;gap:10px;overflow-x:auto;}
  .a-nav{display:flex;gap:6px;}
  .a-stat-grid{grid-template-columns:repeat(2,1fr);}
  .a-form-row{grid-template-columns:1fr;}
  .a-edit-layout{grid-template-columns:1fr;}
  .a-media-panel .a-card{position:static;}
  .a-main{padding:18px;}
}