.dashboard-container{max-width:1600px;color:var(--ink-1);margin:0 auto;padding:16px 24px 0;font-family:Roboto,sans-serif;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-tabs{background:var(--bg-3,#ffffff08);border:1px solid var(--border,#ffffff0d);border-radius:100px;gap:4px;margin-bottom:40px;padding:6px;display:inline-flex;box-shadow:inset 0 2px 4px #00000005}.dash-tab{color:var(--ink-2);border-radius:100px;padding:10px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dash-tab.active{background:var(--card,#fff);color:var(--ink-1);font-weight:600;box-shadow:0 4px 12px #00000014}body.dark-theme .dash-tab.active{background:var(--accent,#3b82f6);color:#fff;box-shadow:0 4px 15px #3b82f64d}.dash-tab:hover:not(.active){color:var(--ink-1)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.metric-card{background:var(--card,#fff);border:1px solid var(--border,#0000000d);border-radius:24px;padding:28px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000008}body.dark-theme .metric-card{background:var(--card,#1f2937);border:1px solid #ffffff0d;box-shadow:0 8px 30px #0003}.metric-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000f}body.dark-theme .metric-card:hover{box-shadow:0 20px 40px #0006}.metric-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.metric-title{color:var(--ink-2);letter-spacing:.02em;font-size:.9rem;font-weight:500}.metric-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.icon-revenue{color:#10b981;background:#10b9811a}.icon-orders{color:#3b82f6;background:#3b82f61a}.icon-visitors{color:#8b5cf6;background:#8b5cf61a}.icon-conversion{color:#f59e0b;background:#f59e0b1a}.metric-value{color:var(--ink-1);letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.metric-trend{border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.trend-up{color:#10b981;background:#10b9811a}.trend-down{color:#ef4444;background:#ef44441a}.dash-panel{background:var(--card,#fff);border:1px solid var(--border,#0000000d);border-radius:28px;margin-bottom:32px;padding:32px;box-shadow:0 10px 40px #00000008}.dash-panel:last-child{margin-bottom:0}body.dark-theme .dash-panel{background:var(--card,#1f2937);border:1px solid #ffffff0d;box-shadow:0 10px 40px #0003}.panel-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.panel-title{color:var(--ink-1);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.media-table{border-collapse:separate;border-spacing:0 12px;width:100%}.media-table th{text-align:left;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:0 24px 12px;font-size:.85rem;font-weight:500}.media-row{background:var(--bg-2,#fafafa);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-theme .media-row{background:var(--bg-2,#111827)}.media-row:hover{background:var(--card,#fff);transform:scale(1.01)translateY(-2px);box-shadow:0 12px 24px #0000000f}body.dark-theme .media-row:hover{background:var(--card,#1f2937);box-shadow:0 12px 24px #0000004d}.media-row td{vertical-align:middle;padding:16px 24px}.media-row td:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.media-row td:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.video-cell{align-items:center;gap:20px;display:flex}.media-thumb{object-fit:cover;border-radius:12px;width:72px;height:96px;transition:transform .3s;box-shadow:0 4px 12px #0000001a}.media-row:hover .media-thumb{transform:scale(1.05)}.video-meta-info{flex-direction:column;gap:6px;display:flex}.video-title{color:var(--ink-1);font-size:1.05rem;font-weight:600}.video-date{color:var(--ink-2);font-size:.85rem}.stat-val{color:var(--ink-1);font-size:1.1rem;font-weight:600}.engagement-drawer{-webkit-backdrop-filter:blur(40px);z-index:1000;background:#ffffffb3;border-left:1px solid #fff3;flex-direction:column;width:450px;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-450px;box-shadow:-20px 0 50px #00000014}body.dark-theme .engagement-drawer{background:#111827b3;border-left:1px solid #ffffff0d;box-shadow:-20px 0 50px #00000080}.engagement-drawer.open{right:0}.drawer-header{justify-content:space-between;align-items:center;padding:32px 32px 24px;display:flex}.drawer-header h3{color:var(--ink-1);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.close-drawer{background:var(--bg-3,#0000000d);color:var(--ink-1);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}body.dark-theme .close-drawer{background:#ffffff1a}.close-drawer:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.drawer-body{flex-grow:1;padding:0 32px 32px;overflow-y:auto}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.reaction-bar{border-radius:100px;height:12px;margin-top:16px;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.bar-likes{background:linear-gradient(90deg,#10b981,#34d399)}.bar-saves{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-shares{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.reaction-legend{color:var(--ink-2);justify-content:space-between;margin-bottom:40px;font-size:.9rem;font-weight:500;display:flex}.reaction-legend span{align-items:center;gap:6px;display:flex}.comment-item{background:var(--card);border:1px solid var(--border);border-radius:20px;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 12px #00000005}.comment-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 8px #0000001a}.comment-content{flex-grow:1}.comment-user{color:var(--ink-1);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.95rem;font-weight:600;display:flex}.comment-time{color:var(--ink-2);background:var(--bg-3);border-radius:100px;padding:4px 10px;font-size:.8rem;font-weight:400}.comment-text{color:var(--ink-1);opacity:.9;font-size:.95rem;line-height:1.5}.drawer-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);opacity:0;background:#0003;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;display:block}@media (width<=1024px){.dashboard-row{grid-template-columns:1fr}.dashboard-container{padding:20px}.media-table{white-space:nowrap;display:block;overflow-x:auto}}@media (width<=768px){.engagement-drawer{width:100%;right:-100%}}.payout-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:none;position:fixed;top:0;left:0}.payout-modal-overlay.open{opacity:1;display:flex}.payout-modal-card{background:var(--card,#fff);border:1px solid var(--border,#ffffff1a);border-radius:24px;width:90%;max-width:520px;padding:32px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}.payout-modal-overlay.open .payout-modal-card{transform:scale(1)}body.dark-theme .payout-modal-card{background:#111827;border:1px solid #ffffff1a}.ledger-filter-pill{color:var(--ink-2);background:var(--bg-2,#ffffff08);border:1px solid var(--border);border-radius:9999px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.ledger-filter-pill:hover{color:var(--ink-1);border-color:var(--accent,#3b82f6)}.ledger-filter-pill.active{background:var(--accent,#3b82f6);border-color:var(--accent,#3b82f6);box-shadow:0 4px 12px #3b82f640;color:#fff!important}