:root{--bg-primary:#060913;--bg-secondary:#0c1020;--bg-tertiary:#131b31;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-glow:#3b82f626;--color-facebook:#1877f2;--color-instagram:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--color-tiktok:#00f2fe;--color-tiktok-accent:#fe0979;--color-youtube:red;--color-x:#e7e9ea;--color-google:#4285f4;--color-gmb:#fbbc05;--glass-bg:#0d1224a6;--glass-card:#161e3a73;--glass-border:#ffffff12;--glass-filter:blur(12px) saturate(120%);--glass-shadow:0 8px 32px 0 #0006;--sidebar-width:260px;--header-height:70px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 10% 10%,#3b82f61f 0,#0000 50%),radial-gradient(at 90% 90%,#8b5cf61a 0,#0000 50%),radial-gradient(#06b6d40d 0,#0000 50%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex-grow:1;min-height:100vh;transition:margin-left .3s;display:flex}.content-body{flex-grow:1;width:100%;max-width:1600px;margin:0 auto;padding:30px;overflow-y:auto}.glass-card{background:var(--glass-card);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f633,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:#3b82f633;transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 0 15px #3b82f60d}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b16d9;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--glass-border);align-items:center;padding:0 24px;display:flex}.logo-text{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-blue) 70%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.logo-dot{background-color:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%}.sidebar-menu{flex-direction:column;flex-grow:1;gap:6px;padding:24px 12px;list-style:none;display:flex}.menu-item{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item i{text-align:center;width:20px;font-size:16px}.menu-item:hover{color:var(--text-primary);background:#ffffff08}.menu-item.active{border-left:3px solid var(--accent-blue);color:var(--text-primary);background:linear-gradient(90deg,#3b82f626 0%,#8b5cf60d 100%);box-shadow:inset 0 0 10px #3b82f60d}.sidebar-footer{border-top:1px solid var(--glass-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));width:36px;height:36px;color:var(--text-primary);font-weight:600;font-family:var(--font-display);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:11px}.header{height:var(--header-height);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#06091380;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:20px;display:flex}.client-select-container{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:6px 14px;display:flex}.client-label{color:var(--text-muted);font-size:12px;font-weight:500}.client-select{color:var(--text-primary);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.client-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.header-right{align-items:center;gap:15px;display:flex}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:var(--text-primary);box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff26}.btn-danger{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.btn-danger:hover{background:#ef44444d}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-secondary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-select option{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #3b82f626}.form-textarea{resize:vertical;min-height:100px}.badge{text-transform:uppercase;border-radius:30px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-facebook{color:#1877f2;background:#1877f226;border:1px solid #1877f233}.badge-instagram{color:#ec4899;background:#dc274326;border:1px solid #dc274333}.badge-tiktok{color:#00f2fe;background:#00f2fe26;border:1px solid #00f2fe33}.badge-youtube{color:red;background:#ff000026;border:1px solid #f003}.badge-x{color:#e7e9ea;background:#e7e9ea1a;border:1px solid #e7e9ea26}.badge-google_my_business{color:#fbbc05;background:#fbbc0526;border:1px solid #fbbc0533}.status-badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.status-scheduled{color:#60a5fa;background:#3b82f61f}.status-publishing{color:#fbbf24;background:#f59e0b1f}.status-completed{color:#34d399;background:#10b9811f}.status-failed{color:#f87171;background:#ef44441f}.status-draft{color:#94a3b8;background:#64748b26}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex}.stat-details{flex-direction:column;gap:6px;display:flex}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-value{font-size:28px;font-family:var(--font-display);font-weight:700}.stat-trend{align-items:center;gap:4px;font-size:12px;display:flex}.trend-up{color:#10b981}.trend-down{color:#ef4444}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-icon-wrapper.blue{color:var(--accent-blue);background:#3b82f626}.stat-icon-wrapper.purple{color:var(--accent-purple);background:#8b5cf626}.stat-icon-wrapper.pink{color:var(--accent-pink);background:#ec489926}.stat-icon-wrapper.cyan{color:var(--accent-cyan);background:#06b6d426}.chart-container{min-height:280px;position:relative}.chart-svg{width:100%;height:250px;overflow:visible}.chart-axis{stroke:#ffffff1a;stroke-width:1px}.chart-grid-line{stroke:#ffffff0a;stroke-dasharray:4 4}.chart-line{fill:none;stroke:url(#chart-gradient);stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 8px 16px #3b82f640)}.chart-line-secondary{fill:none;stroke:var(--accent-pink);stroke-width:3px;stroke-dasharray:2 1}.chart-bar{fill:url(#bar-gradient);rx:4px}.chart-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-body)}.scheduler-layout{grid-template-columns:1fr 320px;gap:24px;display:grid}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px;display:grid}.calendar-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:8px 0;font-size:12px;font-weight:600}.calendar-day{aspect-ratio:1.1;border:1px solid var(--glass-border);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:4px;min-height:85px;padding:6px;transition:all .2s;display:flex}.calendar-day:hover{background:#ffffff0d;border-color:#3b82f640}.calendar-day.different-month{opacity:.3}.calendar-day.today{border-color:var(--accent-blue);background:#3b82f60d}.day-number{color:var(--text-secondary);font-size:11px;font-weight:600}.calendar-day.today .day-number{color:var(--accent-blue)}.day-posts{flex-direction:column;flex-grow:1;gap:3px;display:flex;overflow-y:auto}.calendar-post-indicator{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;align-items:center;gap:3px;padding:2px 4px;font-size:9px;font-weight:500;display:flex;overflow:hidden}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.media-card{border:1px solid var(--glass-border);background:var(--bg-secondary);aspect-ratio:1;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.media-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.media-card:hover .media-thumbnail{transform:scale(1.05)}.media-overlay{opacity:0;background:linear-gradient(#0000 0%,#06091333 40%,#060913cc 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .25s;display:flex;position:absolute;inset:0}.media-card:hover .media-overlay{opacity:1}.btn-delete-media{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.9)}.media-card:hover .btn-delete-media{opacity:1;transform:scale(1)}.btn-delete-media:hover{background:#dc2626!important;transform:scale(1.1)!important}.media-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.media-details{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:4px;font-size:10px;display:flex}.media-video-badge{background:#000000b3;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:flex;position:absolute;top:8px;right:8px}.inbox-layout{grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 200px);min-height:500px;display:grid}.thread-list{border-right:1px solid var(--glass-border);flex-direction:column;gap:8px;padding-right:12px;display:flex;overflow-y:auto}.thread-card{cursor:pointer;background:#ffffff03;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.thread-card:hover{background:#ffffff08}.thread-card.active{background:#3b82f614;border-color:#3b82f633}.chat-panel{flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-messages{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:14px;max-width:65%;padding:12px 16px;font-size:14px;line-height:1.5}.chat-bubble.customer{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.business{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-end}.chat-meta{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.chat-bubble.business .chat-meta{color:#ffffffb3;text-align:right}.chat-input-area{border-top:1px solid var(--glass-border);gap:12px;padding:16px 20px;display:flex}.chat-input{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);background:#ffffff08;border-radius:8px;outline:none;flex-grow:1;padding:12px 16px}.reviews-grid{grid-template-columns:1fr;gap:20px;display:grid}.review-item{border-bottom:1px solid var(--glass-border);padding-bottom:20px}.review-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stars{color:#fbbc05;gap:2px;display:flex}.review-comment{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.review-reply-box{border:1px solid var(--glass-border);background:#ffffff05;border-radius:8px;margin-top:10px;padding:12px}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:flex-start;gap:20px;display:grid}.kanban-column{border:1px solid var(--glass-border);background:#0d122466;border-radius:12px;min-height:450px;padding:16px}.column-header{border-bottom:2px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.column-title{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.column-count{color:var(--text-secondary);background:#ffffff14;border-radius:30px;padding:2px 8px;font-size:11px}.task-list{flex-direction:column;gap:12px;display:flex}.task-card{background:var(--glass-card);border:1px solid var(--glass-border);cursor:grab;border-radius:8px;padding:14px;transition:all .2s}.task-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.task-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.task-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.4}.task-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.task-due{color:var(--text-muted);font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);width:100%;max-width:550px;box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.modal-body{max-height:calc(100vh - 200px);padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.oauth-popup{color:#333;background:#fff;border-radius:12px;width:480px;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;box-shadow:0 10px 40px #00000080}.oauth-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.oauth-body{text-align:center;padding:30px}.tabs{border-bottom:1px solid var(--glass-border);gap:10px;margin-bottom:25px;padding-bottom:10px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:600;position:relative}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";background-color:var(--accent-blue);height:2px;position:absolute;bottom:-11px;left:0;right:0}.alert-banner{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;font-size:14px;display:flex}.alert-close{color:#f87171;cursor:pointer;background:0 0;border:none;font-weight:700}