:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#162033;
  --muted:#64748b;
  --line:#dce4ee;
  --soft:#eef3f9;
  --primary:#5b4ef7;
  --primary-2:#7c3aed;
  --accent:#06b6d4;
  --accent-2:#ec4899;
  --sun:#f59e0b;
  --success:#0f8f5f;
  --danger:#b42318;
  --shadow:0 14px 34px rgba(17,24,39,.07);
  --radius:20px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#eef2ff 0,#f7f9fc 34%,#ecfeff 68%,#fff7ed 100%);color:var(--text)}
a{text-decoration:none;color:var(--primary)}
textarea,input,button,select{font:inherit}
button{cursor:pointer}

.page-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;max-width:1680px;margin:0 auto;padding:14px;min-height:100vh}
.outreach-shell{max-width:1480px;margin:0 auto;padding:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}
.soft-card{background:var(--soft);box-shadow:none}
.sidebar{position:sticky;top:14px;align-self:start;display:grid;gap:12px;max-height:calc(100vh - 28px)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}
h1{margin:4px 0 6px;font-size:28px;line-height:1.1}
h2{margin:4px 0 6px;font-size:24px;line-height:1.1}
h3{margin:0 0 6px;font-size:16px}
.muted{color:var(--muted)}
.small{font-size:13px}.tiny{font-size:12px}
.main-panel{display:grid;gap:14px;min-width:0}
.hero{background:linear-gradient(135deg,#ffffff 0%,#f5f3ff 52%,#ecfeff 100%)}
.hero-compact-left{display:block}
.hero-main{display:grid;gap:12px}
.compact-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}
.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meta-label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.08em}

.input,.select,.big-textarea,.cell-input,.queue-message{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--text);outline:none;transition:.18s border-color,.18s box-shadow}
.input:focus,.select:focus,.big-textarea:focus,.cell-input:focus,.queue-message:focus{border-color:#b8a9ff;box-shadow:0 0 0 4px rgba(124,58,237,.10)}
.big-textarea{min-height:124px;resize:vertical}
.compact-textarea{min-height:110px}
.cell-input{min-height:40px}
textarea.cell-input{min-height:88px;resize:vertical}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 13px;border-radius:12px;font-weight:800;transition:.16s transform,.16s background,.16s color,.16s border-color;font-size:13px;line-height:1.2}
.btn:hover{transform:translateY(-1px);background:#f8fbff}
.btn.primary,.file-btn{background:linear-gradient(180deg,var(--primary-2),var(--primary));border-color:var(--primary);color:#fff}
.btn.primary:hover,.file-btn:hover{background:linear-gradient(180deg,#6f45f5,#4f46e5)}
.btn.danger{background:linear-gradient(180deg,#c23b2f,#a61d13);border-color:#a61d13;color:#fff}
.btn.sm{padding:7px 10px;border-radius:10px;font-size:12px}
.file-btn input{display:none}
.actions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.left-actions-row{justify-content:flex-start !important;align-items:flex-start !important}
.main-actions-row{width:100%;justify-content:flex-start !important}
.main-actions-row .btn,.main-actions-row .file-btn{min-width:98px}
.top-space{margin-top:10px}
.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
.badge.success{background:#e9fbf3;color:var(--success)}
.badge.danger{background:#fff0ef;color:var(--danger)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#eef6ff;color:#1455a0;font-weight:800;font-size:12px}
.status-pill.bad{background:#fff1f0;color:var(--danger)}
.project-panel{display:grid;gap:8px}
.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.project-list{display:grid;gap:8px;max-height:42vh;overflow:auto;padding-right:4px}
.project-chip{display:grid;gap:3px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 11px}
.project-chip.active{background:linear-gradient(180deg,#ede9fe,#f5f3ff);border-color:#c4b5fd}
.project-chip span{font-size:11px;color:var(--muted)}
.sidebar-note{display:grid;gap:6px}
.compact-tools-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:14px}
.compact-card{padding:12px}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.wrap-gap{flex-wrap:wrap}
.search-bar-row{min-width:min(100%,460px)}
.compact-search-row{align-items:stretch}
.compact-search-row .input,.compact-search-row .select{flex:1}
.table-card-fill{display:grid;gap:10px;min-height:0}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.tall-table-wrap{height:calc(100vh - 310px)}
.table-wrap table{border-collapse:separate;border-spacing:0;min-width:2350px;width:100%}
.table-wrap th,.table-wrap td{border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;padding:8px;vertical-align:top;background:#fff}
.table-wrap th{position:sticky;top:0;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);z-index:3;text-align:left;font-size:12px}
.table-wrap td:last-child,.table-wrap th:last-child{border-right:none}
.sticky-col{position:sticky;left:0;z-index:2;background:#fff}
.table-wrap th.sticky-col{z-index:4;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)}
.actions-col{min-width:66px;width:66px}
.row-actions-stack{display:grid;gap:6px;justify-items:center}
.icon-btn{width:30px;height:30px;border-radius:9px;border:1px solid #f2c1bd;background:#fff4f3;color:var(--danger);font-size:20px;line-height:1}
.th-stack{display:grid;gap:6px}
.th-title{font-weight:800;font-size:12px;line-height:1.15}
.th-tools{display:flex;gap:6px;flex-wrap:wrap}
.mini-head-btn{border:1px solid #d7cffd;background:#f5f3ff;color:#5b21b6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.1}
.mini-head-btn.danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.th-note{font-size:11px;color:var(--muted);font-weight:700}

.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}
.queue-card h2{font-size:24px}
.queue-header{display:grid;gap:8px}
.queue-message{min-height:190px;resize:vertical}
.premium-card{background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%)}
.top-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.empty-state{text-align:center;padding:42px 18px}
.label{display:block;font-weight:800;margin-bottom:8px}

@media (max-width:1280px){
  .page-shell{grid-template-columns:1fr}
  .sidebar{position:static;max-height:none}
  .compact-tools-grid{grid-template-columns:1fr}
  .tall-table-wrap{height:calc(100vh - 360px)}
}
@media (max-width:900px){
  .page-shell,.outreach-shell{padding:10px}
  .compact-meta-grid,.meta-grid{grid-template-columns:1fr}
  .main-actions-row .btn,.main-actions-row .file-btn{min-width:unset;flex:1 1 calc(50% - 8px)}
  .tall-table-wrap{height:auto}
}
@media (max-width:640px){
  .card{padding:12px;border-radius:16px}
  h1{font-size:24px}
  h2{font-size:21px}
  .actions-row .btn,.actions-row .file-btn{flex:1 1 100%}
  .table-wrap table{min-width:2100px}
}