.dashboard-page{background:radial-gradient(ellipse at 80% 10%,#2f2a1425,transparent 40%),#08090c;min-height:100vh}.page-nav{display:flex;gap:30px;margin-left:auto;align-items:center;height:100%}.page-nav a{color:#919baa;font-size:12px;padding:12px 0;white-space:nowrap}.page-nav a:hover,.page-nav a[aria-current=page]{color:#f1d166}.dashboard-header-label{font:8px/1.5 Consolas,monospace;letter-spacing:1.8px;color:#687385;white-space:nowrap;margin-left:16px}
.dashboard-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;padding-top:42px;padding-bottom:64px;min-height:calc(100vh - 170px)}.dashboard-sidebar{display:flex;flex-direction:column;padding:8px 24px 0 0;border-right:1px solid #ffffff0b;min-width:0}.sidebar-title{font:600 10px/1.5 Manrope,sans-serif;letter-spacing:1.7px;color:#e5cc7a}.sidebar-title span{display:block;color:#5f6b7e;font:8px/1.5 Consolas,monospace;letter-spacing:1px;margin-top:8px}.dashboard-tabs{display:flex;flex-direction:column;gap:7px;border:0;margin:34px 0}.dashboard-tabs a{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:6px;color:#8e9bae;font-size:12px;transition:background .2s,color .2s}.dashboard-tabs a>.icon:first-child{width:17px;height:17px;flex:0 0 17px}.dashboard-tabs a>.icon:last-child{margin-left:auto;width:12px;height:12px;opacity:0}.dashboard-tabs a[aria-current=page]{background:#e4c55a10;border-color:#e4c55a29;color:#ecd075}.dashboard-tabs a[aria-current=page]>.icon:last-child{opacity:1}.dashboard-tabs a:hover{background:#ffffff06;color:#f3f4f6}.sidebar-guide{border:1px solid #333a46;border-radius:8px;padding:16px 12px;display:flex;align-items:flex-start;gap:9px;color:#adb6c5;font-size:10px;line-height:1.8;margin-top:4px;background:linear-gradient(140deg,#1a1e28,#101319)}.sidebar-guide>.icon{width:17px;height:17px;flex:0 0 17px;color:#d5c17d;margin-top:2px}.sidebar-guide>.icon:last-child{width:12px;height:12px;flex-basis:12px;color:#8794ab}.sidebar-guide small{display:block;font-size:8px;color:#717f94;margin-top:6px}.sidebar-profile{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:40px}.sidebar-profile .account-avatar{width:32px;height:32px;flex:0 0 32px;font-size:11px}.sidebar-profile>div{min-width:0}.sidebar-profile strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.sidebar-profile small{font-size:8px;color:#717e91;display:block;margin-top:4px}.sidebar-profile button{margin-left:auto;color:#8491a6;background:transparent;padding:5px;display:grid;place-items:center}.sidebar-profile button>.icon{width:15px;height:15px}
.dashboard-main{min-width:0}.dashboard-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.dashboard-page-heading .eyebrow{font-size:8px;color:#8492a6;letter-spacing:1.6px}.dashboard-page-heading h1{font:500 48px/1.15 Oswald,sans-serif;letter-spacing:-.4px;text-transform:uppercase;margin:12px 0 0}.dashboard-page-heading>.btn{font-size:10px;padding:12px 14px;min-height:42px;gap:22px}.dashboard-page-heading>.btn .icon{width:15px;height:15px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric-card{padding:18px 17px;background:linear-gradient(130deg,#151923,#10131a);border:1px solid #2d3441;border-radius:9px;min-width:0}.metric-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:29px}.metric-card>div>span{color:#96a4b8;font-size:9px;line-height:1.6}.metric-card .icon{color:#66758b;width:14px;height:14px;flex:0 0 14px;margin-top:2px}.metric-card>strong{display:block;font:500 42px/1.3 Oswald,sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:9px 0 5px;overflow-wrap:anywhere}.metric-card>small{display:block;font-size:8px;line-height:1.8;color:#77879d}.metric-3{background:linear-gradient(135deg,#2b261738,#11141b);border-color:#6f6235}.metric-3>strong{color:#efd16b}.metric-3 .icon{color:#d5bb62}
.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr);gap:20px;margin-bottom:22px}.dash-panel{border:1px solid #2c3442;border-radius:10px;background:#10141c;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 24px}.panel-heading h2{font:600 14px/1.5 Manrope,sans-serif;text-transform:none;letter-spacing:0;margin:0}.panel-heading p{font-size:9px;color:#7a8ba3;margin-top:6px;line-height:1.7}.panel-heading>.icon{color:#6c7b91;width:17px;height:17px}.panel-heading .text-link{font-size:10px;gap:9px;color:#cfbb79}.period-switch{display:flex;gap:2px;padding:3px;background:#090d14;border:1px solid #2c3543;border-radius:5px;flex-shrink:0}.period-switch button{font:9px/1.5 Manrope,sans-serif;padding:5px 8px;background:none;color:#7e8da4;border-radius:3px}.period-switch button[aria-pressed=true]{background:#30394a;color:#e8edf4}.chart-total{display:flex;align-items:baseline;gap:12px;padding:0 24px 8px}.chart-total>strong{font:500 35px/1 Oswald,sans-serif;color:#f1d477}.chart-total>span{color:#77879e;font-size:9px}.activity-chart{display:block;width:calc(100% - 32px);margin:5px 16px 17px}.chart-grid{stroke:#293446;stroke-width:.7;stroke-dasharray:3 4}.chart-label{font:9px Manrope,sans-serif;fill:#7788a1}.chart-empty{font:12px Manrope,sans-serif;fill:#7789a2}.chart-bar{fill:#d4ba5c;transition:fill .2s}.chart-bar:hover{fill:#ffe58a}.platform-breakdown{padding:2px 24px 20px;display:grid;gap:20px}.platform-row>div{display:flex;gap:10px;align-items:center;font-size:10px;color:#a2b0c4;margin-bottom:10px}.platform-row strong{margin-left:auto;color:#e2e8f1;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.platform-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;border:1px solid #394457;font-size:12px;color:#b9dce7}.symbol-1{color:#ff9b92}.symbol-2{color:#e7a9dd;font-size:18px}.platform-row>svg{height:3px;width:100%;display:block;border-radius:4px}.platform-track{fill:#232c3c}.platform-fill{fill:#69c6ce}.fill-1{fill:#db827b}.fill-2{fill:#d08cc0}
.panel-count{border:1px solid #46526a;color:#b3c2d6;font:10px/1.2 Consolas,monospace;padding:6px 8px;border-radius:4px}.clip-table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#465268 #111720}.clip-table{width:100%;border-collapse:collapse;min-width:660px;text-align:left}.clip-table th{font:500 8px/1.6 Manrope,sans-serif;letter-spacing:.3px;color:#72839e;padding:12px 14px;background:#0b1018;border-block:1px solid #283345;white-space:nowrap}.clip-table th:first-child,.clip-table td:first-child{padding-left:24px}.clip-table th:last-child,.clip-table td:last-child{padding-right:24px}.clip-table td{padding:17px 14px;font:10px/1.7 Manrope,sans-serif;color:#9dabc0;border-bottom:1px solid #253044;vertical-align:middle}.clip-table tr:last-child td{border-bottom:0}.clip-table tbody tr:hover{background:#ffffff02}.clip-title{display:flex;align-items:center;gap:8px;background:none;color:#e3e9f2;font-size:11px;font-weight:600;padding:0;white-space:nowrap}.clip-title:hover{color:#e4cd77}.clip-title>.icon{width:12px;height:12px;color:#6e829e}.clip-url{font:8px/1.5 Consolas,monospace;color:#667c9b;display:block;margin-top:5px}.clip-url:hover{color:#b5c5dd}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.date-cell{white-space:nowrap}.review-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid #73623365;background:#bb9a2910;color:#d9c27b;font:8px/1.4 Manrope,sans-serif;border-radius:4px;white-space:nowrap}.review-badge i{width:4px;height:4px;background:currentColor;border-radius:50%}.status-approved{border-color:#3a80645c;background:#40977410;color:#87d9b4}.status-rejected{border-color:#9d575744;background:#a44b4b0a;color:#d89898}.clip-filters{display:flex;gap:12px;align-items:flex-end;padding:0 24px 22px}.clip-filters label{display:flex;flex-direction:column;gap:7px;min-width:130px}.clip-filters label>span{color:#7f91ad;font-size:8px}.clip-filters select{background:#0a101a;border:1px solid #344258;border-radius:5px;color:#bcc9db;min-height:36px;padding:8px 30px 8px 10px;font:10px/1.5 Manrope,sans-serif;max-width:100%}.refresh-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #344258;background:transparent;color:#8ea2bf;border-radius:5px;margin-left:auto}.refresh-button .icon{width:16px;height:16px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-top:1px solid #2b374a}.pagination .btn{min-height:34px;font-size:9px;padding:8px 12px}.pagination>span{font:10px Consolas,monospace;color:#879ab7}.pagination button:disabled{opacity:.35;cursor:default}.statistics-note{font-size:9px;line-height:1.9;color:#7286a3;margin-top:16px;max-width:780px}
.dash-empty{text-align:center;padding:30px 28px 38px;border-top:1px solid #273348}.dash-empty>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #78683750;background:#e3c45708;border-radius:10px;margin:0 auto 16px;color:#c1af72}.dash-empty>span>.icon{width:21px;height:21px}.dash-empty h3{font:500 23px/1.3 Oswald,sans-serif;color:#dce4ef;letter-spacing:0;text-transform:uppercase}.dash-empty p{font-size:10px;color:#7e91ae;max-width:340px;margin:12px auto 20px;line-height:1.9}.dash-empty .btn{font-size:10px;min-height:39px;padding:10px 14px}.dash-error{border:1px solid #915c434f;background:#a8552f0c;color:#dbad99;border-radius:9px;padding:25px}.dash-error h2{font:500 24px Oswald,sans-serif;margin:0 0 10px}.dash-error p{font-size:11px;margin:8px 0 18px}.dash-error .btn{font-size:11px}.dash-loading{text-align:center;font-size:12px;padding:40px 20px;color:#7d90ac}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-skeleton>div{height:145px;background:linear-gradient(120deg,#111722,#1a2332,#111722);border:1px solid #2d3749;border-radius:8px;animation:dashboard-pulse 1.4s ease-in-out infinite alternate}.dashboard-loading{grid-column:1/-1;padding:70px 0}.dashboard-loading h1{font:500 40px Oswald,sans-serif;margin-top:16px}@keyframes dashboard-pulse{from{opacity:.45}to{opacity:1}}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-panel{padding:30px}.profile-panel h2{font:500 27px/1.3 Oswald,sans-serif;margin:18px 0 8px}.large-avatar{width:58px;height:58px;font-size:20px}.profile-verified{display:flex;align-items:center;gap:6px;font-size:9px;color:#8ccab1}.profile-verified>.icon{width:13px;height:13px}.profile-panel dl,.clip-detail dl{margin:26px 0}.profile-panel dl>div,.clip-detail dl>div{padding:13px 0;border-bottom:1px solid #2a3547;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profile-panel dt,.clip-detail dt{font-size:10px;color:#7d90ac}.profile-panel dd,.clip-detail dd{font-size:11px;color:#bbc9dd;text-align:right;overflow-wrap:anywhere;margin:0;min-width:0}.profile-panel .btn{font-size:10px;min-height:38px;padding:10px 13px}.profile-contact{padding:32px;background:radial-gradient(ellipse at 0 0,#9e812a16,transparent 80%),#10141c;display:flex;flex-direction:column;align-items:flex-start}.profile-contact h2{font:500 40px/1.2 Oswald,sans-serif;text-transform:uppercase;margin:20px 0}.profile-contact p{color:#889cb9;font-size:11px;line-height:1.9;margin-bottom:28px}.profile-contact .btn{margin-top:auto;font-size:10px;padding:11px 15px;min-height:40px;gap:12px}.profile-contact .text-link{font-size:9px;line-height:1.8;margin-top:20px;gap:12px;color:#afa47c}.profile-contact .eyebrow{color:#b5a567;font-size:8px}.clip-detail .detail-video-link{display:block;overflow-wrap:anywhere;color:#e2cb7d;font-size:11px;line-height:1.8;margin:20px 0}.detail-video-link>.icon{width:13px;height:13px;vertical-align:middle;margin-left:6px}.detail-reference{font-size:9px!important;color:#7f91ab!important}.detail-reference code{display:block;font:10px/1.8 Consolas,monospace;color:#a9b9d1;margin-top:6px;overflow-wrap:anywhere}.clip-detail>.btn{margin-top:24px;font-size:11px}.clip-detail .dash-error{font-size:10px;line-height:1.9;padding:16px}
.logged-out{display:block}.dashboard-gate{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding:55px 45px 40px;align-items:center;min-height:600px}.gate-copy>.eyebrow{font-size:9px;color:#7889a1;letter-spacing:2px}.gate-copy h1{font:500 66px/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.7px;margin:22px 0}.gate-copy h1>span{color:#edcb5b}.gate-copy>p{font-size:13px;color:#99a7bc;line-height:1.9;max-width:440px}.gate-features{display:grid;gap:17px;margin:28px 0}.gate-features>span{display:flex;align-items:center;gap:12px;font-size:12px;color:#bcc7d8}.gate-features .icon{width:17px;height:17px;color:#baa65d}.gate-copy>.text-link{font-size:11px;color:#dfc975;margin-top:8px}.gate-card{border:1px solid #4b4d45;background:radial-gradient(ellipse at 50% 0%,#82703221,transparent 75%),#11161f;border-radius:14px;padding:42px 34px;text-align:center}.gate-knight{width:80px;height:80px;margin:0 auto 25px;display:grid;place-items:center;border-radius:12px;border:1px solid #88713950;box-shadow:0 0 50px #cda53012}.gate-card h2{font:500 31px/1.25 Oswald,sans-serif;text-transform:uppercase;margin-bottom:14px}.gate-card>p{font-size:11px;color:#8d9db4;line-height:1.9}.gate-card .google-button{margin:28px 0 18px;font-size:12px}.gate-note{font-size:9px!important;max-width:290px;margin:auto}.gate-card>.text-link{font-size:9px;margin-top:20px;color:#c4b477}.gate-card .dash-error{font-size:10px;padding:14px;line-height:1.8;margin-top:18px}
.dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #252e3c;padding-block:23px;font-size:9px;color:#5e708d}.dashboard-footer>div{display:flex;flex-wrap:wrap;gap:24px}.dashboard-footer a{color:#798ca9}.dashboard-footer a:hover{color:#dbc77d}
@media(max-width:1180px){.dashboard-shell{grid-template-columns:180px minmax(0,1fr);gap:26px}.dashboard-sidebar{padding-right:18px}.sidebar-title{font-size:9px;letter-spacing:1.2px}.sidebar-profile strong{max-width:78px}.sidebar-guide{padding:14px 10px;gap:7px;font-size:9px}.sidebar-guide>.icon:last-child{display:none}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card>div{min-height:0}.metric-card>strong{font-size:44px;margin-block:10px}.metric-card>small{font-size:9px}.metric-card>div>span{font-size:10px}.dashboard-charts{grid-template-columns:1.5fr 1fr;gap:14px}.panel-heading{padding:20px}.panel-heading h2{font-size:13px}.period-switch button{padding:5px;font-size:8px}.panel-heading p{font-size:8px}.platform-breakdown{padding:2px 20px 22px}.profile-grid{grid-template-columns:1fr}.profile-contact{min-height:340px}.dashboard-gate{gap:48px;padding:44px 0}.gate-copy h1{font-size:57px}.gate-card{padding:34px 25px}.dashboard-header-label{display:none}}
@media(max-width:900px){.dashboard-shell{grid-template-columns:160px minmax(0,1fr);gap:22px}.dashboard-sidebar{padding-right:14px}.dashboard-tabs a{padding:12px 9px;font-size:11px;gap:9px}.dashboard-tabs a>.icon:last-child{display:none}.sidebar-profile{flex-wrap:wrap;gap:9px}.sidebar-profile strong{max-width:88px}.sidebar-profile button{margin-left:0}.sidebar-guide{font-size:9px}.dashboard-page-heading h1{font-size:41px}.dashboard-page-heading>.btn{font-size:9px;gap:12px;padding:11px}.dashboard-charts{grid-template-columns:1fr}.platform-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform-row>div{font-size:9px;flex-wrap:wrap;gap:6px}.platform-symbol{width:21px;height:21px;font-size:10px}.platform-row strong{font-size:11px}.platforms-panel>.panel-heading{padding-bottom:20px}.dashboard-gate{gap:32px}.gate-copy h1{font-size:48px}.gate-copy>p{font-size:12px}.gate-card h2{font-size:27px}.gate-card{padding:30px 24px}.gate-features>span{font-size:11px}.page-nav{gap:22px}.dashboard-footer>div{gap:16px}}
@media(max-width:700px){.dashboard-page .header{height:auto;min-height:112px}.dashboard-page .header-inner{flex-wrap:wrap;padding-block:16px 0;gap:13px}.dashboard-page .brand{margin-right:auto}.dashboard-header-label{display:block;margin-left:0;font-size:7px;letter-spacing:1.1px}.page-nav{order:2;margin:0;width:100%;gap:26px;justify-content:flex-start;height:auto;border-top:1px solid #ffffff0b}.page-nav a{padding:12px 0;font-size:11px}.dashboard-shell{display:flex;flex-direction:column;gap:23px;padding-top:22px;padding-bottom:40px}.dashboard-sidebar{padding:0;border:0;display:block}.sidebar-title,.sidebar-profile,.sidebar-guide{display:none}.dashboard-tabs{flex-direction:row;gap:6px;margin:0;background:#0e131c;border:1px solid #2a3547;border-radius:7px;padding:4px}.dashboard-tabs a{flex:1;justify-content:center;font-size:10px;gap:7px;padding:10px 6px;border-radius:4px}.dashboard-tabs a>.icon:first-child{width:14px;height:14px;flex-basis:14px}.dashboard-page-heading{margin-bottom:23px;gap:16px;align-items:flex-end}.dashboard-page-heading h1{font-size:39px;margin-top:8px}.dashboard-page-heading .eyebrow{font-size:7px;letter-spacing:.7px}.dashboard-page-heading>.btn{font-size:9px;gap:9px;min-height:36px;padding:9px 10px;white-space:nowrap}.dashboard-page-heading>.btn .icon{width:12px;height:12px}.dashboard-metrics{gap:11px;margin-bottom:17px}.metric-card{padding:16px}.metric-card>strong{font-size:42px}.metric-card>div>span{font-size:9px;min-height:28px}.metric-card>small{font-size:8px}.metric-card .icon{width:13px;height:13px;flex-basis:13px}.dashboard-charts{gap:16px;margin-bottom:16px}.panel-heading{padding:21px 18px;gap:12px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:8px}.chart-total{padding-inline:18px}.chart-total>span{font-size:8px}.activity-chart{width:calc(100% - 22px);margin-inline:11px}.platform-breakdown{padding-inline:18px;gap:14px}.platform-row>div{font-size:8px}.platform-row strong{width:100%;margin-left:27px;font-size:13px}.platform-row svg{margin-top:2px}.platform-symbol{width:19px;height:19px}.clip-filters{padding-inline:18px;gap:9px}.clip-filters label{min-width:0;flex:1}.clip-filters select{font-size:9px;padding-right:10px}.clip-filters label>span{font-size:8px}.refresh-button{flex:0 0 34px;width:34px}.statistics-note{font-size:8px;line-height:1.9}.panel-heading .text-link{font-size:9px;white-space:nowrap;gap:7px}.dash-empty{padding:28px 22px 33px}.dash-empty h3{font-size:23px}.dash-empty p{font-size:10px}.dashboard-skeleton{grid-template-columns:1fr 1fr}.dashboard-skeleton>div{height:135px}.dashboard-loading{padding:45px 0}.dashboard-loading h1{font-size:32px}.logged-out{padding-top:26px}.dashboard-gate{display:flex;flex-direction:column;gap:32px;padding:5px 0 12px;min-height:0;align-items:stretch}.gate-copy>.eyebrow{font-size:7px;letter-spacing:1.2px}.gate-copy h1{font-size:53px;margin:16px 0}.gate-copy>p{font-size:11px;max-width:380px}.gate-features{gap:12px;margin:22px 0}.gate-features>span{font-size:10px}.gate-copy>.text-link{font-size:10px}.gate-card{padding:30px 26px}.gate-card h2{font-size:28px}.gate-knight{margin-bottom:22px}.gate-card .google-button{font-size:12px}.profile-grid{gap:17px}.profile-panel{padding:25px}.profile-panel h2{font-size:27px}.profile-panel dl>div{flex-wrap:wrap;gap:8px}.profile-panel dd{text-align:left}.profile-panel dt{font-size:9px}.profile-panel dd{font-size:11px}.profile-contact{padding:27px;min-height:350px}.profile-contact h2{font-size:39px}.dashboard-footer{flex-direction:column;align-items:flex-start;gap:14px;font-size:8px}.dashboard-footer>div{gap:12px 20px}.clip-detail dt{font-size:9px}.clip-detail dd{font-size:10px}}
@media(max-width:360px){.dashboard-page-heading h1{font-size:33px}.dashboard-page-heading>.btn{gap:5px;font-size:8px;padding:9px}.dashboard-page-heading .eyebrow{font-size:6px}.metric-card{padding:14px}.metric-card>div>span{font-size:8px}.metric-card>strong{font-size:37px}.metric-card>small{font-size:7px}.platform-breakdown{gap:8px;padding-inline:15px}.platform-row>div{font-size:7px}.period-switch button{font-size:8px;padding:5px}.clip-filters{padding-inline:14px;gap:7px}.clip-filters select{font-size:8px}.refresh-button{width:31px;flex-basis:31px}.gate-copy h1{font-size:46px}.gate-card{padding-inline:22px}.gate-card h2{font-size:25px}.page-nav{gap:24px}.dashboard-header-label{font-size:6px}.dashboard-tabs a{font-size:9px}.dashboard-tabs a>.icon:first-child{width:13px;height:13px;flex-basis:13px}}
@media(prefers-reduced-motion:reduce){.dashboard-skeleton>div{animation:none}}