body{background:linear-gradient(135deg,#f8fafc,#eef2f7);margin:0;font-family:Inter,sans-serif}.dashboard-2025{padding:24px;display:flex;flex-direction:column;gap:24px}.metrics-row,.charts-row,.tables-row{display:grid;gap:24px}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-row,.tables-row{grid-template-columns:2fr 1fr}.metric-card{padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.metric-card .label{font-size:14px;color:#64748b}.metric-card .value{font-size:28px;font-weight:700}.glass{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.positive{background:linear-gradient(145deg,#3b82f626,#6366f126)}.negative{background:linear-gradient(145deg,#ef444426,#fbbf2426)}.chart-card,.table-card{padding:20px;border-radius:20px;min-height:300px;transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover,.table-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.label{font-size:16px;font-weight:600;margin-bottom:12px}.chart-placeholder,.table-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;border:2px dashed #cbd5e1;border-radius:12px;padding:20px}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}:root{--bg: #0b1020;--card: #11172a;--muted: #8a94a6;--text: #e6ebf5;--primary: #3b82f6;--primary-hover: #2563eb;--error: #ef4444;--ring: rgba(59,130,246,.35);--shadow: 0 10px 30px rgba(0,0,0,.35)}html,body,#root{height:100%}.auth-wrapper{min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,#1a2240 0%,transparent 60%),var(--bg);display:grid;place-items:center;padding:32px 16px}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:var(--shadow);padding:28px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-card .brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-card .brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#22d3ee)}.auth-card .brand .title{font-weight:700;letter-spacing:.3px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px;gap:4px;margin-bottom:18px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer}.tabs button.active{color:var(--text);background:#3b82f626;box-shadow:inset 0 0 0 1px #3b82f640}form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted);letter-spacing:.2px}.field input{background:#fff;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:12px;border-radius:10px;outline:none;transition:box-shadow .2s,border-color .2s,background .2s}.field input::placeholder{color:#6b7280}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:10px 12px;border-radius:10px;font-size:14px}button.primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:100%;background:linear-gradient(180deg,var(--primary),var(--primary-hover));color:#fff;padding:12px 14px;border-radius:12px;font-weight:700;letter-spacing:.2px;box-shadow:0 8px 20px #3b82f659;transition:transform .05s ease,filter .2s ease,box-shadow .2s ease}button.primary:hover{filter:brightness(1.05)}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;filter:none}.auth-foot{margin-top:10px;text-align:center;color:var(--muted);font-size:12px}.auth-foot a{color:var(--text);text-decoration:underline}:root{--bg:#f2f3f5;--panel:#ffffff;--muted:#8b9099;--text:#23262d;--line:#eceef2;--brand:#ff6b00;--ok:#1aaf5d;--warn:#f5a623;--shadow:0 8px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;height:56px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:var(--shadow)}.topbar .brand{font-weight:700;margin-left:8px}.topbar .left{display:flex;align-items:center;gap:8px}.topbar .center{flex:1;display:flex;justify-content:center}.topbar .right{display:flex;gap:8px}.search{width:420px;background:#f7f8fa;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.icon-btn{border:0;background:#f7f8fa;border-radius:10px;padding:8px 10px}.ghost{background:#f7f8fa;border:1px solid var(--line);padding:8px 12px;border-radius:12px;cursor:pointer}.primary{background:#0f172a;border:1px solid #0f172a;color:#fff;padding:8px 12px;border-radius:12px;cursor:pointer}.layout{display:flex;gap:20px;padding:20px}.sidebar{width:240px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 96px)}.logo{font-weight:700}nav{display:flex;flex-direction:column;gap:6px}nav .heading{font-size:12px;color:var(--muted);margin-top:8px}nav a{padding:10px 12px;border-radius:10px;color:#3b3f46;text-decoration:none;cursor:pointer}nav a.active,nav a:hover{background:#f7f8fa}.profile{margin-top:auto;border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:12px}.user{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:12px;background:#eceef2;display:grid;place-items:center;font-weight:600}.avatar.small{width:32px;height:32px;border-radius:10px;font-size:12px}.name{font-weight:600}.email,.muted{color:var(--muted);font-size:12px}.switch{display:flex;align-items:center;justify-content:space-between}.content{flex:1}.grid{display:grid;gap:20px}.col.span-2{grid-column:span 2}.col.span-22{grid-column:span 5}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px}.section-actions{display:flex;gap:8px}.kpi{font-size:28px;font-weight:700;display:flex;align-items:center;gap:10px;margin:6px 0 4px}.up{color:var(--ok);font-size:12px}.down{color:#e03131;font-size:12px}.chart{width:100%}.grid line{stroke:var(--line)}.line{stroke:#ff9a33;stroke-width:2.5}.dot{fill:#ff9a33}.bar{fill:#3b82f6}.xlabels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:-8px}.row{display:flex;gap:12px;align-items:center}.row.center{justify-content:center}.legend{display:flex;flex-direction:column;gap:6px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot-orange{background:#ff9a33}.dot-green{background:#16a34a}.donut .track{fill:none;stroke:var(--line);stroke-width:14}.donut .progress{fill:none;stroke:#ff9a33;stroke-width:14;transform:rotate(-90deg);transform-origin:center}.donut-text{font-size:20px;font-weight:700}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{color:var(--muted);font-size:12px;text-align:left;padding:8px}.table td{background:#fafbfc;border:1px solid var(--line);padding:12px;border-left:none;border-right:none}.table tr td:first-child{border-radius:12px 0 0 12px;border-left:1px solid var(--line)}.table tr td:last-child{border-radius:0 12px 12px 0;border-right:1px solid var(--line)}.chip{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;border:1px solid #dbe2ff;color:#3949ab;padding:4px 8px;border-radius:999px;font-size:12px}.chip-warning{background:#fff8e6;border-color:#ffe8b6;color:#996c00}.chip-info{background:#e8f7ff;border-color:#cdefff;color:#0b6b99}.schedule{display:flex;flex-direction:column;gap:10px}.event{display:flex;gap:16px;border:1px dashed var(--line);padding:10px;border-radius:12px}.event .time{width:70px;color:var(--muted)}.event .title{font-weight:600}.event .sub{font-size:12px;color:#4b5563}.event .by{font-size:12px;color:var(--muted)}@media (max-width:1100px){.grid{grid-template-columns:1fr}.col.span-2{grid-column:span 1}.sidebar,.topbar .center{display:none}}.fb-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px}.fb-toolbar{display:flex;gap:8px}.metric-row{display:flex;gap:24px;padding:6px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.metric{min-width:120px}.metric .label{color:var(--muted);font-size:12px}.metric .value{font-weight:800;font-size:18px}.fb-header{display:grid;grid-template-columns:2.2fr 1fr .8fr .9fr 1fr .8fr .8fr .8fr .8fr .8fr .9fr 48px;color:var(--muted);font-size:12px;padding:8px 12px}.fb-row{display:grid;grid-template-columns:2.2fr 1fr .8fr .9fr 1fr .8fr .8fr .8fr .8fr .8fr .9fr 48px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fafbfc}.fb-row+.fb-row{margin-top:8px}.fb-badge{width:32px;height:32px;border-radius:10px;font-size:12px;color:#1f4af1}.fb-name{font-weight:600}.fb-sub{font-size:12px;color:var(--muted)}.fb-status{justify-self:start;margin-left:10px}.fb-right{justify-self:end}.fb-group{border:1px solid var(--line);background:#fff;padding:12px;border-radius:12px;margin-top:10px}.fb-group .fb-row{background:#fff}.fb-as-header{display:grid;grid-template-columns:2fr .8fr .9fr 1fr .8fr .8fr .8fr .8fr .9fr 1fr 48px;color:var(--muted);font-size:12px;padding:8px 12px}.fb-as-row{display:grid;grid-template-columns:2fr .8fr .9fr 1fr .8fr .8fr .8fr .8fr .9fr 1fr 48px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fafbfc;margin-bottom:12px}.fb-as-row+.fb-as-row{margin-top:8px}.fb-cta{border-radius:999px;border:1px solid var(--line);padding:6px 10px;background:#fff}.fb-dotbtn{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.fb-section{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;box-shadow:var(--shadow)}.fb-section+.fb-section{margin-top:12px}.fb-dotbtn{transition:transform .2s ease,border-color .2s ease}.fb-dotbtn .arrow{transition:transform .2s ease;display:inline-block}.fb-creatives{overflow:hidden;max-height:0;transition:max-height .25s ease,padding .25s ease;padding:0 4px}.fb-creatives.open{max-height:800px;padding:10px 4px 26px 50px}.fb-cr-header{display:grid;grid-template-columns:2fr .9fr .9fr .9fr .9fr .9fr 1fr;color:var(--muted);font-size:12px;padding:6px 8px}.fb-cr-row{display:grid;grid-template-columns:2fr .9fr .9fr .9fr .9fr .9fr 1fr;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.fb-cr-row+.fb-cr-row{margin-top:6px}@media (max-width:1100px){.grid{grid-template-columns:1fr}.col.span-2{grid-column:span 1}.sidebar{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.mkt-grid,.mkt-row{grid-template-columns:1fr}}.fb-accounts{padding:16px 18px;border-radius:18px}.acc-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.acc-search{flex:1;height:38px;padding:0 12px;border:1px solid var(--line,#e9edf2);border-radius:12px}.topbar-2025{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background:var(--panel, #fff);border-bottom:1px solid var(--line, #eceff3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar-2025 .brand{font-weight:800;letter-spacing:.2px;float:left;margin-top:12px;margin-right:20px;margin-left:10px}.topbar-2025 .right{display:flex;align-items:center;gap:12px}.search-pill{display:flex;align-items:center;gap:10px;background:#f6f8fb;border:1px solid #e7ebf1;height:44px;padding:0 14px;width:420px;max-width:42vw;border-radius:999px;color:#6b7280}.btn-create{height:44px;padding:0 22px;border-radius:999px;background:#191c22;color:#fff;border:1px solid #191c22;font-weight:700;letter-spacing:.2px;box-shadow:0 6px 16px #0000002e,inset 0 1px #ffffff0f;transition:transform .08s ease,box-shadow .12s ease}.btn-create:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff14}.btn-circle{width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid #e7ebf1;color:#636b75;display:grid;place-items:center;box-shadow:0 1px #10182805 inset}.btn-circle .icon{width:20px;height:20px}.btn-circle:hover{background:#f9fafb}.avatar-32{width:40px;height:40px;border-radius:999px;border:2px solid #fff;box-shadow:0 2px 6px #10182814}.acc-header{position:sticky;top:64px;z-index:2;display:grid;grid-template-columns:2.2fr .9fr .9fr .8fr 1fr 1fr 1.1fr 1.2fr;gap:12px;align-items:center;padding:10px 12px;background:#fff;border-top:1px solid var(--line,#eef1f5);border-bottom:1px solid var(--line,#eef1f5);font-weight:600;color:#343a40;border-radius:12px}.acc-row{display:grid;grid-template-columns:2.2fr .9fr .9fr .8fr 1fr 1fr 1.1fr 1.2fr;gap:12px;align-items:center;padding:14px 12px;border-bottom:1px solid #f0f2f6;border-radius:12px;background:#fff;transition:box-shadow .15s ease,transform .15s ease}.acc-row:hover{box-shadow:0 8px 22px #1018280f;transform:translateY(-1px)}.acc-left{display:flex;align-items:center;gap:10px}.fb-badge{width:32px;height:32px;border-radius:10px;font-size:12px;color:#1f4af1;background:#eaf1ff;display:grid;place-items:center;font-weight:600}.acc-name{font-weight:700}.acc-sub{font-size:12px;color:#8a8f98}.t-right{text-align:right}.status-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-connected{background:#e7f5ff;color:#1677b3}.status-disconnected{background:#fff1e6;color:#b15800}.pixel-pill{padding:6px 10px;border-radius:999px;background:#eaf6ff;color:#0f5aa6;font-size:12px;font-weight:600}.pixel-pill.warning{background:#fff4e0;color:#a36400}.primary-btn{background:#111827;color:#fff;border:none;padding:8px 12px;border-radius:10px}.outline-btn{background:#fff;border:1px solid #d9dee6;padding:8px 12px;border-radius:10px}.acc-stats{display:flex;gap:22px;margin:8px 0 12px;color:#6c727f;font-size:13px}.acc-stats .value{color:#111827;font-weight:800}.bulk-bar{position:sticky;bottom:8px;margin-top:8px;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#111827;color:#fff;padding:10px 12px;border-radius:12px}.toolbar.compact{display:flex;gap:10px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:12px;border:1px solid var(--line, #e9edf2);background:#f7f9fc;color:#1f2430;font-size:14px;line-height:34px;box-shadow:0 1px #10182805 inset}.chip.ghost{background:#fff}.input.chip{width:320px;padding-left:12px;padding-right:12px;border:none;outline:none;background:#f7f9fc}.chip.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.chip.toggle input{width:16px;height:16px;margin:0;accent-color:#1f4af1}.chip:hover{background:#fff;border-color:#e3e8ef}.seg{display:flex}.seg .chip:first-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.table.clean tbody tr:hover td{background:#fafcff}.table.clean th,.table.clean td{padding:10px 12px;vertical-align:middle}.table.clean th{font-size:13px;font-weight:600;color:var(--text-muted);text-align:left}.table.clean td{font-size:14px;color:var(--text-default)}.table.clean .t-right{text-align:right}.fb-header>div,.fb-row>div,.fb-as-header>div,.fb-as-row>div,.fb-cr-header>div,.fb-cr-row>div{padding:10px 12px;vertical-align:middle}.fb-right{text-align:right}.fb-name{font-weight:700}.fb-sub{color:var(--muted)}.fb-dotbtn .arrow{display:inline-block;transition:transform .15s ease}.fb-dotbtn.open .arrow{transform:rotate(90deg)}.fb-cta{padding:6px 12px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;font-size:14px;cursor:pointer}.fb-cta:hover{background:#f3f4f6}.drp-trigger{display:inline-flex;align-items:center;gap:8px;border-radius:12px}.drp-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.drp-popover{position:absolute;top:110%;right:0;z-index:30;background:#fff;border:1px solid #e9edf2;border-radius:16px;box-shadow:0 20px 50px #10182829;overflow:hidden;padding:12px}.drp-presets{display:flex;gap:8px;padding:4px 4px 10px;flex-wrap:wrap}.drp-presets .preset{border:1px solid #e7ebf1;background:#f7f9fc;border-radius:999px;padding:6px 10px;font-size:12px;color:#1f2430}.drp-presets .preset:hover{background:#fff;border-color:#dee4ec}.drp-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.drp .rdrCalendarWrapper{color:#111827}.drp .rdrMonth{padding:8px 10px}.drp .rdrMonthPicker,.drp .rdrYearPicker{gap:6px}.drp .rdrMonthAndYearPickers select{border:1px solid #e7ebf1;border-radius:10px;padding:6px 10px;background:#fff}.drp .rdrWeekDay{color:#9aa1ab;font-weight:600}.drp .rdrDay{height:50px;width:38px;margin:2px}button.rdrDay.rdrDayActive .rdrDayNumber span{color:#000!important}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span{color:#333}.drp .rdrDay.rdrDaySelected,.drp .rdrDay.rdrDayHovered{background:transparent}.drp .rdrSelected{background:#3b82f6!important;border-radius:10px!important}.drp .rdrInRange{background:#3b82f61f!important}.drp .rdrStartEdge,.drp .rdrEndEdge{background:#3b82f6!important}.drp .rdrDateDisplayWrapper{background:#fff;border:none;padding:8px}.drp .rdrDateDisplayItem{border:1px solid #c9d4e2;border-radius:12px;box-shadow:inset 0 1px #1018280a}.drp .rdrPprevButton,.drp .rdrNextButton{background:#f7f9fc!important;border:1px solid #e7ebf1!important;border-radius:12px!important}.drp-popover{padding:12px;border:1px solid #e9edf2;border-radius:16px;box-shadow:0 20px 50px #10182829}.drp .rdrCalendarWrapper,.drp .rdrDateRangeWrapper,.drp .rdrMonths,.drp .rdrMonth{padding:0;margin:0}.drp .rdrWeekDays{margin:8px 10px 4px}.drp .rdrDays{margin:0 10px 8px}.drp .rdrDay{margin:0}.drp .rdrDayNumber{width:36px;height:36px;margin:2px auto;display:flex;align-items:center;justify-content:center;border-radius:10px}.drp .rdrDayNumber span{font-weight:600;color:#111827}.drp .rdrDayStartPreview,.drp .rdrDayInPreview,.drp .rdrDayEndPreview{display:none!important}:root{--drp-blue:#1f4af1;--drp-blue-weak: rgba(31,74,241,.22)}.drp .rdrStartEdge .rdrDayNumber,.drp .rdrEndEdge .rdrDayNumber{background:var(--drp-blue)!important;color:#333!important}.drp .rdrInRange .rdrDayNumber{background:var(--drp-blue-weak)!important;color:#0f1f73!important}.drp .rdrStartEdge{left:2px;height:40px}.drp .rdrStartEdge .rdrDayNumber{border-top-right-radius:0;border-bottom-right-radius:0}.drp .rdrEndEdge .rdrDayNumber{border-top-left-radius:0;border-bottom-left-radius:0}.drp .rdrDayEndSelected .rdrDayNumber,.drp .rdrDayStartSelected .rdrDayNumber{border-radius:10px!important}.drp .rdrDayPassive .rdrDayNumber span{color:#c9cfd8}.drp .rdrMonthAndYearWrapper{padding:8px}.drp .rdrMonthAndYearPickers select{border:1px solid #e1e6ee;border-radius:10px;padding:6px 10px;background:#fff}.drp-actions{padding-top:8px}.toolbar-2025{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;border:1px solid #e7ebf1;background:#f7f9fc;color:#1f2430;font-weight:600;box-shadow:0 1px #10182805 inset}.pill.ghost{background:#fff}.pill.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.pill.toggle input{width:16px;height:16px;margin:0;accent-color:#1f4af1}.search-pill{display:flex;align-items:center;gap:10px;background:#f7f9fc;border:1px solid #e7ebf1;height:44px;padding:0 14px;border-radius:999px;color:#6b7280;width:420px;max-width:42vw}.search-pill .icon{width:18px;height:18px;color:#a3aab5}.search-pill input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#20242c}.search-pill input::placeholder{color:#9aa1ab}.pill:hover,.search-pill:hover{background:#fff;border-color:#e2e7ee;color:#1877f2}.pill:focus-visible,.search-pill:focus-within{outline:2px solid #c9d7ff;outline-offset:2px;border-color:#b9c8ff}.fb-connect-btn{background:#111827;color:#fff;border:1px solid #111827;height:44px;padding:0 16px;border-radius:999px;font-weight:700}.fb-connect-btn:disabled{opacity:.6;cursor:not-allowed}.fb-connected-pill{position:relative;float:left}.fb-connected{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:999px;border:1px solid #e7ebf1;background:#f7f9fc;color:#111827;font-weight:700}.fb-connected .dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98126}.fb-connected img{width:20px;height:20px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e7ebf1}.fb-connected .label{font-weight:600;color:#6b7280;font-size:13px;margin-bottom:0}.fb-connected .name{font-weight:700;font-size:14px}.fb-connected .chev{font-size:12px;color:#6b7280}.fb-dropdown{position:absolute;top:110%;right:0;z-index:20;background:#fff;border:1px solid #e9edf2;border-radius:14px;box-shadow:0 20px 50px #10182829;padding:10px;width:260px}.fb-dropdown .row{display:flex;gap:10px;align-items:center;padding:6px 4px 10px}.fb-dropdown .row img{width:32px;height:32px;border-radius:50%}.fb-dropdown .row .meta .name{font-weight:700}.fb-dropdown .row .meta .sub{font-size:12px;color:#6b7280}.fb-dropdown .danger{width:100%;border:1px solid #fee2e2;background:#fff5f5;color:#b91c1c;padding:8px 10px;border-radius:10px;font-weight:700}.fb-dropdown .danger:hover{background:#ffecec}.pad.muted{margin:50px 47%}.g-connected .dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98126}