body.dashboard-mode{background:#f8f5f1;color:#40362e;font-family:Heebo,Arial,sans-serif;padding-right:224px}body.dashboard-mode>header{display:none}body.dashboard-mode>main{max-width:1600px;padding:30px 36px;margin:0 auto}.dash-sidebar{position:fixed;right:0;top:0;bottom:0;width:224px;background:white;border-left:1px solid #efecea;padding:28px 20px;display:flex;flex-direction:column;z-index:110}.dash-logo{color:#b18260;font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1.5px;margin:0 12px 32px;direction:ltr;text-align:right}.dash-sidebar nav{display:grid;gap:8px}.dash-sidebar nav a{color:#807771;text-decoration:none;padding:13px 14px;border-radius:9px;font-size:14px;display:flex;gap:13px;align-items:center}.dash-sidebar nav a[aria-current=page]{background:#f9f5f3;color:#b08160;font-weight:700}.dash-sidebar nav a:hover{background:#f8f6f4}.dash-upgrade{margin-top:auto;border:1px solid #f3ebe6;border-radius:12px;background:#fcfaf8;padding:16px;font-size:13px}.dash-upgrade p{color:#918882}.dash-upgrade a{display:block;text-align:center;background:#b28464;color:white;border-radius:7px;padding:9px;text-decoration:none}.dash-topbar{height:76px;background:white;border-bottom:1px solid #efecea;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.dash-search{position:relative;width:min(420px,50%)}.dash-search input{width:100%;background:#fbf9f8;border:1px solid #efecea;border-radius:9px;padding:11px 15px;font:inherit;font-size:13px}.dash-search-results{position:absolute;top:48px;right:0;left:0;background:white;box-shadow:0 10px 30px #4d3e3322;max-height:320px;overflow:auto;z-index:120;border-radius:8px}.dash-search-results a,.dash-search-results p{display:block;padding:10px 14px;color:#60544c;text-decoration:none;font-size:13px}.dash-profile{display:flex;align-items:center;gap:13px;font-size:13px}.dash-avatar{border-radius:50%;background:#f8f4f1;color:#b28464;padding:9px 13px;font-weight:700}.dash-profile a,.dash-profile button{color:#827972;background:white;border:0;padding:5px;font:inherit;text-decoration:none;cursor:pointer}.dash-welcome{display:flex;justify-content:space-between;gap:32px;margin:4px 0 26px}.dash-eyebrow{font-size:12px;color:#9f9893}.dash-welcome h1{font-size:29px;margin:7px 0 8px;color:#382e27}.dash-welcome p{color:#908781;font-size:14px;line-height:1.8;margin:0 0 18px}.dash-actions{display:flex;gap:12px}.dash-primary,.dash-outline{display:inline-block;text-decoration:none;border-radius:7px;font-size:13px;padding:11px 21px;font-weight:600}.dash-primary{background:#80593f;color:white}.dash-outline{background:white;border:1px solid #e8e4e1;color:#73675f}.dash-tip{background:#f9f5f3;border:1px solid #f2ebe6;border-radius:12px;padding:18px 20px;max-width:320px;font-size:13px;color:#af8262}.dash-tip p{font-size:12px;margin:8px 0}.dash-tip a{color:#a37656;text-decoration:none}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.dash-metric,.dash-card{border:1px solid #eeebe9;background:white;border-radius:12px;padding:20px;box-shadow:0 2px 3px #5a453603}.dash-metric{display:flex;justify-content:space-between;align-items:flex-start}.dash-metric span{font-size:12px;color:#908781}.dash-metric strong{display:block;font-size:29px;line-height:1.8;color:#40362e}.dash-metric small{font-size:11px;color:#9e9691}.dash-metric-icon{background:#f9f5f3;border-radius:10px;color:#b5896a;padding:10px;font-size:20px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.dash-heading h2{font-size:16px;margin:0;font-weight:700}.dash-heading a{color:#b58868;text-decoration:none;font-size:12px}.dash-heading select{font:inherit;font-size:11px;border:1px solid #ece9e7;background:white;color:#867d76;padding:8px;border-radius:7px}.dash-templates{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dash-template{border:1px solid #eeebe9;border-radius:8px;overflow:hidden;text-decoration:none;color:#524841;background:#fcfbfb}.dash-template img{width:100%;height:142px;object-fit:cover;object-position:top;display:block}.dash-template span{display:flex;justify-content:space-between;padding:12px;font-size:12px;background:white}.dash-template small{color:#b78c6e}.dash-bottom{display:grid;grid-template-columns:0.9fr 1.1fr;gap:24px;margin-top:24px}.dash-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.dash-table th{color:#a9a39f;font-weight:400;text-align:right;padding:10px 8px;background:#fcfbfb}.dash-table td{border-bottom:1px solid #f5f3f2;padding:15px 8px}.dash-table a{color:#b48868;text-decoration:none}.dash-table-scroll{overflow:auto}.dash-published{color:#239969;background:#eaf8f0;border-radius:20px;padding:4px 9px}.dash-draft{color:#9c9692;background:#f6f4f3;border-radius:20px;padding:4px 9px}.dash-chart-counts{display:flex;gap:24px;font-size:11px;color:#958d87}.dash-chart-counts strong{display:block;font-size:23px;color:#4c4139}.dash-chart-counts i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.dash-chart-svg{width:100%;height:auto;display:block;margin-top:18px}.dash-muted{font-size:11px;color:#a59e99;margin-bottom:0}.dash-empty{text-align:center;padding:25px;color:#a09893;font-size:13px}#dash-status:empty{display:none}.dash-shell[hidden]{display:none!important}@media(min-width:1600px){.dash-template img{height:170px}}@media(max-width:1100px){body.dashboard-mode{padding-right:190px}.dash-sidebar{width:190px;padding:22px 12px}body.dashboard-mode>main{padding:24px}.dash-bottom{grid-template-columns:1fr}.dash-metrics{gap:10px}.dash-metric{padding:14px}.dash-tip{max-width:250px}.dash-template img{height:110px}}@media(max-width:760px){body.dashboard-mode{padding-right:0}.dash-sidebar{position:static;width:auto;padding:14px;border-left:0;border-bottom:1px solid #efecea}.dash-logo{font-size:25px;margin:0 0 10px}.dash-sidebar nav{display:flex;overflow:auto;gap:6px}.dash-sidebar nav a{white-space:nowrap;padding:9px;font-size:12px}.dash-sidebar nav a span{display:none}.dash-upgrade{display:none}.dash-topbar{height:64px;padding:0 16px;gap:8px}.dash-profile{gap:6px}.dash-profile-name{display:none}.dash-search{width:65%}body.dashboard-mode>main{padding:20px 16px}.dash-welcome{display:block}.dash-welcome h1{font-size:25px}.dash-tip{max-width:none;margin-top:20px}.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-templates{grid-template-columns:repeat(2,1fr);gap:12px}.dash-template img{height:130px}.dash-card{padding:16px}.dash-actions{flex-wrap:wrap}.dash-profile button{font-size:11px}}
.dash-bottom > .dash-card{min-width:0}.dash-chart-counts{flex-wrap:wrap}.dash-sidebar nav{min-width:0}
body.dashboard-mode{padding-right:0}
.dash-shell{position:sticky;top:0;z-index:110}
.dash-sidebar{position:static;inset:auto;width:100%;box-sizing:border-box;padding:18px 36px;display:flex;flex-direction:row;align-items:center;gap:32px;border-left:0;border-bottom:1px solid #efecea;background:white}
.dash-logo{flex-shrink:0;margin:0;color:#80593f;font:800 20px/1.4 Arial,sans-serif;letter-spacing:2px;direction:rtl;order:-1}
.dash-sidebar nav{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px}
.dash-sidebar nav a{white-space:nowrap;padding:10px 12px}
.dash-upgrade{display:none}
@media(max-width:1100px){.dash-sidebar{width:100%;padding:16px 24px;gap:20px}.dash-sidebar nav a{padding:9px;font-size:13px}}
@media(max-width:760px){.dash-sidebar{padding:14px 16px;flex-wrap:wrap;gap:10px}.dash-logo{margin:0;font-size:20px}.dash-sidebar nav{flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.dash-sidebar nav a{flex-shrink:0}.dash-shell{position:static}}
.dash-sidebar>.dash-profile{margin-right:auto;flex-shrink:0}
body.dashboard-mode #account-settings{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start;direction:rtl}
body.dashboard-mode #account-settings[hidden]{display:none}
body.dashboard-mode #account-settings>.personal-tabs{grid-column:1;grid-row:1 / span 3;position:sticky;top:98px;display:flex;flex-direction:column;gap:10px;margin:0;padding:18px 12px;border:1px solid #efecea;border-radius:12px;background:white;min-height:210px}
body.dashboard-mode #account-settings>.personal-tabs button{text-align:right;padding:14px 16px;width:100%;border-radius:9px;white-space:normal}
body.dashboard-mode #account-settings>section{grid-column:2;grid-row:1;min-width:0}
@media(max-width:760px){body.dashboard-mode #account-settings{grid-template-columns:130px minmax(0,1fr);gap:12px}body.dashboard-mode #account-settings>.personal-tabs{top:12px;padding:10px 6px}body.dashboard-mode #account-settings>.personal-tabs button{padding:12px 8px;font-size:12px}}
@media(max-width:1100px){.dash-sidebar{gap:14px}.dash-sidebar nav{gap:2px}.dash-profile{gap:8px}}
@media(max-width:760px){.dash-sidebar>.dash-profile{order:0}.dash-sidebar nav{order:1}.dash-profile-name{display:inline}.dash-sidebar>.dash-profile{font-size:12px;gap:6px}}
body.dashboard-mode{padding-right:234px}
body.dashboard-mode .dash-sidebar{width:calc(100% + 234px);margin-right:-234px}
.dash-account-sidebar{position:fixed;right:0;top:var(--dashboard-nav-height,78px);bottom:0;width:210px;box-sizing:border-box;padding:20px 12px;background:white;border-left:1px solid #efecea;overflow-y:auto;direction:ltr}
.dash-account-sidebar .personal-tabs{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;direction:rtl}
.dash-account-sidebar .personal-tabs button{width:100%;padding:14px 12px;text-align:right;border-radius:9px;white-space:normal}
body.dashboard-mode #account-settings{display:block}
body.dashboard-mode #account-settings[hidden]{display:none}
@media(max-width:760px){body.dashboard-mode{padding-right:140px}body.dashboard-mode .dash-sidebar{width:calc(100% + 140px);margin-right:-140px}.dash-account-sidebar{width:130px;padding:14px 6px}.dash-account-sidebar .personal-tabs button{font-size:12px;padding:12px 8px}body.dashboard-mode>main{padding:16px 10px}.dash-templates,.dash-metrics{grid-template-columns:1fr}.dash-actions{flex-direction:column}}
.dash-template-categories{direction:rtl;border-top:1px solid #efecea;margin-top:18px;padding-top:14px}
.dash-template-categories[hidden]{display:none!important}
.dash-template-categories h2{font-size:14px;color:#80593f;margin:0 6px 12px}
.dash-account-sidebar #template-categories{display:flex;flex-direction:column;gap:8px!important;margin:0!important}
.dash-account-sidebar #template-categories button{width:100%;text-align:right;white-space:normal;padding:11px 10px;font-size:13px}
@media(max-width:760px){.dash-account-sidebar #template-categories button{font-size:12px;padding:10px 7px}}
.dash-account-sidebar{scrollbar-width:none!important}
.dash-account-sidebar::-webkit-scrollbar{display:none!important}
.dash-account-sidebar:has(.dash-template-categories:not([hidden])){direction:rtl;overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto!important;scrollbar-color:#80593f #f9f5f3}
.dash-account-sidebar:has(.dash-template-categories:not([hidden]))::-webkit-scrollbar{display:block!important;width:10px!important}
.dash-account-sidebar:has(.dash-template-categories:not([hidden]))::-webkit-scrollbar-track{background:#f9f5f3;border-radius:6px}
.dash-account-sidebar:has(.dash-template-categories:not([hidden]))::-webkit-scrollbar-thumb{background:#80593f;border:2px solid #f9f5f3;border-radius:6px;min-height:160px}
.dash-account-sidebar:has(.dash-template-categories:not([hidden]))::-webkit-scrollbar-thumb:hover{background:#68452f}
.dash-sidebar>.dash-profile{padding-left:52px}
.dash-account-sidebar[hidden],.dash-account-sidebar .personal-tabs[hidden]{display:none!important}
body.dashboard-mode:not([data-dashboard-side-panel]){padding-right:0}
body.dashboard-mode:not([data-dashboard-side-panel]) .dash-sidebar{width:100%;margin-right:0}
.dash-account-sidebar:has(.personal-tabs[hidden]){padding-top:20px}
.dash-template-categories{margin-top:18px;padding-top:14px;border-top:1px solid #efecea}
.dash-template-categories{margin-top:0;padding-top:0;border-top:0}
.dash-template-categories h2{display:none}
.dash-account-sidebar:has(.personal-tabs[hidden]){padding-top:12px}
.dash-logo{direction:ltr;font:800 20px/1.4 Arial,sans-serif;letter-spacing:2px;color:#80593f}
.dash-sidebar nav a[hidden]{display:none!important}
/* Reserve the same viewport scrollbar space across short and long screens. */
html:has(body.dashboard-mode){scrollbar-gutter:auto;overflow-y:scroll;scrollbar-width:none!important}
html:has(body.dashboard-mode)::-webkit-scrollbar{display:none!important;width:0!important}
.dashboard-scrollbar{display:none}
body.dashboard-mode>.dashboard-scrollbar{display:block;position:fixed;right:0;top:0;bottom:0;width:10px;background:#f9f5f3;z-index:1000;direction:ltr;touch-action:none}
.dashboard-scroll-thumb{position:absolute;top:0;left:0;width:10px;height:256px;min-height:256px;max-height:256px;border-radius:6px;background:#80593f;touch-action:none;cursor:grab}
.dashboard-scroll-thumb:active{cursor:grabbing}
.dashboard-scroll-thumb:focus-visible{outline:2px solid #80593f;outline-offset:2px}
.dashboard-scrollbar,.dashboard-scrollbar *{user-select:none!important;-webkit-user-select:none!important}
html[data-scrollbar-dragging],html[data-scrollbar-dragging] *{user-select:none!important;-webkit-user-select:none!important}
