:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1d222c;--border:#2b3443;--text:#eef2f7;--muted:#97a3b6;--primary:#56b3a8;--primary-hover:#46978d;--danger:#d27486;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#0d0f13,#141923);color:var(--text);min-height:100dvh}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px}.layout{display:grid;grid-template-columns:340px 1fr 380px;min-height:100dvh}.sidebar,.main-content,.drawer{padding:24px}.sidebar{border-right:1px solid var(--border);background:rgba(12,14,19,.9);backdrop-filter:blur(20px)}.drawer{border-left:1px solid var(--border);background:rgba(17,20,27,.85)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand h1{font-size:1.2rem;margin:0}.brand p{margin:4px 0 0;color:var(--muted)}.logo-box{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#6ec0f0);color:#081015;font-weight:800}.primary-btn,.secondary-btn,.icon-btn{border:none;border-radius:14px;padding:12px 16px;font:inherit;cursor:pointer}.primary-btn{background:var(--primary);color:#081015;font-weight:700}.primary-btn:hover{background:var(--primary-hover)}.secondary-btn{background:transparent;color:var(--text);border:1px solid var(--border)}.hero,.integrations,.column,.drawer-card,.dialog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-surface{padding:20px}.hero{margin-bottom:20px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.column{padding:16px;min-height:70dvh}.column header,.section-head,.integration-card header{display:flex;justify-content:space-between;align-items:center;gap:12px}.column header span{background:var(--surface-2);padding:4px 10px;border-radius:999px;color:var(--muted)}.card-list{display:grid;gap:12px;margin-top:14px}.task-card{padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid #364154;cursor:pointer}.task-card h4{margin:10px 0 6px}.task-card p,.integration-card p,.hero p,.muted{color:var(--muted)}.task-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.pill,.agent-tag,.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;border:1px solid var(--border)}.pill.alta{background:rgba(210,116,134,.14);color:#ffb8c5}.pill.media{background:rgba(110,192,240,.14);color:#bfe4ff}.pill.baja{background:rgba(86,179,168,.14);color:#a6efe6}.integrations{margin-top:20px}.integration-grid{display:grid;gap:12px;margin-top:14px}.integration-card{padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.integration-note{margin-top:12px;color:var(--muted);font-size:.94rem}.status.ready-for-oauth{background:rgba(86,179,168,.12);color:#a6efe6}.status.planned{background:rgba(255,255,255,.06);color:#d7dce4}.drawer-empty{display:grid;place-items:center;height:100%;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.drawer-card{padding:18px;display:grid;gap:16px}.comment-list,.activity-list{display:grid;gap:10px}.comment{padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.comment small{color:var(--muted)}.comment-form{display:grid;gap:10px}.comment-form input,.comment-form textarea,.dialog-card input,.dialog-card textarea,.dialog-card select,.auth-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0e1117;color:var(--text)}dialog{border:none;padding:0;background:transparent}.dialog-card{width:min(520px,92vw);padding:20px;display:grid;gap:14px}.dialog-card header,.dialog-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-form{display:grid;gap:14px;margin-top:12px}.error{min-height:20px;color:#ffb8c5}.brand-auth{margin-bottom:14px}.main-content{overflow:auto}.drawer{overflow:auto}@media (max-width:1180px){.layout{grid-template-columns:300px 1fr}.drawer{display:none}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.board{grid-template-columns:1fr}.main-content,.sidebar,.drawer{padding:16px}}