@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--kendo-font-family: "Quicksand", sans-serif;--kendo-color-base: #ebebeb;--kendo-color-primary: #5b50e2;--kendo-color-tertiary: #d2dd41;--kendo-color-error: #e61b24;--kendo-color-success: #00846e;--kendo-color-warning: #ffc847;--kendo-color-info: #3ba5f7;--kendo-color-series-a: #e82c33;--kendo-color-series-b: #31a2ed;--kendo-color-series-c: #59c55d;--kendo-color-series-d: #e23c7e;--kendo-color-series-e: #f4cb2a;--kendo-color-series-f: #4b62d2;--panel-gradient: linear-gradient( to bottom, var(--kendo-color-primary) 20.5%, var(--kendo-color-secondary-subtle) 0% );--social-media-management-dashboard-card-bg: color-mix( in oklch, var(--kendo-color-surface-alt) 85%, transparent )}.k-drawer-wrapper ul{padding:var(--kendo-spacing-4)}.k-drawer-container{padding:var(--kendo-spacing-0)}.k-drawer-wrapper{background-color:var(--social-media-management-dashboard-card-bg);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.dashboard-drawer-avatar{width:var(--kendo-spacing-4);height:var(--kendo-spacing-4)}.dashboard-todo-item,.dashboard-todo-label,.dashboard-browser-item,.dashboard-browser-details,.dashboard-browser-stats,.dashboard-social-card,.dashboard-social-card-header,.dashboard-social-icon,.dashboard-appbar-section,.dashboard-panel,.dashboard-panel-header,.dashboard-panel-body--browser,.dashboard-panel-body--scheduled,.dashboard-panel-body--calendar,.dashboard-panel-body--click-rate,.dashboard-panel-footer,.dashboard-chip-list{display:flex}.dashboard-todo-item{justify-content:space-between;padding-inline:var(--kendo-spacing-2);padding-block:var(--kendo-spacing-1)}.dashboard-todo-label{align-items:center}.dashboard-todo-actions{white-space:nowrap}.dashboard-browser-item{gap:var(--kendo-spacing-3);padding:var(--kendo-spacing-2);border-bottom:var(--kendo-spacing-1px) solid var(--kendo-color-border)}.dashboard-browser-details,.dashboard-browser-stats,.dashboard-social-card,.dashboard-panel,.dashboard-panel-body--click-rate{flex-direction:column}.dashboard-browser-details{flex:1}.dashboard-browser-stats{align-items:flex-end}.dashboard-browser-name{font-size:var(--kendo-font-size-md)}.dashboard-browser-time{color:var(--kendo-color-subtle);font-size:var(--kendo-font-size-sm)}.dashboard-browser-change{font-size:var(--kendo-font-size-sm);font-weight:var(--kendo-font-weight-bold)}.dashboard-browser-change--positive{color:var(--kendo-color-success)}.dashboard-browser-change--negative{color:var(--kendo-color-error)}.dashboard-header{display:contents}.dashboard-appbar-section{flex:1 1 0}.dashboard-appbar-section--start{gap:var(--kendo-spacing-2)}.dashboard-appbar-section--center{justify-content:center}.dashboard-appbar-section--end{justify-content:flex-end;gap:var(--kendo-spacing-1\.5)}.dashboard-logo--full,.dashboard-search-box{display:none}.dashboard-logo--compact{display:flex}.dashboard-mobile-search{display:inline-flex}.dashboard-appbar-separator{background-color:var(--kendo-color-border)}.dashboard-greeting,.dashboard-footer{background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary)}.dashboard-title{margin-block:var(--kendo-spacing-0);padding-block:var(--kendo-spacing-6);padding-inline:var(--kendo-spacing-10);font-family:var(--kendo-font-family);font-size:calc(var(--kendo-font-size-xl) * 2.8);font-weight:var(--kendo-font-weight-semibold);line-height:var(--kendo-line-height-md)}.dashboard-content-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:auto;gap:var(--kendo-spacing-4);padding-inline:var(--kendo-spacing-4)}.dashboard-card{overflow:hidden;border:var(--kendo-spacing-1px) solid var(--kendo-color-border);border-radius:var(--kendo-border-radius-xl);background-color:var(--social-media-management-dashboard-card-bg);backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));box-shadow:var(--kendo-elevation-1)}.dashboard-social-card{grid-column:span 1}.dashboard-social-card-header{flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--kendo-spacing-2);padding:var(--kendo-spacing-3)}.dashboard-social-handle,.dashboard-panel-heading{font-size:var(--kendo-font-size-lg);font-weight:var(--kendo-font-weight-bold)}.dashboard-social-metrics{display:flex;flex:1;align-items:center;justify-content:space-between;gap:var(--kendo-spacing-1);padding-inline:var(--kendo-spacing-4);padding-bottom:var(--kendo-spacing-2);font-size:var(--kendo-font-size-sm)}.dashboard-panel-heading{color:var(--kendo-color-primary-on-surface);line-height:var(--kendo-line-height-sm)}.dashboard-panel--todo,.dashboard-panel--browser,.dashboard-panel--calendar,.dashboard-panel--followers,.dashboard-panel--scheduled,.dashboard-panel--half,.dashboard-panel--reach{grid-column:span 1}.dashboard-panel-header{align-items:center;justify-content:space-between;padding:var(--kendo-spacing-4)}.dashboard-panel-header--calendar{justify-content:flex-start}.dashboard-panel-body{flex:1;padding-inline:var(--kendo-spacing-4);padding-bottom:var(--kendo-spacing-4)}.dashboard-panel-body--todo{display:flex;overflow-y:auto}.dashboard-todo-list{width:100%;height:auto;overflow-y:auto;gap:var(--kendo-spacing-1)}.dashboard-panel-body--browser,.dashboard-panel-body--scheduled{overflow:auto}.dashboard-browser-list{flex:1}.dashboard-panel-footer{padding:var(--kendo-spacing-4)}.dashboard-panel-footer--compact{padding-inline:var(--kendo-spacing-4);padding-block:var(--kendo-spacing-3)}.dashboard-panel-body--calendar,.dashboard-panel-body--followers{justify-content:center}.dashboard-panel-body--click-rate{gap:var(--kendo-spacing-2)}.dashboard-chip-list{gap:var(--kendo-spacing-2);padding-inline:var(--kendo-spacing-4);padding-bottom:var(--kendo-spacing-4)}.dashboard-footer{margin-top:var(--kendo-spacing-4);padding-block:var(--kendo-spacing-6);padding-inline:var(--kendo-spacing-10)}.dashboard-footer-copy{margin-block:var(--kendo-spacing-0)}@media(min-width:48rem){.dashboard-logo--full{display:flex}.dashboard-logo--compact,.dashboard-mobile-search{display:none}.dashboard-search-box{display:flex}.dashboard-content-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding-inline:var(--kendo-spacing-6)}.dashboard-social-card{grid-column:span 2}.dashboard-social-metrics{flex-direction:column;gap:var(--kendo-spacing-0)}.dashboard-panel--todo,.dashboard-panel--browser,.dashboard-panel--calendar,.dashboard-panel--followers{grid-column:span 3}.dashboard-panel--scheduled,.dashboard-panel--half,.dashboard-panel--reach{grid-column:span 6}}@media(min-width:75rem){.dashboard-content-grid{grid-template-columns:repeat(12,minmax(0,1fr));padding-inline:var(--kendo-spacing-10)}.dashboard-panel--todo,.dashboard-panel--followers{grid-column:span 4}.dashboard-panel--browser{grid-column:span 5}.dashboard-panel--calendar{grid-column:span 3}.dashboard-panel--scheduled{grid-column:span 8}.dashboard-panel--reach{grid-column:span 12}}.social-media-management-dashboard-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--panel-gradient)}.social-media-management-dashboard-page .k-appbar{flex:none;border-radius:0;--kendo-color-base: var(--kendo-color-primary);--kendo-color-surface: var(--kendo-color-primary);--kendo-color-base-on-surface: var(--kendo-color-on-primary);--kendo-color-on-base: var(--kendo-color-on-primary);--kendo-color-on-surface: var(--kendo-color-on-primary);background-color:var(--kendo-color-primary);color:var(--kendo-color-on-primary);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.social-media-management-dashboard-page .k-drawer-container{flex:1 1 auto;min-height:0;overflow:hidden}.social-media-management-dashboard-page .k-drawer-content{height:100%}.social-media-management-dashboard-page .dashboard-content-grid{position:relative;margin-top:calc(var(--kendo-spacing-6) * -1)}.social-media-management-dashboard-page .dashboard-panel-body--calendar .k-calendar{width:100%;max-width:100%}@media(min-width:75rem){.social-media-management-dashboard-page .dashboard-panel--browser,.social-media-management-dashboard-page .dashboard-panel--calendar{grid-column:span 4}}
