:root{--app-bg: #f6f8fb;--app-surface: #ffffff;--app-surface-muted: #f8fafc;--app-border: #e2e8f0;--app-text: #0f172a;--app-muted: #64748b;--app-accent: #667eea;--app-accent-strong: #4f46e5;--app-card-shadow: 0 18px 45px rgba(15, 23, 42, .08), 0 3px 10px rgba(15, 23, 42, .05);--app-card-shadow-hover: 0 24px 58px rgba(15, 23, 42, .13), 0 10px 22px rgba(15, 23, 42, .08);--app-radius-xl: 22px;--app-radius-lg: 18px;--app-radius-md: 14px;--app-button-shadow: 0 10px 22px rgba(102, 126, 234, .24), inset 0 1px 0 rgba(255, 255, 255, .28);color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--app-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard{--clay-bg: #f1f3fa;--clay-surface: #f8f9ff;--clay-raised: 10px 10px 24px rgba(82, 91, 135, .16), -8px -8px 20px rgba(255, 255, 255, .92), inset 1px 1px 0 rgba(255, 255, 255, .9);--clay-pressed: inset 4px 4px 10px rgba(82, 91, 135, .13), inset -4px -4px 10px rgba(255, 255, 255, .88);min-height:100dvh!important;height:auto!important;background:var(--clay-bg)!important;font-style:normal;letter-spacing:-.012em}.dashboard .main-content{min-width:0;margin-left:0!important;padding-bottom:96px;overflow:visible}.dashboard .header{position:sticky!important;top:0;z-index:12;margin:0!important;padding:17px 18px 14px!important;border:0!important;border-radius:0 0 26px 26px!important;background:color-mix(in srgb,var(--clay-bg) 88%,transparent)!important;box-shadow:0 12px 30px #3d43681a!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:row!important;align-items:center!important;gap:14px!important}.dashboard .page-title{margin:0 0 2px!important;font-size:clamp(1.25rem,5vw,1.55rem)!important;line-height:1.1;font-weight:780!important;letter-spacing:-.035em!important}.dashboard .page-subtitle{font-size:.78rem;line-height:1.35}.dashboard .user-profile{margin-left:auto}.dashboard .user-profile>span{display:none}.dashboard .avatar{width:42px;height:42px;border:3px solid rgba(255,255,255,.78);box-shadow:5px 6px 14px #525b8733,-3px -3px 9px #fff}.dashboard .header-logout-btn{align-items:center;background:#f8f9ff;border:1px solid rgba(173,180,211,.42);border-radius:14px!important;box-shadow:5px 6px 14px #525b8724,-3px -3px 9px #fff;color:#667eea;cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.dashboard .content{padding:18px 14px 28px!important}.dashboard .sidebar{position:fixed!important;inset:auto 10px 10px;z-index:50;width:auto!important;height:72px!important;max-height:none!important;padding:8px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:24px!important;background:linear-gradient(135deg,#667eeaf7,#764ba2f7)!important;box-shadow:0 18px 35px #4c1d954d,inset 0 1px #ffffff47!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden!important}.dashboard .sidebar-header,.dashboard .logout-section{display:none!important}.dashboard .sidebar-nav{display:flex!important;align-items:center;gap:5px;width:100%;height:100%;padding:0!important;overflow-x:auto;scrollbar-width:none}.dashboard .sidebar-nav::-webkit-scrollbar{display:none}.dashboard .nav-item{flex:1 0 54px;min-width:54px;min-height:54px;margin:0!important;padding:8px 6px!important;border:1px solid transparent;border-radius:18px!important;flex-direction:column;justify-content:center;gap:3px;color:#ffffffc2}.dashboard .nav-item span{display:none;margin:0!important;font-size:.61rem!important;font-weight:700!important;letter-spacing:0}.dashboard .nav-item.active{flex-basis:74px;color:#fff;border-color:#fff3;background:#fff3!important;box-shadow:inset 3px 3px 7px #4626873d,inset -2px -2px 6px #fff3!important}.dashboard .nav-item.active span{display:block}.dashboard :is(.header,.collabs-hero,.collab-panel,.collab-column,.subtab-panel){border-color:#adb4d36b!important}@media (min-width: 900px){.dashboard{display:flex!important;height:100vh!important;overflow:hidden}.dashboard .sidebar{inset:18px auto 18px 18px;width:244px!important;height:auto!important;padding:18px 12px!important;border-radius:30px!important;overflow-y:auto!important}.dashboard .sidebar-header{display:block!important;padding:4px 10px 18px!important}.dashboard .sidebar-header h2{font-size:1.15rem;font-weight:760;letter-spacing:-.03em}.dashboard .sidebar-nav{display:block!important;padding:14px 0!important;overflow:visible}.dashboard .nav-item,.dashboard .nav-item.active{min-height:48px;margin-bottom:5px!important;padding:11px 12px!important;flex-direction:row;justify-content:flex-start;gap:0}.dashboard .nav-item span,.dashboard .nav-item.active span{display:block;margin-left:.75rem!important;font-size:.88rem!important}.dashboard .logout-section{display:block!important;padding:14px 4px 2px!important}.dashboard .main-content{height:100vh;margin-left:280px!important;padding:0 22px 40px 0;overflow-y:auto}.dashboard .header{top:0;margin:0!important;padding:24px 26px 20px!important;border-radius:0 0 28px 28px!important}.dashboard .page-title{font-size:1.65rem!important}.dashboard .user-profile>span{display:inline;font-size:.88rem;font-weight:650}.dashboard .header-logout-btn{display:none}.dashboard .content{padding:24px 2px 36px!important}}:root[data-theme=dark]{--app-bg: #101624;--app-surface: #172033;--app-surface-muted: #202a3d;--app-border: #334155;--app-text: #e5e7eb;--app-muted: #a6b3c5;--app-accent: #8ea2ff;--app-accent-strong: #a5b4fc;--app-card-shadow: 0 18px 45px rgba(0, 0, 0, .28), 0 3px 10px rgba(0, 0, 0, .18);--app-card-shadow-hover: 0 24px 58px rgba(0, 0, 0, .38), 0 10px 22px rgba(0, 0, 0, .24);--app-button-shadow: 0 10px 22px rgba(142, 162, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .18);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:var(--app-bg)!important;color:var(--app-text)!important}button,input,select,textarea{font:inherit}button,[role=button],.nav-item,.link-item,.strategy-item,.platform-tab,.growth-tab,.sub-tab-btn,.refresh-button,.add-post-button,.approve-button,.secondary-button,.icon-button,.action-button,.upload-button,.capture-button,.capture-action-button,.submit-button,.mode-button,.btn,.logout-btn{border-radius:var(--app-radius-md)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important}button:not(:disabled):hover,[role=button]:not(:disabled):hover,.nav-item:hover,.link-item:hover,.strategy-item:hover,.platform-tab:hover,.growth-tab:hover,.sub-tab-btn:hover,.refresh-button:hover,.add-post-button:hover,.approve-button:hover,.secondary-button:hover,.icon-button:hover,.action-button:hover,.upload-button:hover,.capture-button:hover,.capture-action-button:hover,.submit-button:hover,.mode-button:hover,.btn:hover,.logout-btn:hover{transform:translateY(-2px);box-shadow:var(--app-button-shadow)!important}button:not(:disabled):active,[role=button]:not(:disabled):active,.nav-item:active,.link-item:active,.strategy-item:active,.platform-tab:active,.growth-tab:active,.sub-tab-btn:active,.refresh-button:active,.add-post-button:active,.approve-button:active,.secondary-button:active,.icon-button:active,.action-button:active,.upload-button:active,.capture-button:active,.capture-action-button:active,.submit-button:active,.mode-button:active,.btn:active,.logout-btn:active{transform:translateY(1px) scale(.99);box-shadow:0 5px 14px #0f172a1f!important}input,select,textarea{border-radius:var(--app-radius-md)!important;box-shadow:inset 0 1px 2px #0f172a0a}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--app-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 18%,transparent),inset 0 1px 2px #0f172a0a!important}.dashboard,.main-content{background:var(--app-bg)!important;color:var(--app-text)!important}.header,.settings-hero,.settings-section,.settings-summary,.profile-hero,.profile-card,.stats-card,.profile-card.accounts-card,.mini-hero,.panel,.board-hero,.strategy-column,.growth-hero,.growth-tabs,.insight-card,.streak-panel,.planning-hero,.planning-tabs,.planning-panel,.posting-command,.posting-toolbar,.schedule-panel,.profile-stats .stats-card,.drafts-section,.tasks-section,.upload-section,.preview-section,.caption-section,.platform-tab,.refresh-button{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important;box-shadow:var(--app-card-shadow)!important;border-radius:var(--app-radius-lg)!important}.header:hover,.settings-hero:hover,.settings-section:hover,.settings-summary:hover,.profile-hero:hover,.profile-card:hover,.stats-card:hover,.mini-hero:hover,.panel:hover,.board-hero:hover,.strategy-column:hover,.growth-hero:hover,.insight-card:hover,.streak-panel:hover,.planning-hero:hover,.planning-panel:hover,.posting-command:hover,.posting-toolbar:hover,.schedule-panel:hover,.drafts-section:hover,.tasks-section:hover,.upload-section:hover,.preview-section:hover,.caption-section:hover{box-shadow:var(--app-card-shadow-hover)!important}.accounts-card .card-heading,.account-summary,.setting-item,.empty-row,.fixed-value,select,input,textarea{background:var(--app-surface-muted)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.page-title,.settings-page h2,.settings-page h3,.settings-page strong,.profile-page h2,.profile-page h3,.profile-page strong,.stats-card h3,.stat-number,.platform-heading h3{color:var(--app-text)!important}.header p,.settings-hero p:not(.eyebrow),.section-heading p,.setting-item span,.settings-summary span,.profile-hero p:not(.eyebrow),.account-summary span,.account-row span,.empty-row,.platform-heading p,.stat-meta{color:var(--app-muted)!important}.eyebrow,.section-heading,.settings-summary,.card-heading,.platform-heading svg{color:var(--app-accent)!important}.platform-tab.active{background:color-mix(in srgb,var(--app-accent) 16%,var(--app-surface))!important;border-color:var(--app-accent)!important;color:var(--app-accent-strong)!important}.auth-container{border-radius:28px!important;box-shadow:0 28px 70px #0f172a38,0 8px 24px #667eea2e!important}.auth-page .form-input{border-radius:var(--app-radius-lg)!important}.auth-page .submit-button,.btn-primary,.add-post-button,.approve-button,.primary-action,.submit-button,.upload-button,.capture-button,.capture-action-button,.action-button:not(.disabled):not(.delete):not(.cancel),.insight-card button,.streak-card button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--app-button-shadow)!important}.stats-card,.insight-card,.streak-card,.post-row,.social-account,.account-row,.setting-item,.link-item,.strategy-item,.empty-state,.empty-column,.phone-shell{border-radius:var(--app-radius-lg)!important}@media (max-width: 768px){:root{--app-radius-xl: 24px;--app-radius-lg: 20px;--app-radius-md: 16px}body{overflow-x:hidden}.dashboard{min-height:100vh!important}.sidebar{position:sticky!important;top:0;z-index:20;width:100%!important;height:auto!important;max-height:42vh;padding:14px 12px!important;border-radius:0 0 28px 28px;box-shadow:0 18px 42px #4c1d9547!important}.sidebar-header{padding:0 8px 10px!important}.sidebar-nav{display:flex!important;gap:8px;overflow-x:auto;padding:10px 2px 8px!important;scroll-snap-type:x mandatory}.nav-item{flex:0 0 auto;min-height:44px;padding:10px 12px!important;scroll-snap-align:start;background:#ffffff1f;box-shadow:inset 0 1px #ffffff2e}.nav-item span{white-space:nowrap;font-size:.86rem!important}.logout-section{padding:8px 2px 0!important}.main-content{margin-left:0!important;width:100%}.header{position:relative!important;margin:14px 12px 0;padding:16px!important}.content{height:auto!important;min-height:auto!important;overflow:visible!important;padding:14px 12px 28px!important}.page-title{font-size:1.25rem!important}.mini-grid,.board-container,.profile-grid,.profile-stats,.dashboard-grid,.settings-grid,.planning-tabs,.growth-tabs,.posting-toolbar,.post-row,.social-account,.account-row,.new-task-form,.upload-area,.form-grid{grid-template-columns:1fr!important}.mini-hero,.board-hero,.growth-hero,.planning-hero,.profile-hero,.posting-command,.schedule-heading,.settings-hero,.profile-identity,.post-status,.modal-actions{align-items:stretch!important;flex-direction:column!important}button,.link-item,.strategy-item,.platform-tab,.growth-tab,.sub-tab-btn,.action-button,.submit-button{min-height:46px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:0;max-width:100%;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%}button,input,select,textarea{max-width:100%;font:inherit}@media (max-width: 599px){.dashboard .content{padding-inline:10px!important}.dashboard .header{padding-inline:12px!important;gap:9px!important}.dashboard .page-title{font-size:clamp(1.1rem,6vw,1.35rem)!important}.dashboard .page-subtitle{display:none}.dashboard .avatar,.dashboard .header-logout-btn{width:38px;height:38px}.dashboard .sidebar{inset-inline:6px;bottom:6px;border-radius:20px!important}.dashboard .nav-item{flex-basis:50px;min-width:50px;min-height:50px}.dashboard .nav-item.active{flex-basis:66px}.settings-grid,.wishui-command-grid,.appearance-grid,.strategy-flow{grid-template-columns:minmax(0,1fr)!important}.strategy-flow>i{transform:rotate(90deg);min-height:10px}}@media (min-width: 600px) and (max-width: 899px){.dashboard .content{padding-inline:20px!important}.settings-grid{grid-template-columns:minmax(0,1fr)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}