@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-black:#f4f1e6;--bg-dark:#faf8f2;--bg-card:#fff;--bg-card-hover:#fcfaf5;--text-white:#1a1a1a;--text-light:#2c2621;--text-muted:#7d7871;--text-dimmed:#aba69e;--color-primary:#d82c4e;--color-primary-hover:#be2040;--color-primary-dim:#d82c4e12;--color-primary-border:#d82c4e26;--border-light:#e2dfd5;--border-focus:#d82c4e;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.25s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 6px 18px #2c28240a;--shadow-glow:0 4px 12px #d82c4e26}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,button,select,textarea{font-family:var(--font-family)!important}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{color:var(--text-white);background-color:#e2dfd5;font-size:14px;line-height:1.4}.app-layout{background:var(--bg-black);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #2c282414}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-light);z-index:100;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.brand-title{letter-spacing:-.8px;text-transform:uppercase;color:var(--text-white);align-items:center;gap:4px;font-size:18px;font-weight:900;display:flex}.brand-badge-pro{color:#fff;background-color:var(--color-primary);vertical-align:middle;border-radius:4px;margin-left:2px;padding:1px 4px;font-size:10px;font-weight:900}.user-profile-header{background-color:var(--bg-dark);border:1px solid var(--border-light);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.user-profile-name{color:var(--text-light);font-size:11px;font-weight:700}.user-profile-avatar{font-size:14px}.dev-role-switcher{border-bottom:1px solid var(--border-light);background-color:#faf8f2;justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;display:flex}.dev-role-switcher select{border:1px solid var(--border-light);color:var(--text-white);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:3px 6px;font-weight:700}.app-nav{background-color:var(--bg-card);border-top:1px solid var(--border-light);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));z-index:100;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-around;display:flex;position:sticky;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;width:20%;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.nav-item.active{color:var(--color-primary)}.nav-item svg{width:20px;height:20px;transition:var(--transition-fast)}.nav-item.active svg{stroke:var(--color-primary)}.app-content{flex-direction:column;flex:1;gap:16px;padding:16px 16px 80px;display:flex}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:var(--transition-fast);-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:12px;padding:18px;display:flex}.card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2c28240f}.section-title{letter-spacing:-.5px;color:var(--text-white);text-transform:uppercase;font-size:20px;font-weight:900}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.input-field{background-color:var(--bg-dark);border:1px solid var(--border-light);width:100%;color:var(--text-white);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none;padding:12px 14px;font-size:14px;font-family:var(--font-family)!important}.input-field:focus{border-color:var(--color-primary);background-color:var(--bg-card)}.btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{border:1px solid var(--border-light);color:var(--text-light);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-dark)}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{text-transform:uppercase;border-radius:5px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-pending{color:#d97706;background-color:#fef3c7;border:1px solid #fcd34d}.status-approved,.status-active{color:#059669;background-color:#d1fae5;border:1px solid #a7f3d0}.status-rejected{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.chat-container{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;height:440px;display:flex;overflow:hidden}.dashboard-chat-area{flex-direction:column;min-width:0;height:440px;min-height:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-input-area{background-color:var(--bg-dark);border-top:1px solid var(--border-light);gap:8px;padding:12px;display:flex}.message-bubble{word-break:normal;overflow-wrap:break-word;border-radius:14px;max-width:100%;padding:10px 14px;font-size:13.5px;line-height:1.4;animation:.2s ease-out popIn;position:relative;font-family:var(--font-family)!important}.message-bubble *{font-family:var(--font-family)!important}.message-sent{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.message-received{background-color:var(--bg-card);color:var(--text-white);border:1px solid var(--border-light);border-bottom-left-radius:3px;align-self:flex-start}.message-sender{color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:800}.message-received .message-sender{color:var(--color-primary)}.message-time{opacity:.7;text-align:right;align-self:flex-end;margin-top:4px;font-size:9px}.notification-dot{background-color:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:12px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#1a1a1a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:16px;width:100%;max-width:400px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) popIn;display:flex;box-shadow:0 12px 36px #2c282426}.modal-title{text-transform:uppercase;font-size:18px;font-weight:800}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{border-radius:var(--radius-sm);background-color:var(--bg-dark);border:1px solid var(--border-light);align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.leaderboard-rank{color:var(--color-primary);width:16px;font-weight:900}.leaderboard-name{flex:1;font-weight:700}.leaderboard-val{color:var(--text-white);font-weight:800}.leaderboard-com{color:var(--text-muted);font-size:11px}.brand-logo-circle{background-color:var(--bg-dark);border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-light);text-transform:uppercase;letter-spacing:-.5px;text-align:center;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width>=768px){body{background:var(--bg-black)}.app-layout{max-width:100%;height:100vh;min-height:100vh;box-shadow:none;border:none;grid-template:"nav dev-switcher""nav header""nav app-main"1fr/240px 1fr;margin:0;display:grid;overflow:hidden}.dev-role-switcher{border-bottom:1px solid var(--border-light);grid-area:dev-switcher}.app-header{z-index:100;grid-area:header;position:sticky;top:0}.app-header .brand-title{display:none}.app-main{background:var(--bg-black);flex-direction:column;grid-area:app-main;display:flex;overflow-y:auto}.app-nav{border-top:none;border-right:1px solid var(--border-light);z-index:100;background-color:#fff;flex-direction:column;grid-area:nav;justify-content:flex-start;align-items:stretch;gap:8px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar-brand{letter-spacing:-.8px;text-transform:uppercase;color:var(--text-white);align-items:center;gap:4px;margin-bottom:24px;padding:0 12px;font-size:18px;font-weight:900;display:flex}.nav-item{border-radius:var(--radius-sm);flex-direction:row;justify-content:flex-start;gap:12px;width:100%;padding:12px 16px;font-size:13px}.nav-item.active{background-color:var(--color-primary-dim);color:var(--color-primary)}.nav-item svg{width:18px;height:18px}.app-content{gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px}.dashboard-grid{grid-template-columns:1.6fr 1fr;grid-template-areas:"chat announcements""chat pinned";align-items:start;gap:24px;display:grid!important}.dashboard-announcements-card{grid-area:announcements;min-width:0}.dashboard-chat-card{grid-area:chat;min-width:0}.dashboard-pinned-card{grid-area:pinned;min-width:0}.dashboard-chat-area{height:520px!important}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;gap:16px!important;display:grid!important}.admin-grid{align-items:start;grid-template-columns:repeat(auto-fill,minmax(48%,1fr))!important;gap:20px!important;display:grid!important}.admin-full-width{grid-column:1/-1}.inbox-container{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:var(--shadow-premium);min-height:0;margin:12px 24px 24px;overflow:hidden;flex-direction:row!important;height:calc(100vh - 165px)!important;display:flex!important}.inbox-sidebar{border-right:1px solid var(--border-light);background-color:var(--bg-card);flex-direction:column;flex-shrink:0;gap:16px;height:100%;min-height:0;padding:20px;overflow-y:auto;width:320px!important;display:flex!important}.inbox-main-chat{background-color:var(--bg-dark);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex!important}.chat-list-card{transition:var(--transition-fast)}.chat-list-card.active-chat-card{background-color:var(--color-primary-dim);border-color:var(--color-primary-border)}.back-button-mobile{display:none!important}}.sidebar-brand{display:none}.inbox-container{background-color:var(--bg-card);flex-direction:column;height:100%;display:flex;overflow:hidden}.inbox-sidebar{background-color:var(--bg-card);flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.inbox-main-chat{background-color:var(--bg-dark);flex-direction:column;height:100%;display:flex;overflow:hidden}@media (width<=767px){.hidden-on-mobile{display:none!important}}.editable-element-container{align-items:center;gap:6px;display:inline-flex;position:relative}.editor-gear-btn{background-color:var(--color-primary-dim);border:1px solid var(--color-primary-border);color:var(--color-primary);cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:4px;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #0000000d}.editor-gear-btn:hover{background-color:var(--color-primary);color:#fff;transform:rotate(45deg)}.editor-element-highlight{outline:1.5px dashed var(--color-primary);outline-offset:4px;border-radius:4px}@media (width>=768px){.hidden-on-desktop{display:none!important}}.flex-row-center{align-items:center;display:flex}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.grid-two-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-grid-2col{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=768px){.admin-grid-2col{grid-template-columns:1fr 1fr}}@media (width<=767px){.input-field,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important}}