:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050505;--surface: #0b0b0b;--surface-2: #101010;--surface-3: #151515;--border: #232323;--border-soft: #191919;--text: #f5f5f5;--muted: #8d8d8d;--muted-2: #666;--accent: #ffffff;--success: #32d583;--error: #f97066;--sidebar-width: 250px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:var(--bg)}body{min-height:100dvh;margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,input{font:inherit}button{color:inherit;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img,video{max-width:100%}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loader,.dashboard-loader{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#050505}.app-loader-spinner{width:36px;height:36px;border:3px solid #242424;border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.app-loader-brand{margin-top:4px;font-size:22px;font-weight:800}.app-loader-label{margin-top:-8px;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.login-page{width:100%;min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1fr);background:#050505}.login-brand-panel{min-height:100dvh;display:flex;align-items:center;padding:64px;border-right:1px solid #1b1b1b;background:radial-gradient(circle at 10% 0%,#181818 0,#090909 36%,#050505 70%)}.login-brand-inner{width:100%;max-width:570px;margin:auto;display:flex;flex-direction:column;gap:34px}.login-logo-mark{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid #323232;border-radius:18px;background:#101010;box-shadow:0 20px 50px #0000004d}.login-eyebrow{display:block;margin-bottom:12px;color:#777;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.login-brand-copy h1{margin:0;display:flex;flex-direction:column;font-size:clamp(46px,6vw,78px);line-height:.93;letter-spacing:-.055em}.login-brand-copy h1 span{color:#707070;font-weight:500}.login-brand-copy p{max-width:490px;margin:24px 0 0;color:#8f8f8f;font-size:16px;line-height:1.65}.login-security-note{width:fit-content;max-width:430px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #222;border-radius:12px;background:#0b0b0b}.login-security-note svg{flex-shrink:0;margin-top:2px;color:#bbb}.login-security-note div{display:flex;flex-direction:column;gap:3px}.login-security-note strong{font-size:12px}.login-security-note span{color:#757575;font-size:11px;line-height:1.5}.login-form-panel{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:430px}.login-mobile-logo{display:none}.login-card-heading>span{color:#777;font-size:10px;font-weight:800;letter-spacing:.16em}.login-card-heading h2{margin:12px 0 8px;font-size:30px;letter-spacing:-.035em}.login-card-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.login-form{display:flex;flex-direction:column;gap:17px;margin-top:32px}.login-form label{display:flex;flex-direction:column;gap:8px}.login-form label>span{color:#b6b6b6;font-size:11px;font-weight:600}.login-input-shell{min-height:49px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #282828;border-radius:10px;background:#0c0c0c;transition:border-color .15s ease,background .15s ease}.login-input-shell:focus-within{border-color:#555;background:#101010}.login-input-shell svg{flex-shrink:0;color:#777}.login-input-shell input{width:100%;height:47px;padding:0;color:#fff;border:0;outline:0;background:transparent;font-size:13px}.login-input-shell input::placeholder{color:#505050}.password-toggle{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;background:transparent}.login-submit{min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;border-radius:10px;background:#f5f5f5;color:#080808;font-size:13px;font-weight:750}.login-error{margin-top:22px;padding:12px 14px;border:1px solid rgba(249,112,102,.35);border-radius:9px;background:#f970660f;color:#ff9189;font-size:12px;line-height:1.5}.login-session-note{display:flex;align-items:flex-start;gap:8px;margin-top:22px;color:#626262;font-size:10px;line-height:1.5}.login-session-note svg{flex-shrink:0;margin-top:1px}.dashboard-shell{width:100%;min-height:100dvh;background:#050505}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;z-index:1000;width:var(--sidebar-width);display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid #1d1d1d;background:#080808}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 26px}.sidebar-logo{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #292929;border-radius:11px;background:#111}.sidebar-brand>div:last-child{display:flex;flex-direction:column}.sidebar-brand strong{font-size:16px}.sidebar-brand span{color:#707070;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.dashboard-nav{display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{width:100%;min-height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;color:#888;border-radius:9px;background:transparent;font-size:12px;text-align:left;transition:.12s ease}.dashboard-nav-item:hover{color:#ddd;background:#101010}.dashboard-nav-item.active{color:#fff;background:#151515}.dashboard-nav-item .nav-chevron{margin-left:auto;opacity:0}.dashboard-nav-item.active .nav-chevron{opacity:.7}.sidebar-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px 8px;border-top:1px solid #1b1b1b}.sidebar-account-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #292929;border-radius:50%;background:#111}.sidebar-account-copy{min-width:0;display:flex;flex-direction:column}.sidebar-account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sidebar-account-copy span{color:#676767;font-size:9px}.dashboard-logout{min-height:39px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;color:#aaa;border:1px solid #222;border-radius:8px;background:#0c0c0c;font-size:11px}.dashboard-logout:hover{color:#fff;background:#121212}.dashboard-main{min-height:100dvh;margin-left:var(--sidebar-width);padding:0 34px 40px}.dashboard-header{position:sticky;top:0;z-index:500;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;border-bottom:1px solid #171717;background:#050505f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-heading{display:flex;align-items:center;gap:12px}.dashboard-heading>div:last-child{display:flex;flex-direction:column}.dashboard-heading span{color:#5f5f5f;font-size:8px;font-weight:800;letter-spacing:.16em}.dashboard-heading h1{margin:3px 0 0;font-size:23px;letter-spacing:-.035em}.mobile-menu-button{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #242424;border-radius:9px;background:#0c0c0c}.dashboard-header-actions{display:flex;align-items:center;gap:9px}.dashboard-search{width:260px;min-height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #222;border-radius:9px;background:#0b0b0b}.dashboard-search svg{color:#666}.dashboard-search input{width:100%;height:37px;padding:0;color:#eee;border:0;outline:0;background:transparent;font-size:11px}.refresh-button{min-height:39px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #242424;border-radius:9px;background:#0c0c0c;color:#bdbdbd;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{min-height:145px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid #1e1e1e;border-radius:13px;background:#0a0a0a}.stat-card.accent{background:linear-gradient(145deg,#161616,#0b0b0b);border-color:#2d2d2d}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-header>span{color:#868686;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.stat-card-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #232323;border-radius:8px;background:#101010;color:#a7a7a7}.stat-card-value{margin-top:17px;font-size:29px;letter-spacing:-.04em}.stat-card-sub{color:#666;font-size:9px}.dashboard-two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.dashboard-card{min-width:0;overflow:hidden;border:1px solid #1f1f1f;border-radius:14px;background:#090909}.dashboard-card-header{min-height:67px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid #181818}.dashboard-card-header h2{margin:0;font-size:13px}.dashboard-card-header p{margin:3px 0 0;color:#666;font-size:9px}.dashboard-card-body{padding:17px}.dashboard-card.flush .dashboard-card-body{padding:0}.activity-chart{height:220px;display:flex;align-items:flex-end;gap:7px;padding:15px 0 0}.activity-column{height:100%;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.activity-bar-wrap{width:100%;min-height:0;flex:1;display:flex;align-items:flex-end;justify-content:center}.activity-bar{width:min(22px,75%);min-height:3px;border-radius:4px 4px 2px 2px;background:#dedede;transition:height .25s ease}.activity-column span{color:#575757;font-size:8px}.distribution-list{display:flex;flex-direction:column;gap:20px;padding:7px 0}.distribution-row{display:flex;flex-direction:column;gap:7px}.distribution-copy{display:flex;align-items:center;justify-content:space-between;font-size:10px}.distribution-copy span{color:#8b8b8b}.distribution-copy strong{font-size:11px}.distribution-track{height:4px;overflow:hidden;border-radius:999px;background:#191919}.distribution-track div{height:100%;border-radius:inherit;background:#e1e1e1}.top-post-list,.top-user-list{display:flex;flex-direction:column}.top-post-row,.top-user-row{min-height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #171717}.top-post-row:last-child,.top-user-row:last-child{border-bottom:0}.analytics-media-thumb{width:42px;height:42px;flex-shrink:0;overflow:hidden;border:1px solid #242424;border-radius:7px;background:#111}.analytics-media-thumb img,.analytics-media-thumb video{width:100%;height:100%;display:block;object-fit:cover}.top-post-copy,.top-user-row>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.top-post-copy strong,.top-user-row strong{font-size:10px}.top-post-copy span,.top-user-row span{overflow:hidden;color:#666;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.engagement-number{margin-left:auto;color:#aaa;font-size:11px!important}.dashboard-avatar{width:37px;height:37px;flex-shrink:0;object-fit:cover;border:1px solid #282828;border-radius:50%}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#151515;color:#aaa;font-size:12px;font-weight:700}.data-table-scroll{width:100%;overflow-x:auto}.analytics-table{width:100%;min-width:970px;border-collapse:collapse}.analytics-table th{height:43px;padding:0 14px;color:#5f5f5f;border-bottom:1px solid #1b1b1b;font-size:8px;font-weight:750;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap}.analytics-table td{min-height:59px;padding:10px 14px;color:#aaa;border-bottom:1px solid #161616;font-size:10px;white-space:nowrap}.analytics-table tbody tr:last-child td{border-bottom:0}.analytics-table tbody tr:hover{background:#0d0d0d}.table-user,.post-table-content{display:flex;align-items:center;gap:9px}.table-user>div:last-child,.post-table-content>div:last-child{max-width:220px;display:flex;flex-direction:column;gap:2px}.table-user strong,.post-table-content strong{color:#ddd;font-size:10px}.table-user span,.post-table-content span{overflow:hidden;color:#656565;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-chip{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #242424;border-radius:999px;color:#777;font-size:8px}.status-chip i{width:5px;height:5px;border-radius:50%;background:#555}.status-chip.online{color:#8ee3b7;border-color:#32d58338;background:#32d5830a}.status-chip.online i{background:var(--success)}.media-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.media-section-heading h2{margin:0;font-size:15px}.media-section-heading p{margin:4px 0 0;color:#666;font-size:9px}.media-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.media-library-card{min-width:0;overflow:hidden;padding:0;border:1px solid #1e1e1e;border-radius:11px;background:#090909;text-align:left}.media-library-preview{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#101010}.media-library-preview img,.media-library-preview video{width:100%;height:100%;display:block;object-fit:cover}.media-source-chip{position:absolute;top:7px;right:7px;padding:4px 6px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#000000b3;color:#ddd;font-size:7px;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-library-info{min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px}.media-library-info strong{overflow:hidden;color:#ccc;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.media-library-info span{color:#5d5d5d;font-size:7px}.media-viewer-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:28px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-viewer{position:relative;width:min(920px,100%);max-height:calc(100dvh - 56px);display:grid;grid-template-columns:minmax(0,1fr) 270px;overflow:hidden;border:1px solid #282828;border-radius:14px;background:#090909}.media-viewer-stage{min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.media-viewer-stage img,.media-viewer-stage video{width:100%;height:100%;max-height:calc(100dvh - 56px);object-fit:contain}.media-viewer-info{display:flex;flex-direction:column;gap:5px;padding:55px 18px 18px;border-left:1px solid #1c1c1c}.media-viewer-info strong{font-size:12px}.media-viewer-info span{color:#666;font-size:9px}.media-viewer-info p{margin:14px 0 0;color:#aaa;font-size:10px;line-height:1.6}.media-viewer-close{position:absolute;top:13px;right:13px;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #292929;border-radius:50%;background:#111}.dashboard-error{margin-bottom:15px;padding:12px 14px;border:1px solid rgba(249,112,102,.25);border-radius:9px;background:#f970660d;color:#ff9189;font-size:10px}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 2px 0;color:#4f4f4f;font-size:8px}.mobile-dashboard-nav,.sidebar-backdrop{display:none}@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:950px){:root{--sidebar-width: 215px}.dashboard-main{padding-left:22px;padding-right:22px}.dashboard-two-column{grid-template-columns:1fr}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100dvh;align-items:center;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom))}.login-card{max-width:390px}.login-mobile-logo{width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border:1px solid #2a2a2a;border-radius:13px;background:#101010}.login-card-heading h2{font-size:27px}.dashboard-sidebar{width:min(280px,84vw);transform:translate(-102%);transition:transform .18s ease}.dashboard-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:900;display:block;background:#0000009e}.dashboard-main{margin-left:0;padding:0 13px calc(82px + env(safe-area-inset-bottom))}.dashboard-header{min-height:67px;margin-bottom:14px}.mobile-menu-button{display:flex}.dashboard-heading span{font-size:7px}.dashboard-heading h1{font-size:19px}.dashboard-header-actions{flex:1;justify-content:flex-end}.dashboard-search{position:absolute;top:67px;left:0;width:100%;background:#080808}.dashboard-header:has(.dashboard-search){margin-bottom:65px}.refresh-button{width:39px;padding:0;justify-content:center}.refresh-button span{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:128px;padding:14px}.stat-card-value{font-size:25px}.dashboard-two-column{gap:10px;margin-bottom:10px}.dashboard-card{border-radius:11px}.activity-chart{height:190px;gap:4px}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.media-library-card{border-radius:7px}.media-library-info{padding:7px}.media-viewer-overlay{padding:0}.media-viewer{width:100%;height:100dvh;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0}.media-viewer-stage{min-height:0;flex:1}.media-viewer-stage img,.media-viewer-stage video{max-height:none}.media-viewer-info{flex-shrink:0;padding:14px 16px max(20px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid #1c1c1c}.mobile-dashboard-nav{position:fixed;left:0;right:0;bottom:0;z-index:800;min-height:61px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #1d1d1d;background:#070707f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-dashboard-nav button{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#666;background:transparent}.mobile-dashboard-nav button.active{color:#fff}.mobile-dashboard-nav span{font-size:7px}.dashboard-footer{flex-direction:column;align-items:flex-start}}@media(max-width:430px){.stat-card{min-height:119px}.stat-card-header>span{font-size:8px}.stat-card-value{font-size:23px}.stat-card-sub{font-size:8px}.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}