/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: Tahoma, Arial, sans-serif; background: #f5f7fb; color: #17202a; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: flex; }
.sidebar { width: 250px; background: #111827; color: #fff; padding: 28px 18px; display: flex; flex-direction: column; position: -webkit-sticky; position: sticky; top: 0; height: 100vh; }
.brand { font-weight: 800; letter-spacing: -.2px; }
.brand-block { margin-bottom: 28px; }
.brand-subtitle { margin-top: 8px; color: #cbd5e1; font-size: 13px; line-height: 1.6; }
.nav-list { display: grid; grid-gap: 8px; gap: 8px; }
.nav-item { width: 100%; background: transparent; border: 1px solid transparent; color: #d1d5db; text-align: right; padding: 12px 14px; border-radius: 10px; display: flex; gap: 10px; align-items: center; }
.nav-item:hover, .nav-item.active { background: #1f2937; color: #fff; border-color: #374151; }
.side-logout { margin-top: auto; width: 100%; background: transparent; color: #e5e7eb; border: 1px solid #374151; padding: 11px; border-radius: 10px; }
.content { flex: 1 1; padding: 34px; min-width: 0; }
.topbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.topbar h1 { margin: 0 0 8px; font-size: 30px; }
.topbar p { margin: 0; color: #667085; }
.badge { background: #111827; color: white; padding: 7px 11px; border-radius: 999px; white-space: nowrap; }
.global-message { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 12px; padding: 13px 15px; margin-bottom: 18px; line-height: 1.8; }
.grid { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px; gap: 20px; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; gap: 16px; margin-bottom: 20px; }
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 22px; box-shadow: 0 4px 18px rgba(15,23,42,.04); }
.card h2 { margin: 0 0 10px; }
.card h3 { margin: 22px 0 10px; }
.card p { color: #667085; line-height: 1.8; }
.stat span { color: #667085; display: block; margin-bottom: 8px; }
.stat strong { font-size: 30px; }
textarea { width: 100%; min-height: 170px; padding: 14px; border: 1px solid #d0d5dd; border-radius: 10px; resize: vertical; }
input, select { width: 100%; padding: 12px 13px; margin-bottom: 12px; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; }
button { padding: 12px 14px; border: 0; border-radius: 10px; background: #111827; color: #fff; font-size: 15px; }
button:disabled { opacity: .55; cursor: not-allowed; }
.card form > button { width: 100%; margin-top: 8px; }
.row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #eee; }
.row b { font-size: 13px; }
.row small { color: #667085; }
.ok { color: #15803d; }
.pending { color: #a16207; }
.hint { display: block; color: #667085; margin: -4px 0 10px; line-height: 1.7; }
.info-box { background: #f8fafc; border: 1px solid #e2e8f0; padding: 12px; border-radius: 10px; color: #475569; margin-bottom: 12px; line-height: 1.8; }
.account-card { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid #eef2f7; border-radius: 12px; padding: 14px; margin-bottom: 10px; }
.account-card span { display: block; color: #667085; margin-top: 5px; }
.channel-card { margin-top: 20px; }
.channel-form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; gap: 10px; align-items: start; }
.channel-form button { width: 100%; }
.channel-list { margin-top: 20px; }
.placeholder { min-height: 220px; }
.auth-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.auth-card { width: min(430px, 100%); background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.auth-card h1 { margin-bottom: 8px; }
.auth-card p { color: #667085; line-height: 1.8; }
.auth-card form { margin-top: 24px; }
.auth-card button:not(.link-button) { width: 100%; margin-top: 6px; }
.message { margin-top: 14px; padding: 10px; background: #f2f4f7; border-radius: 10px; }
.link-button { width: 100%; background: transparent; color: #344054; margin-top: 12px; border: 1px solid #d0d5dd; }
.account-actions { display: flex; align-items: center; gap: 10px; }
.danger-button { background: #b42318; padding: 8px 11px; font-size: 13px; white-space: nowrap; }

.media-picker { border: 1px dashed #98a2b3; padding: 20px; margin: 14px 0; text-align: center; border-radius: 12px; color: #475467; background: #fcfcfd; display: grid; grid-gap: 6px; gap: 6px; transition: .15s ease; }
.media-picker:hover { background: #f8fafc; border-color: #667085; }
.media-picker-icon { width: 42px; height: 42px; margin: 0 auto 2px; border-radius: 50%; background: #eef2ff; display: grid; place-items: center; font-size: 24px; }
.media-picker strong { color: #111827; font-size: 16px; }
.media-picker span, .media-picker small { color: #667085; }
.media-list { margin-top: 18px; }
.media-list-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.media-list-head h3 { margin: 0; }
.media-list-head small { color: #667085; }
.media-item { display: grid; grid-template-columns: 88px 1fr auto; grid-gap: 12px; gap: 12px; align-items: center; border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px; margin-bottom: 10px; background: #fff; }
.media-item.has-error { border-color: #f3b8b8; }
.media-preview { width: 88px; height: 72px; overflow: hidden; border-radius: 10px; background: #f2f4f7; display: grid; place-items: center; }
.media-preview img, .media-preview video { width: 100%; height: 100%; object-fit: cover; }
.file-placeholder { font-size: 28px; }
.media-info { min-width: 0; }
.media-info strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-info small { display: block; color: #667085; margin-top: 4px; }
.progress-track { height: 7px; background: #eaecf0; border-radius: 999px; overflow: hidden; margin-top: 8px; }
.progress-bar { height: 100%; background: #475467; transition: width .15s ease; }
.media-error { color: #b42318; display: block; font-size: 12px; margin-top: 5px; }
.media-actions { display: flex; align-items: center; gap: 5px; }
.small-button { width: 31px; height: 31px; padding: 0; border-radius: 8px; font-size: 14px; }
.remove-media { width: 31px; height: 31px; padding: 0; border-radius: 8px; background: #fef3f2; color: #b42318; font-size: 20px; }
.channel-option { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0; padding: 10px 12px; border: 1px solid #eef2f7; border-radius: 10px; }
.channel-option input { width: auto; margin: 4px 0 0; }
.channel-option span { min-width: 0; }
.channel-option small { display: block; color: #667085; margin-top: 4px; line-height: 1.5; }

@media (max-width: 900px) {
  .sidebar { width: 210px; }
  .content { padding: 24px; }
  .grid, .channel-form { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .app-shell { display: block; }
  .sidebar { width: 100%; height: auto; position: static; }
  .nav-list { grid-template-columns: 1fr 1fr; }
  .side-logout { margin-top: 14px; }
  .stats-grid { grid-template-columns: 1fr; }
  .content { padding: 18px; }
  .account-card { align-items: flex-start; }
  .account-actions { flex-direction: column; align-items: flex-end; }
  .media-item { grid-template-columns: 68px 1fr; }
  .media-preview { width: 68px; height: 58px; }
  .media-actions { grid-column: 1 / -1; justify-content: flex-start; }
}

.role-chip{display:inline-flex;margin-top:12px;padding:5px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head>div{min-width:0}.section-head h2,.section-head h3{margin-bottom:4px}
.secondary-button{background:#fff!important;color:inherit!important;border:1px solid #d7dce5!important}.secondary-button:hover{background:#f7f8fb!important}
.danger-text{color:#b42318!important}.danger-button{border-color:#efb0aa!important}.quick-actions{display:grid;grid-gap:10px;gap:10px}.quick-actions button{width:100%}
.post-list-item,.post-row,.member-row,.tracking-card{border:1px solid #e6e9ef;border-radius:14px;padding:14px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.post-list-item>div,.post-row-main,.member-row>div,.tracking-card>div{display:flex;flex-direction:column;gap:5px;min-width:0}.post-list-item strong,.post-row-main strong,.member-row strong,.tracking-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:600px}.post-list-item small,.post-row-main small,.member-row small,.tracking-card small{color:#6b7280}.post-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-row-actions button,.post-list-item button{white-space:nowrap}.review-note{color:#b54708!important}.review-grid{align-items:start}.review-list-item{width:100%;border:1px solid #e6e9ef;background:#fff;border-radius:12px;padding:13px;text-align:right;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.review-list-item span{display:flex;flex-direction:column;gap:4px;min-width:0}.review-list-item.selected{border-color:#635bff;box-shadow:0 0 0 2px rgba(99,91,255,.08)}.review-list-item:hover{transform:translateY(-1px)}.empty-review{min-height:300px;display:grid;place-items:center;color:#6b7280}.review-card{min-height:300px}.review-content{border:1px solid #e6e9ef;border-radius:12px;padding:16px;line-height:1.9}.review-text{white-space:pre-wrap}.review-media{margin-top:14px;color:#6b7280}.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.reject-box{margin-top:10px;min-height:100px}.publish-box,.publication-results{margin-top:18px;border-top:1px solid #eceff3;padding-top:16px}.publication-results h3,.publish-box h3{margin-bottom:10px}.publication-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.publication-chip{border:1px solid #e6e9ef;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.publication-chip span,.publication-chip small{color:#6b7280}.editor-actions{display:flex;gap:10px;flex-wrap:wrap}.info-panel{align-self:start}.member-row{align-items:center}.member-row>div:last-child{flex-shrink:0}.tracking-card{display:block}.tracking-card>.section-head{margin-bottom:0}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:min(720px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.modal-card textarea{min-height:220px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-width:900px){.app-shell{display:block}.sidebar{position:static;width:auto}.nav-list{display:flex;overflow:auto}.nav-item{white-space:nowrap}.grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}