:root{--cc-desktop-bg:#f8f9fa;--cc-desktop-surface:#fff;--cc-column-bg:#fbfbfc;--cc-border-subtle:#f0f1f4;--cc-border-card:#e9ebee;--cc-text-primary:#111827;--cc-text-secondary:#4b5563;--cc-text-muted:#9ca3af;--cc-red:#ef1b2d;--cc-red-dark:#d90f20;--cc-red-light:#f52d3e;--cc-red-gradient:linear-gradient(135deg, #ef1b2d 0%, #d90f20 100%);--cc-red-gradient-hover:linear-gradient(135deg, #e01627 0%, #c40a1a 100%);--cc-red-gradient-active:linear-gradient(135deg, #c40a1a 0%, #b00716 100%);--cc-red-subtle:#ef1b2d14;--cc-red-subtle-border:#ef1b2d33;--cc-red-shadow:0 4px 14px #d90f2040;--cc-primary-btn-bg:var(--cc-red-gradient);--cc-primary-btn-hover:var(--cc-red-gradient-hover);--cc-primary-btn-active:var(--cc-red-gradient-active);--cc-primary-btn-shadow:var(--cc-red-shadow);--cc-radius-column:16px;--cc-radius-card:14px;--cc-radius-control:10px}.cc-pastel-blue{color:#1e3a8a!important;background-color:#eef4ff!important;border-color:#d8e5fd!important}.cc-pastel-peach{color:#9a3412!important;background-color:#fff4ed!important;border-color:#ffe2d1!important}.cc-pastel-mint{color:#065f46!important;background-color:#edf8f4!important;border-color:#d1efe4!important}.cc-pastel-lilac{color:#5b21b6!important;background-color:#f4effe!important;border-color:#e9dcfc!important}.cc-pastel-pink{color:#9f1239!important;background-color:#fff0f2!important;border-color:#fcd4da!important}.cc-pastel-yellow{color:#854d0e!important;background-color:#fef9ee!important;border-color:#f8eccf!important}.cc-pastel-white{color:#111827!important;background-color:#fff!important;border-color:#e9ebee!important}@media (width>=769px){html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background-color:#f8f9fa!important}.cc-desktop-shell{width:100%;min-height:100vh;color:var(--cc-text-primary);font-family:var(--font-sans);box-sizing:border-box;background-color:#f8f9fa;margin:0;padding:0;display:flex}.cc-desktop-sidebar{box-sizing:border-box;z-index:40;background-color:#fff;border-right:1px solid #e9ebee;flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:16px 12px 14px;transition:width .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.cc-desktop-sidebar.cc-sidebar-collapsed{width:68px;padding:16px 8px 14px}.cc-desktop-main-wrapper{box-sizing:border-box;background-color:#f8f9fa;flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:220px;transition:margin-left .2s cubic-bezier(.4,0,.2,1);display:flex}.cc-desktop-main-wrapper.sidebar-collapsed{margin-left:68px}.cc-sidebar-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .15s,color .15s;display:flex}.cc-sidebar-toggle-btn:hover{color:#111827;background-color:#f3f4f6}.cc-desktop-sidebar.cc-sidebar-collapsed .cc-sidebar-item-btn{justify-content:center!important;padding:9px 0!important}.cc-desktop-sidebar.cc-sidebar-collapsed .cc-sidebar-item-label,.cc-desktop-sidebar.cc-sidebar-collapsed .cc-sidebar-item-badge,.cc-desktop-sidebar.cc-sidebar-collapsed .cc-sidebar-section-title{display:none!important}.cc-desktop-sidebar.cc-sidebar-collapsed .cc-sidebar-section-divider{background-color:#f0f1f4;height:1px;margin:6px 4px;display:block!important}.cc-desktop-sidebar .cc-sidebar-section-divider{display:none}.cc-desktop-sidebar.cc-sidebar-collapsed [data-tooltip]{position:relative}.cc-desktop-sidebar.cc-sidebar-collapsed [data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;letter-spacing:normal;background-color:#111827;border-radius:6px;margin-top:-12px;padding:5px 9px;font-size:11.5px;font-weight:500;line-height:1.2;position:fixed;left:76px;box-shadow:0 4px 12px #0000002e}.cc-desktop-topbar{z-index:30;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e9ebee;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.cc-desktop-workspace{box-sizing:border-box;background-color:#f8f9fa;flex-direction:column;flex:1;gap:16px;width:100%;padding:20px 28px 32px;display:flex}.cc-columns-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.cc-column-container{border-radius:var(--cc-radius-column);box-sizing:border-box;background-color:#fbfbfc;border:1px solid #e9ebee;flex-direction:column;gap:10px;padding:12px 10px;display:flex;box-shadow:0 1px 2px #00000005}.cc-column-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:2px 4px 6px;display:flex}.cc-column-title{color:var(--cc-text-primary);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.cc-column-actions{color:var(--cc-text-muted);align-items:center;gap:4px;display:flex}.cc-column-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.cc-column-btn:hover{color:var(--cc-text-primary);background:#f3f4f6}}.cc-btn-primary{background:var(--cc-red-gradient);cursor:pointer;box-shadow:var(--cc-red-shadow);white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#fff!important}.cc-btn-primary:hover:not(:disabled){background:var(--cc-red-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 18px #d90f2052}.cc-btn-primary:active:not(:disabled){background:var(--cc-red-gradient-active);transform:translateY(0);box-shadow:0 2px 8px #d90f2033}.cc-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.cc-btn-secondary{cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a;color:#1f2937!important}.cc-btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f;color:#111827!important}.cc-btn-secondary:active:not(:disabled){background-color:#f3f4f6;transform:translateY(0);box-shadow:0 1px 2px #0000000a}.cc-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-btn-ghost{cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#4b5563!important}.cc-btn-ghost:hover:not(:disabled){background-color:#0000000d;color:#111827!important}.cc-btn-ghost:active:not(:disabled){background-color:#00000014}.cc-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.cc-btn-sm{border-radius:8px;height:36px;padding:0 14px;font-size:13px}.cc-btn-md{border-radius:10px;height:42px;padding:0 18px;font-size:14px}.cc-btn-lg{border-radius:12px;height:48px;padding:0 22px;font-size:14.5px}@media (width<=768px){.cc-desktop-shell,.cc-desktop-sidebar,.cc-desktop-topbar{display:none!important}.cc-desktop-workspace{padding:0!important}.cc-desktop-main-wrapper{margin-left:0!important}}@media (width>=769px){.cc-mobile-only{display:none!important}}@media (width<=768px){:root{--cc-m-bg:#fff;--cc-m-surface:#fff;--cc-m-card-bg:#fff;--cc-m-border:#e5e7eb;--cc-m-border-subtle:#f3f4f6;--cc-m-text-primary:#111827;--cc-m-text-secondary:#4b5563;--cc-m-text-muted:#9ca3af;--cc-m-yellow-accent:#fef08a;--cc-m-yellow-ring:#facc15;--cc-m-yellow-badge:#fde047;--cc-m-brand-red:#e11d48}body{background-color:#fff}.cc-mobile-shell{color:#111827;background-color:#fff;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;position:relative;overflow-x:hidden;display:flex!important}.cc-mobile-main-scroll{width:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom,16px));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.cc-mobile-no-scrollbar::-webkit-scrollbar{display:none!important}.cc-mobile-no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.cc-mobile-topbar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb99;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.cc-mobile-topbar-left{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.cc-mobile-topbar-right{align-items:center;gap:10px;display:flex}.cc-mobile-icon-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.cc-mobile-icon-btn:active{background:#e5e7eb}.cc-mobile-story-row{-webkit-overflow-scrolling:touch;align-items:center;gap:16px;padding:14px 16px 10px;display:flex;overflow-x:auto}.cc-mobile-story-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:0;display:flex}.cc-mobile-story-ring{border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:2.5px;display:flex;position:relative;box-shadow:0 0 0 2px #fff,0 0 0 4px #facc15}.cc-mobile-story-ring.story-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #facc15}.cc-mobile-story-ring.story-your{box-shadow:0 0 0 2px #fff,0 0 0 4px #e5e7eb}.cc-mobile-story-avatar{object-fit:cover;color:#4b5563;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.cc-mobile-story-plus{color:#111827;background:#facc15;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:0;right:0}.cc-mobile-story-label{color:#374151;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:11.5px;font-weight:500;overflow:hidden}.cc-mobile-hero-banner{background:#fef08a;border-radius:20px;margin:8px 16px 14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 3px 12px #facc152e}.cc-mobile-hero-close{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:14px;right:14px}.cc-mobile-chip-row{-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding:6px 16px 14px;display:flex;overflow-x:auto}.cc-mobile-chip{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.cc-mobile-chip.active{color:#fff;background:#111827;border-color:#111827;font-weight:600}.cc-mobile-feed-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cc-mobile-card-img-wrap{aspect-ratio:16/10;background:#f3f4f6;width:100%;position:relative;overflow:hidden}.cc-mobile-card-img{object-fit:cover;width:100%;height:100%}.cc-mobile-heart-btn{color:#1f2937;cursor:pointer;background:#fef08a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000001a}.cc-mobile-heart-btn:active{transform:scale(.92)}.cc-mobile-img-badges{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.cc-mobile-img-tag{color:#1c1917;background:#fef08a;border-radius:9999px;padding:3px 9px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0000001a}.cc-mobile-bottom-nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;background:#fff;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000008}.cc-mobile-nav-item{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:10.5px;font-weight:500;transition:color .15s;display:flex}.cc-mobile-nav-item.active{color:#111827;font-weight:700}.cc-mobile-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.cc-mobile-sheet{-webkit-overflow-scrolling:touch;width:100%;max-height:88vh;padding:12px 16px calc(24px + env(safe-area-inset-bottom,16px));background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;overflow-y:auto;box-shadow:0 -10px 30px #00000026}.cc-mobile-sheet-handle{background:#e5e7eb;border-radius:9999px;width:38px;height:4px;margin:4px auto 14px}}@media (width>=769px){.cc-mobile-shell,.cc-mobile-only{display:none!important}}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-brand-black:#18181b;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--card-glass-bg:#ffffffbd;--card-glass-border:#ffffffe0;--card-glass-shadow:0 24px 48px -12px #0f172a17, 0 0 0 1px #ffffff80 inset;--cc-red:#ef1b2d;--cc-red-dark:#d90f20;--cc-red-light:#f52d3e;--cc-red-gradient:linear-gradient(135deg, #ef1b2d 0%, #d90f20 100%);--cc-red-gradient-hover:linear-gradient(135deg, #e01627 0%, #c40a1a 100%);--cc-red-gradient-active:linear-gradient(135deg, #c40a1a 0%, #b00716 100%);--cc-red-subtle:#ef1b2d14;--cc-red-subtle-border:#ef1b2d33;--cc-red-shadow:0 4px 14px #d90f2040;--cc-red-border:#ef1b2d33;--cc-bg:#f8f9fa;--cc-surface:#fff;--cc-surface-hover:#f9fafb;--cc-border:#e5e7eb;--cc-border-subtle:#f0f1f4;--cc-border-card:#e9ebee;--cc-text:#111827;--cc-text-secondary:#4b5563;--cc-text-muted:#9ca3af;--cc-black:#111827;--cc-success:#16a34a;--cc-success-light:#f0fdf4;--cc-warning:#d97706;--cc-error:#dc2626;--cc-error-light:#fef2f2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;font-family:var(--font-sans);color:var(--color-slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.sky-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sky-gradient{z-index:0;background:linear-gradient(#e1222a 0%,#f46a70 18%,#fca5a5 36%,#ffe4e6 58%,#fff1f2 78%,#fff 100%);width:100%;height:100%;position:fixed;inset:0}.orbit-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}.cloudscape-bottom{filter:blur(12px);pointer-events:none;z-index:2;background:radial-gradient(at 50% 120%,#fffffff2 0%,#ffffffd9 45%,#fff0 75%),radial-gradient(circle at 20% 100%,#fffc 0%,#fff0 60%),radial-gradient(circle at 80% 100%,#fffc 0%,#fff0 60%),linear-gradient(#fff0 0%,#ffffffe6 100%);height:48vh;position:fixed;bottom:0;left:0;right:0}.cloudscape-left{filter:blur(28px);pointer-events:none;z-index:2;background:radial-gradient(circle at 30% 60%,#ffffffa6 0%,#fff0 70%);width:38vw;height:45vh;position:fixed;bottom:10vh;left:-5vw}.cloudscape-right{filter:blur(32px);pointer-events:none;z-index:2;background:radial-gradient(circle at 70% 60%,#ffffffad 0%,#fff0 70%);width:40vw;height:48vh;position:fixed;bottom:12vh;right:-5vw}.sky-brand{z-index:20;position:fixed;top:32px;left:40px}.brand-badge{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.brand-icon-box{background-color:var(--color-brand-black);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 6px #0000001a}.brand-sparkle{color:#fff}.brand-text{letter-spacing:-.02em;color:#fff;font-size:17px;font-weight:700}.brand-subtitle-badge{letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sky-content{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.auth-card-container{flex:1;justify-content:center;align-items:center;padding:80px 20px 40px;display:flex}.auth-card{background:var(--card-glass-bg);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--card-glass-border);width:100%;max-width:420px;box-shadow:var(--card-glass-shadow);border-radius:28px;margin-top:-30px;padding:40px 36px 36px;transition:all .25s}.onboarding-wide-card{max-width:560px}.auth-top-icon-wrapper{justify-content:center;margin-bottom:20px;display:flex}.auth-top-icon-box{background:#fff;border:1px solid #0000000f;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 14px #00000008,0 1px 3px #00000005}.auth-top-icon{color:var(--color-slate-800)}.auth-header-logo{width:148px;height:auto;display:block}@media (width<=640px){.auth-header-logo{width:124px!important}}.auth-header{text-align:center;margin-bottom:24px}.auth-title{letter-spacing:-.025em;color:var(--color-slate-900);margin-bottom:6px;font-size:22px;font-weight:600}.auth-subtitle{color:var(--color-slate-500);max-width:320px;margin:0 auto;font-size:13.5px;line-height:1.45}.auth-error-banner{color:#dc2626;text-align:center;background:#fef2f2e6;border:1px solid #fecaca;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:13px;line-height:1.4}.auth-success-banner{color:#16a34a;text-align:center;background:#f0fdf4e6;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:13px;line-height:1.4}.auth-form{flex-direction:column;gap:12px;display:flex}.input-group{flex-direction:column;display:flex}.input-wrapper{background:#f1f5f9d9;border:1px solid #e2e8f0f2;border-radius:12px;align-items:center;height:44px;padding:0 14px;transition:all .2s;display:flex;position:relative}.input-wrapper:focus-within{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b826}.input-icon-left{color:var(--color-slate-400);flex-shrink:0;margin-right:10px}.auth-input{color:var(--color-slate-900);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:14px}.auth-input::placeholder{color:var(--color-slate-400)}.input-icon-right-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.input-icon-right-btn:hover{color:var(--color-slate-700)}.forgot-password-row{justify-content:flex-end;margin-top:-4px;margin-bottom:6px;display:flex}.forgot-password-link{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12.5px;transition:color .15s}.forgot-password-link:hover{color:var(--color-slate-900)}.auth-primary-btn{background:var(--cc-red-gradient);color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:var(--cc-red-shadow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-family:inherit;font-size:14.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.auth-primary-btn:hover:not(:disabled){background:var(--cc-red-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #d90f2059}.auth-primary-btn:active:not(:disabled){background:var(--cc-red-gradient-active);transform:translateY(0);box-shadow:0 2px 8px #d90f2033}.auth-primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.auth-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.divider-line{background:#e2e8f0f2;flex:1;height:1px}.divider-text{color:var(--color-slate-400);white-space:nowrap;font-size:12px}.auth-social-row{flex-direction:column;gap:10px;display:flex}.google-auth-btn{width:100%;height:44px;color:var(--color-slate-800);cursor:pointer;background:#ffffffe6;border:1px solid #e2e8f0f2;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:14px;font-weight:500;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000005}.google-auth-btn:hover:not(:disabled){background:#fff;border-color:#cbd5e1}.google-icon{flex-shrink:0}.auth-mode-switch{text-align:center;margin-top:22px}.mode-switch-btn{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;transition:color .15s}.mode-switch-btn strong{color:var(--color-slate-900);font-weight:600}.mode-switch-btn:hover{color:var(--color-slate-900)}.mode-switch-btn.back-btn{align-items:center;font-weight:500;display:inline-flex}.otp-container{justify-content:center;gap:10px;margin:18px 0 24px;display:flex}.otp-digit-input{width:45px;height:52px;font-size:22px;font-weight:700;font-family:var(--font-mono);text-align:center;color:var(--color-slate-900);background:#f1f5f9d9;border:1px solid #e2e8f0f2;border-radius:12px;outline:none;transition:all .2s}.otp-digit-input:focus{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b826}.otp-resend-row{text-align:center;margin-top:16px}.otp-resend-btn{color:var(--color-brand-black);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600;text-decoration:underline}.otp-countdown-text{color:var(--color-slate-400);font-size:13px}.role-cards-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 26px;display:grid}.role-option-card{text-align:left;cursor:pointer;background:#fff9;border:1.5px solid #e2e8f0d9;border-radius:20px;flex-direction:column;padding:22px 18px;transition:all .2s;display:flex}.role-option-card:hover{background:#ffffffd9;border-color:#cbd5e1;transform:translateY(-1px)}.role-option-card.selected{border-color:var(--color-brand-black);background:#fff;box-shadow:0 10px 25px -5px #0f172a14}.role-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.role-icon-box{background:var(--color-slate-100);width:42px;height:42px;color:var(--color-slate-800);border-radius:12px;justify-content:center;align-items:center;display:flex}.role-check-icon{color:var(--color-brand-black)}.role-card-title{letter-spacing:.04em;color:var(--color-slate-900);margin-bottom:6px;font-size:15px;font-weight:700}.role-card-desc{color:var(--color-slate-500);font-size:12.5px;line-height:1.45}.onboarding-actions{justify-content:center;display:flex}.onboarding-actions-split{gap:10px;margin-top:6px;display:flex}.onboarding-back-btn{width:46px;height:46px;color:var(--color-slate-700);cursor:pointer;background:#f1f5f9d9;border:1px solid #e2e8f0f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.onboarding-back-btn:hover{background:#fff;border-color:#cbd5e1}.welcome-card{text-align:center;padding:48px 36px}.welcome-icon-box{background:var(--color-brand-black);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex;position:relative;box-shadow:0 12px 28px -6px #00000026}.welcome-title{letter-spacing:-.02em;color:var(--color-slate-900);margin-bottom:8px;font-size:24px;font-weight:600}.welcome-subtitle{color:var(--color-slate-500);font-size:14px}.welcome-loader-wrapper{justify-content:center;margin-top:28px;display:flex}.welcome-spinner{color:var(--color-slate-400)}.loader-box{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loader-icon-container{margin-bottom:16px}.loader-text{color:var(--color-slate-600);font-size:14px;font-weight:500}.dashboard-container{background-color:#f8fafc;min-height:100vh;display:flex}.dashboard-sidebar{border-right:1px solid var(--color-slate-200);z-index:30;background-color:#fff;flex-direction:column;width:240px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand-area{border-bottom:1px solid var(--color-slate-100);align-items:center;gap:10px;padding:0 10px 24px;display:flex}.sidebar-brand-icon{background:var(--color-brand-black);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-brand-title{letter-spacing:-.02em;color:var(--color-slate-900);font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;margin-top:20px;display:flex}.nav-item{color:var(--color-slate-600);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.nav-item.active{background:var(--color-slate-100);color:var(--color-slate-900);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-slate-100);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.user-profile-badge{align-items:center;gap:10px;display:flex;overflow:hidden}.user-avatar-circle{background:var(--color-slate-800);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.user-info-text{flex-direction:column;display:flex;overflow:hidden}.user-name-truncate{color:var(--color-slate-900);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;font-weight:600;overflow:hidden}.user-account-badge{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.sidebar-logout-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.sidebar-logout-btn:hover{background:var(--color-slate-100);color:var(--color-slate-800)}.dashboard-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.mobile-header{display:none}.dashboard-desktop-header{border-bottom:1px solid var(--color-slate-200);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.header-welcome-title{letter-spacing:-.02em;color:var(--color-slate-900);font-size:18px;font-weight:600}.header-date-text{color:var(--color-slate-400);font-size:12px}.desktop-header-right{align-items:center;gap:14px;display:flex}.account-type-pill{background:var(--color-slate-100);color:var(--color-slate-700);letter-spacing:.02em;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.header-status-indicator{color:var(--color-slate-500);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot-green{background:#22c55e;border-radius:50%;width:7px;height:7px}.dashboard-content-area{flex:1;max-width:1100px;padding:36px}.welcome-banner-card{border:1px solid var(--color-slate-200);background:#fff;border-radius:18px;margin-bottom:28px;padding:32px;box-shadow:0 1px 3px #00000005}.banner-badge{color:var(--color-slate-700);background:#f1f5f9;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.banner-title{letter-spacing:-.02em;color:var(--color-slate-900);margin-bottom:8px;font-size:22px;font-weight:600}.banner-subtitle{color:var(--color-slate-500);max-width:600px;font-size:14px;line-height:1.5}.dashboard-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:28px;display:grid}.metric-card{border:1px solid var(--color-slate-200);background:#fff;border-radius:16px;padding:22px;box-shadow:0 1px 3px #00000005}.metric-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.metric-title{color:var(--color-slate-500);font-size:13px;font-weight:500}.metric-icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-icon-box.blue{color:#0284c7;background:#e0f2fe}.metric-icon-box.purple{color:#9333ea;background:#f3e8ff}.metric-icon-box.green{color:#16a34a;background:#dcfce7}.metric-value{letter-spacing:-.02em;color:var(--color-slate-900);margin-bottom:4px;font-size:22px;font-weight:700}.metric-caption{color:var(--color-slate-400);font-size:12px}.instagram-placeholder-section{margin-top:8px}.instagram-card{border:1px dashed var(--color-slate-200);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.instagram-card-left{align-items:center;gap:16px;display:flex}.instagram-icon-box{color:#db2777;background:#fdf2f8;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.instagram-title{color:var(--color-slate-900);margin-bottom:2px;font-size:15px;font-weight:600}.instagram-status-muted{color:var(--color-slate-400);font-size:13px}.instagram-badge{color:var(--color-slate-500);background:var(--color-slate-100);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.mobile-bottom-nav{display:none}@media (width<=768px){.sky-brand{top:20px;left:20px}.auth-card-container{padding:70px 16px 30px}.auth-card{border-radius:24px;margin-top:0;padding:32px 22px}.role-cards-grid{grid-template-columns:1fr;gap:12px}.otp-container{gap:6px}.otp-digit-input{width:38px;height:46px;font-size:18px}.dashboard-sidebar,.dashboard-desktop-header{display:none}.dashboard-main-wrapper{margin-left:0;padding-bottom:74px}.mobile-header{border-bottom:1px solid var(--color-slate-200);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-header-brand{align-items:center;gap:8px;display:flex}.mobile-brand-title{color:var(--color-slate-900);font-size:15px;font-weight:700}.mobile-header-actions{align-items:center;gap:10px;display:flex}.mobile-logout-btn{background:var(--color-slate-100);color:var(--color-slate-700);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dashboard-content-area{padding:20px 16px}.welcome-banner-card{padding:22px 18px}.banner-title{font-size:18px}.dashboard-cards-grid{grid-template-columns:1fr;gap:14px}.instagram-card{flex-direction:column;align-items:flex-start;gap:14px}.mobile-bottom-nav{border-top:1px solid var(--color-slate-200);z-index:30;background:#fff;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--color-slate-900);font-weight:600}}.brand-text-container{align-items:center;gap:8px;display:flex}.brand-subtitle-badge{background:var(--color-brand-black);color:#fff;letter-spacing:.06em;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.admin-eyebrow-badge{background:var(--color-slate-100);border:1px solid var(--color-slate-200);color:var(--color-slate-600);letter-spacing:.08em;border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.admin-auth-footer-note{text-align:center;color:var(--color-slate-400);margin-top:24px;font-size:12px}.access-denied-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.access-denied-secondary-btn{border:1px solid var(--color-slate-200);height:44px;color:var(--color-slate-800);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0000000a}.access-denied-secondary-btn:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.admin-container{background-color:#f8fafc;min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--color-slate-200);z-index:30;background-color:#fff;flex-direction:column;width:250px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-brand{border-bottom:1px solid var(--color-slate-100);align-items:center;gap:10px;padding:0 10px 24px;display:flex}.admin-brand-icon-box{background:var(--color-brand-black);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-brand-text-block{flex-direction:column;display:flex}.admin-brand-title{letter-spacing:-.02em;color:var(--color-slate-900);font-size:15px;font-weight:700}.admin-brand-badge{letter-spacing:.06em;color:var(--color-slate-400);font-size:10px;font-weight:700}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;margin-top:20px;display:flex}.admin-nav-item{color:var(--color-slate-600);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.admin-nav-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.admin-nav-item.active{background:var(--color-brand-black);color:#fff;font-weight:600}.admin-nav-pill{background:var(--color-slate-100);color:var(--color-slate-500);border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--color-slate-100);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.admin-user-card{align-items:center;gap:10px;display:flex;overflow:hidden}.admin-avatar-box{background:var(--color-slate-800);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-user-details{flex-direction:column;display:flex;overflow:hidden}.admin-user-email{color:var(--color-slate-900);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;font-weight:600;overflow:hidden}.admin-user-role{color:var(--color-slate-400);letter-spacing:.05em;font-size:10px;font-weight:700}.admin-logout-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.admin-logout-btn:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.admin-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:250px;display:flex}.admin-top-header{border-bottom:1px solid var(--color-slate-200);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex}.admin-breadcrumbs{align-items:center;gap:8px;font-size:13.5px;display:flex}.breadcrumb-root{color:var(--color-slate-400);font-weight:500}.breadcrumb-separator{color:var(--color-slate-300)}.breadcrumb-current{color:var(--color-slate-900);font-weight:600}.admin-header-right{align-items:center;gap:12px;display:flex}.admin-status-pill{color:var(--color-slate-600);background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.admin-role-pill{background:var(--color-brand-black);color:#fff;letter-spacing:.04em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.admin-content-area{flex:1;max-width:1200px;padding:36px}.admin-header-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.admin-page-title{color:var(--color-slate-900);letter-spacing:-.02em;margin-bottom:4px;font-size:24px;font-weight:700}.admin-page-desc{color:var(--color-slate-500);font-size:14px}.admin-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.admin-metric-card{border:1px solid var(--color-slate-200);background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #00000005}.admin-card-label{color:var(--color-slate-500);font-size:13px;font-weight:500}.admin-card-number{color:var(--color-slate-900);letter-spacing:-.02em;margin:10px 0 4px;font-size:28px;font-weight:700}.admin-card-subtext{color:var(--color-slate-400);font-size:12px}.admin-section-box{border:1px solid var(--color-slate-200);background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #00000005}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-section-heading{color:var(--color-slate-900);font-size:16px;font-weight:600}.admin-section-badge{background:var(--color-slate-100);color:var(--color-slate-600);border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:600}.admin-section-body{color:var(--color-slate-500);max-width:750px;font-size:14px;line-height:1.6}.auth-account-exists-card{background:#fffffff2;border:1px solid #e2e8f0f2;border-radius:16px;margin-bottom:20px;padding:16px;box-shadow:0 4px 16px #0000000a}.auth-notice-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.auth-notice-icon-box{width:36px;height:36px;color:var(--color-slate-700);background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-notice-title{color:var(--color-slate-900);margin-bottom:3px;font-size:14px;font-weight:600}.auth-notice-desc{color:var(--color-slate-600);margin:0;font-size:12.5px;line-height:1.45}.auth-notice-actions{gap:8px;display:flex}.auth-notice-action-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.auth-notice-action-btn.primary{background:var(--cc-red-gradient);color:#fff;box-shadow:var(--cc-red-shadow);border:none}.auth-notice-action-btn.primary:hover{background:var(--cc-red-gradient-hover);box-shadow:0 6px 18px #d90f2052}.auth-notice-action-btn.secondary{color:var(--color-slate-800);background:#fff;border:1px solid #e2e8f0f2}.auth-notice-action-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.dashboard-settings-container{flex-direction:column;gap:20px;max-width:680px;display:flex}.dashboard-settings-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000005}.settings-card-title{color:var(--color-slate-900);margin-bottom:4px;font-size:17px;font-weight:600}.settings-card-desc{color:var(--color-slate-500);margin-bottom:18px;font-size:13px;line-height:1.5}.settings-info-list{flex-direction:column;display:flex}.settings-info-row{border-bottom:1px solid #f1f5f9e6;justify-content:space-between;align-items:center;padding:12px 0;font-size:13.5px;display:flex}.settings-info-row:last-child{border-bottom:none}.settings-info-label{color:var(--color-slate-500)}.settings-info-val{color:var(--color-slate-900);font-weight:500}.settings-field-label{color:var(--color-slate-600);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.instagram-connect-btn{background:var(--color-brand-black);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,transform .1s;display:flex}.instagram-connect-btn:hover:not(:disabled){background:#09090b;transform:translateY(-1px)}.instagram-connect-btn:disabled{opacity:.6;cursor:not-allowed}.instagram-error-banner{color:#dc2626;background:#fef2f2f2;border:1px solid #fecaca;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13px;line-height:1.4}.instagram-connected-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;margin-top:8px;padding:24px;box-shadow:0 2px 8px #00000005}.ig-connected-header{border-bottom:1px solid #f1f5f9e6;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.ig-connected-profile{align-items:center;gap:16px;display:flex}.ig-avatar-img{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:54px;height:54px}.ig-avatar-placeholder{color:#db2777;background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.ig-profile-info{flex-direction:column;display:flex}.ig-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ig-label-badge{text-transform:uppercase;letter-spacing:.04em;color:#db2777;font-size:11.5px;font-weight:600}.ig-status-pill{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ig-username{color:var(--color-slate-900);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.ig-full-name{color:var(--color-slate-500);margin:2px 0 0;font-size:13px}.ig-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ig-metric-item{background:#f8fafc;border:1px solid #e2e8f0b3;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ig-metric-label{color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.02em;font-size:11.5px;font-weight:500}.ig-metric-value{color:var(--color-slate-900);font-size:16px;font-weight:700}@media (width<=640px){.ig-metrics-grid{grid-template-columns:repeat(2,1fr)}}