:root{--bg:#0c0c0e;--card:#141417;--card2:#1a1a1f;--border:#2a2a32;--accent:#c8813a;--accent2:#e09c55;--text:#f0f0f0;--muted:#888;--muted2:#555;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}button{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--muted);padding:8px 12px;font-size:13px}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%}.btn-success{background:rgba(34,197,94,.12);color:var(--success);border:1px solid rgba(34,197,94,.25)}.btn-success:hover{background:rgba(34,197,94,.2)}.btn-danger{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.18)}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 13px;color:var(--text);font-size:14px;outline:none;transition:border .15s;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--muted2)}.field textarea{resize:vertical;min-height:80px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-pending{background:rgba(200,129,58,.15);color:var(--accent)}.badge-approved{background:rgba(34,197,94,.12);color:var(--success)}.badge-changes{background:rgba(245,158,11,.12);color:var(--warning)}.badge-scheduled{background:rgba(59,130,246,.12);color:var(--info)}.badge-posted{background:hsla(220,9%,46%,.12);color:var(--muted)}.badge-connected{background:rgba(34,197,94,.12);color:var(--success)}.badge-pending-conn{background:rgba(245,158,11,.1);color:var(--warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1 1}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-3{margin-top:12px}.text-muted{color:var(--muted)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.font-semi{font-weight:600}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;width:100%;max-width:460px}.modal-title{font-size:18px;font-weight:700;margin-bottom:6px}.modal-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 24px;text-align:center;cursor:pointer;transition:all .15s}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent);background:rgba(200,129,58,.04)}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-delta{font-size:11px;margin-top:5px}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{padding:20px 18px 16px}.sidebar-client,.sidebar-logo{border-bottom:1px solid var(--border)}.sidebar-client{padding:14px 18px}.sidebar-client-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.sidebar-client-name{font-size:14px;font-weight:600}.sidebar-nav{flex:1 1;padding:12px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--muted);transition:all .15s;margin-bottom:2px;text-decoration:none}.nav-item:hover{background:var(--card2);color:var(--text)}.nav-item.active{background:rgba(200,129,58,.15);color:var(--accent)}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--border)}.sidebar-avatar{width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.main-content{flex:1 1;overflow-y:auto;min-width:0}.page-header{border-bottom:1px solid var(--border);padding:28px 32px 20px;margin-bottom:0}.page-title{font-size:22px;font-weight:700;margin-bottom:4px}.page-sub{font-size:13px;color:var(--muted)}.page-body{padding:24px 32px 48px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 60% 0,rgba(200,129,58,.12) 0,transparent 60%)}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:420px}.activity-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);font-size:13px}.activity-item:hover{background:var(--card2)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-time{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.post-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.post-card.pending{border-left:3px solid var(--accent)}.post-card.approved{border-left:3px solid var(--success)}.post-card.changes{border-left:3px solid var(--warning)}.post-card.scheduled{border-left:3px solid var(--info)}.post-header{padding:12px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.platform-tag{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.post-body{padding:16px 18px;display:flex;gap:14px}.post-emoji{font-size:32px;flex-shrink:0}.post-caption{font-size:13px;line-height:1.6;margin-bottom:8px}.post-hashtags{font-size:12px;color:var(--info);margin-bottom:12px}.post-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.post-note{background:var(--card2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:12px;outline:none;resize:vertical;width:100%;margin-top:8px;font-family:inherit}.post-note:focus{border-color:var(--accent)}.tool-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tool-card.connected{border-color:rgba(34,197,94,.3)}.tool-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.perm-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;padding:6px 0}.perm-item:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px}.banner{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.banner-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.banner-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#86efac}.banner-info{background:rgba(200,129,58,.1);border:1px solid rgba(200,129,58,.25);color:var(--accent2)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-pill{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);transition:all .15s;display:flex;align-items:center;gap:5px}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-pill .count{background:hsla(0,0%,100%,.2);border-radius:10px;padding:1px 5px;font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.resource-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .15s}.resource-card:hover{border-color:var(--accent)}.resource-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}.resource-type.video{color:#ef4444}.resource-type.guide{color:var(--info)}.resource-type.template{color:var(--success)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr}}@media (max-width:640px){.sidebar{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-body{padding:16px}.page-header{padding:16px 16px 14px}}