.dashboard-banner{width:100%;height:calc(220px - var(--app-header-height));margin-bottom:calc(var(--base)*1.5);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:1440px){.dashboard-banner{height:calc(320px - var(--app-header-height));margin-bottom:calc(var(--base)*3.5)}}@media(max-width:1024px){.dashboard-banner{height:calc(300px - var(--app-header-height));margin-bottom:calc(var(--base)*3)}}@media(max-width:768px){.dashboard-banner{height:calc(260px - var(--app-header-height));margin-bottom:calc(var(--base)*2.5)}}@media(max-width:480px){.dashboard-banner{height:calc(200px - var(--app-header-height));margin-bottom:calc(var(--base)*1.5)}}.dashboard-banner__wrap{justify-content:center}.dashboard-banner__image-wrap,.dashboard-banner__wrap{position:relative;width:100%;height:100%;display:flex;align-items:center}.dashboard-banner__image-wrap{background:linear-gradient(135deg,var(--theme-elevation-0) 0,var(--theme-elevation-50) 25%,var(--theme-elevation-100) 50%,var(--theme-elevation-150) 75%,var(--theme-elevation-200) 100%);border-radius:var(--style-radius-l);margin:0 calc(var(--gutter-h)*.5);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid var(--theme-elevation-100);transition:all .3s ease;justify-content:space-between;padding:calc(var(--base)*2) calc(var(--base)*2.5)}@media(max-width:1440px){.dashboard-banner__image-wrap{margin:0 calc(var(--gutter-h)*1.5);background:linear-gradient(135deg,var(--theme-elevation-0) 0,var(--theme-elevation-50) 20%,var(--theme-elevation-100) 40%,var(--theme-elevation-150) 60%,var(--theme-elevation-200) 80%,var(--theme-elevation-250) 100%)}}@media(max-width:1024px){.dashboard-banner__image-wrap{margin:0 calc(var(--gutter-h)*1.25)}}@media(max-width:768px){.dashboard-banner__image-wrap{margin:0 calc(var(--gutter-h)*.75)}}@media(max-width:480px){.dashboard-banner__image-wrap{margin:0 calc(var(--gutter-h)*.25);border-radius:var(--style-radius-m)}}.dashboard-banner__image-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);border-radius:inherit;pointer-events:none}.dashboard-banner__image-wrap:after{content:"";position:absolute;top:20px;right:20px;width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%;pointer-events:none}@media(max-width:480px){.dashboard-banner__image-wrap:after{width:40px;height:40px;top:15px;right:15px}}.dashboard-banner__content{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:2;position:relative}.dashboard-banner__greeting{flex:1}.dashboard-banner__welcome{font-size:calc(var(--base)*1.5);font-weight:700;color:var(--theme-elevation-800);margin:0 0 calc(var(--base)*.25) 0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width:1440px){.dashboard-banner__welcome{font-size:calc(var(--base)*1.75)}}@media(max-width:1024px){.dashboard-banner__welcome{font-size:calc(var(--base)*1.75)}}@media(max-width:768px){.dashboard-banner__welcome{font-size:calc(var(--base)*1.5)}}@media(max-width:480px){.dashboard-banner__welcome{font-size:calc(var(--base)*1.25);margin-bottom:calc(var(--base)*.125)}}.dashboard-banner__subtitle{font-size:calc(var(--base)*.75);font-weight:400;color:var(--theme-elevation-600);margin:0;opacity:.9}@media(max-width:480px){.dashboard-banner__subtitle{font-size:calc(var(--base)*.7);display:none}}.dashboard-banner__datetime{text-align:right;min-width:200px}@media(max-width:480px){.dashboard-banner__datetime{min-width:140px}}.dashboard-banner__time{font-size:calc(var(--base)*1.25);font-weight:600;color:var(--theme-elevation-800);margin-bottom:calc(var(--base)*.125);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:1440px){.dashboard-banner__time{font-size:calc(var(--base)*1.5)}}@media(max-width:1024px){.dashboard-banner__time{font-size:calc(var(--base)*1.4)}}@media(max-width:768px){.dashboard-banner__time{font-size:calc(var(--base)*1.25)}}@media(max-width:480px){.dashboard-banner__time{font-size:calc(var(--base)*1);margin-bottom:calc(var(--base)*.0625)}}.dashboard-banner__date{font-size:calc(var(--base)*.7);font-weight:500;color:var(--theme-elevation-600);opacity:.9;text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.dashboard-banner__date{font-size:calc(var(--base)*.65)}}@media(max-width:1440px){.dashboard-banner__image-wrap{padding:calc(var(--base)*2.5) calc(var(--base)*3.5)}}@media(max-width:1024px){.dashboard-banner__image-wrap{padding:calc(var(--base)*2.5) calc(var(--base)*3.5)}}@media(max-width:768px){.dashboard-banner__image-wrap{padding:calc(var(--base)*2) calc(var(--base)*3)}}@media(max-width:480px){.dashboard-banner__image-wrap{padding:calc(var(--base)*1.5) calc(var(--base)*2)}.dashboard-banner__content{flex-direction:column;align-items:flex-start;gap:calc(var(--base)*.5)}.dashboard-banner__datetime{text-align:left;min-width:auto;align-self:flex-end}}.feature-card{background:linear-gradient(135deg,var(--theme-elevation-0) 0,var(--theme-elevation-25) 50%,var(--theme-elevation-50) 100%);width:100%;min-height:calc(var(--base)*5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:calc(var(--base)*1.5);border-radius:var(--style-radius-l);border:1px solid var(--theme-elevation-150);padding:calc(var(--base)*2) calc(var(--base)*2.5);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.08);overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 50%,rgba(0,0,0,.02));border-radius:inherit;pointer-events:none}.feature-card__title{font-family:var(--font-body);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--theme-elevation-750);margin:0 0 calc(var(--base)*.5) 0;transition:color .2s ease;position:relative;z-index:2}@media(max-width:1440px){.feature-card__title{font-size:calc(var(--base)*.95);margin-bottom:calc(var(--base)*.75)}}@media(max-width:1024px){.feature-card__title{font-size:calc(var(--base)*.9)}}@media(max-width:768px){.feature-card__title{font-size:calc(var(--base)*.85)}}@media(max-width:480px){.feature-card__title{font-size:calc(var(--base)*.8);margin-bottom:calc(var(--base)*.5)}}.feature-card__actions{position:relative;z-index:2;display:inline-flex}.feature-card__actions .btn{margin:0;flex-shrink:0}.feature-card__actions .btn__icon{border:1px solid var(--theme-border-color);transition-property:border,box-shadow,color,background;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1)}.feature-card__actions .btn__icon:hover{border:1px solid var(--theme-elevation-500);background-color:var(--theme-elevation-0);color:currentColor;box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.04)}.feature-card--has-onclick{cursor:pointer}.feature-card--has-onclick:hover{border-color:var(--theme-success-300);box-shadow:0 12px 40px rgba(0,0,0,.12),0 6px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);transform:translateY(-2px)}.feature-card--has-onclick:hover .feature-card__title{color:var(--theme-success-600)}.feature-card--has-onclick:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 50%,rgba(0,0,0,.01))}.feature-card--has-onclick:active{transform:translateY(0);box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.feature-card__click{z-index:1;top:0;left:0;width:100%;height:100%;position:absolute;margin:0;border-radius:inherit}.feature-card__count{font-weight:700;font-size:calc(var(--base)*1.5);color:var(--theme-success-500);line-height:1;letter-spacing:-.02em;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:1440px){.feature-card__count{font-size:calc(var(--base)*1.75)}}@media(max-width:1024px){.feature-card__count{font-size:calc(var(--base)*1.6)}}@media(max-width:768px){.feature-card__count{font-size:calc(var(--base)*1.4)}}@media(max-width:480px){.feature-card__count{font-size:calc(var(--base)*1.3)}}@media(max-width:1440px){.feature-card{padding:calc(var(--base)*2.5) calc(var(--base)*3);min-height:calc(var(--base)*6)}}@media(max-width:1024px){.feature-card{padding:calc(var(--base)*2.25) calc(var(--base)*2.75);min-height:calc(var(--base)*5.5)}}@media(max-width:768px){.feature-card{padding:calc(var(--base)*2) calc(var(--base)*2.5);min-height:calc(var(--base)*5)}}@media(max-width:480px){.feature-card{padding:calc(var(--base)*1.75) calc(var(--base)*2);min-height:calc(var(--base)*4.5);border-radius:var(--style-radius-m)}}.theme-toggle{gap:8px;background:var(--theme-elevation-0,#fff);border-radius:50px;padding:6px}.theme-toggle,.theme-toggle__button,.theme-toggle__button--active{display:flex;align-items:center;border:1px solid var(--theme-elevation-100,#eee)}.theme-toggle__button,.theme-toggle__button--active{background:var(--theme-elevation-50,#f8f8f8);border-radius:50%;justify-content:center;transition:background .2s,border .2s,color .2s;cursor:pointer;color:var(--theme-elevation-700,#222);width:35px;height:35px;padding:0}.theme-toggle__button--active:hover,.theme-toggle__button:hover{border:1.5px solid var(--primary,#4169e1);color:var(--primary,#4169e1)}.theme-toggle__button--active{background:var(--primary,#4169e1);color:#fff}.admin-header{width:100%;height:var(--app-header-height,64px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:var(--theme-elevation-0,#fff);border-bottom:1px solid var(--theme-elevation-100,#eee);z-index:10}.admin-header__left{display:flex;align-items:center;min-width:200px}@media(max-width:640px){.admin-header__left{display:none}}.admin-header__center{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500;color:var(--theme-elevation-700,#222)}.admin-header__right{display:flex;align-items:center;gap:1rem}.admin-header__user-section{display:flex;align-items:center;gap:.5rem}.admin-header__logout{border:1px solid var(--theme-elevation-100,#eee);background:var(--theme-elevation-50,#f8f8f8);border-radius:50px;display:flex;align-items:center;justify-content:center;transition:background .2s,border .2s,color .2s;cursor:pointer;color:var(--theme-elevation-700,#222);width:100px;height:35px;padding:0}.admin-header__logout:hover{border:1.5px solid var(--primary,#0070f3);color:var(--primary,#0070f3)}.page-creator__container{width:100%;padding:0 2rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start}@media(min-width:1024px){.page-creator__container{padding-left:3rem}}@media(min-width:1280px){.page-creator__container{padding-left:4rem}}.page-creator__button{background:var(--theme-elevation-50,#f8f8f8);border:1px solid var(--theme-elevation-100,#eee);color:var(--theme-elevation-700,#222);border-radius:8px;padding:.75rem 1.25rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;min-width:fit-content}.page-creator__button:hover{background:var(--theme-elevation-100,#f0f0f0);border-color:var(--theme-elevation-200,#ddd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-creator__button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.1)}.page-creator__button .icon{width:16px;height:16px;color:var(--theme-elevation-600,#666)}.page-creator__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);padding:1rem}.page-creator__modal-content{background:var(--theme-elevation-0,#fff);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--theme-elevation-100,#eee)}.page-creator__modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--theme-elevation-100,#eee);background:var(--theme-elevation-50,#f8f8f8);border-radius:12px 12px 0 0}.page-creator__modal-header-title{display:flex;align-items:center;justify-content:space-between;margin:0}.page-creator__modal-header-title .title-content{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--theme-elevation-800,#1a1a1a)}.page-creator__modal-header-title .title-content .icon{width:20px;height:20px;color:var(--primary,#0070f3)}.page-creator__modal-header-title .close-button{background:rgba(0,0,0,0);border:none;color:var(--theme-elevation-500,#888);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.25rem;line-height:1}.page-creator__modal-header-title .close-button:hover{background:var(--theme-elevation-100,#f0f0f0);color:var(--theme-elevation-700,#222)}.page-creator__modal-body{padding:2rem;overflow-y:auto;flex:1}.page-creator__modal-body .form-section{margin-bottom:2rem}.page-creator__modal-body .form-section:last-child{margin-bottom:0}.page-creator__modal-body .form-section .section-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--theme-elevation-700,#222);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.page-creator__modal-body .form-section .input-field,.page-creator__modal-body .form-section .textarea-field{width:100%;padding:.875rem 1rem;border:2px solid var(--theme-elevation-200,#ddd);border-radius:8px;font-size:.875rem;transition:all .2s ease;background:var(--theme-elevation-0,#fff);color:var(--theme-elevation-800,#1a1a1a)}.page-creator__modal-body .form-section .input-field:focus,.page-creator__modal-body .form-section .textarea-field:focus{outline:none;border-color:var(--primary,#0070f3);box-shadow:0 0 0 3px rgba(0,112,243,.1)}.page-creator__modal-body .form-section .input-field::placeholder,.page-creator__modal-body .form-section .textarea-field::placeholder{color:var(--theme-elevation-400,#aaa)}.page-creator__modal-body .form-section .textarea-field{min-height:300px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5;resize:vertical}.page-creator__modal-body .form-section .load-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.page-creator__modal-body .form-section .load-buttons .load-button{background:var(--theme-elevation-100,#f0f0f0);border:1px solid var(--theme-elevation-200,#ddd);color:var(--theme-elevation-700,#222);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.page-creator__modal-body .form-section .load-buttons .load-button:hover{background:var(--theme-elevation-200,#e0e0e0);border-color:var(--theme-elevation-300,#ccc)}.page-creator__modal-body .form-section .load-buttons .load-button:active{transform:translateY(1px)}.page-creator__modal-body .alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.page-creator__modal-body .alert--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.page-creator__modal-body .alert--success .icon{color:#16a34a}.page-creator__modal-body .alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.page-creator__modal-body .alert--error .icon{color:#dc2626}.page-creator__modal-body .alert .icon{width:16px;height:16px;flex-shrink:0}.page-creator__modal-body .action-buttons{display:flex;gap:1rem;margin-top:2rem}.page-creator__modal-body .action-buttons .create-button{flex:1;background:var(--primary,#0070f3);border:none;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.page-creator__modal-body .action-buttons .create-button:hover:not(:disabled){background:var(--primary-dark,#0056b3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,243,.3)}.page-creator__modal-body .action-buttons .create-button:active:not(:disabled){transform:translateY(0)}.page-creator__modal-body .action-buttons .create-button:disabled{background:var(--theme-elevation-300,#ccc);cursor:not-allowed;transform:none;box-shadow:none}.page-creator__modal-body .action-buttons .create-button .icon{width:16px;height:16px}.page-creator__modal-body .action-buttons .create-button .spinner{animation:spin 1s linear infinite}.page-creator__modal-body .action-buttons .cancel-button{flex:1;background:var(--theme-elevation-100,#f0f0f0);border:1px solid var(--theme-elevation-200,#ddd);color:var(--theme-elevation-700,#222);padding:1rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.page-creator__modal-body .action-buttons .cancel-button:hover{background:var(--theme-elevation-200,#e0e0e0);border-color:var(--theme-elevation-300,#ccc)}.page-creator__modal-body .action-buttons .cancel-button:active{transform:translateY(1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.page-creator__container{margin-bottom:1rem;padding:0 1rem 0 1.5rem}.page-creator__modal{padding:.5rem}.page-creator__modal-content{max-height:95vh;border-radius:8px}.page-creator__modal-header{padding:1.25rem 1.5rem}.page-creator__modal-header-title .title-content{font-size:1.125rem}.page-creator__modal-body{padding:1.5rem}.page-creator__modal-body .form-section{margin-bottom:1.5rem}.page-creator__modal-body .form-section .load-buttons{flex-direction:column;gap:.5rem}.page-creator__modal-body .form-section .load-buttons .load-button{text-align:center}.page-creator__modal-body .action-buttons{flex-direction:column;gap:.75rem}}.add-color.btn{margin:0;padding:0;border:1px solid #fff}.bfColourPickerFieldWrapper{width:100%;padding:.5rem;margin:0;.react-colorful,.react-colorful__alpha,.react-colorful__hue,.react-colorful__saturation{border-radius:0}.colourPickerWrapper{&.readOnly{&.react-colorful__pointer{&:hover{cursor:not-allowed}}}}&__btn.btn{margin:base(.5);&:first-of-type{margin-left:unset}}.manual-field-input{margin-bottom:1rem}&__colors{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.buttonContainer{display:flex;align-items:center;gap:1rem}.previewField{height:auto;padding:.25rem .75rem}.srOnly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.floatingPicker{position:absolute;z-index:20}.expandedContainer{display:flex;flex-direction:column;gap:1rem}}.chip{border:1px solid var(--theme-elevation-150);height:1.5rem;width:1.5rem;border-radius:var(--style-radius-s);&.chip--selected{box-shadow:0 0 0 1px 1px}&.chip--clickable{cursor:pointer}&:hover{border-color:var(--theme-elevation-250)}&:focus-visible,&:focus-within{border-color:var(--theme-elevation-400)}}.design-style-drawer{display:flex;flex-direction:column;width:100%}.design-style-drawer__search{position:relative;width:100%}.design-style-drawer__search svg{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);height:1.5rem;width:1.5rem;z-index:10;color:#83827d}.design-style-drawer__search div{width:100%}.design-style-drawer__search div input{padding-left:2.5rem}.design-style-drawer__content{margin-top:1.25rem;margin-bottom:0;height:80vh;overflow-y:auto}.design-style-drawer__content--grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.design-style-drawer__content--grid-item{position:relative;width:100%;height:25rem;border:1px solid #dedede;border-radius:8px;overflow:hidden;cursor:pointer!important;transition:all .25s ease-in-out}.design-style-drawer__content--grid-item:hover .design-style-drawer__content--grid-item--caption{bottom:0}.design-style-drawer__content--grid-item.--active{border:2px solid #03fc6b!important}.design-style-drawer__content--grid-item:hover{border:2px solid #fff}.design-style-drawer__content--grid-item--caption{transition:all .25s ease-in-out;position:absolute;z-index:10;bottom:-20%;width:100%;background-image:linear-gradient(0deg,#989a9c,#a7a8aa,#b6b6b7,#c4c4c5,#d3d3d3);padding:8px;color:#fff;text-align:center;font-size:12pt}.slug-field-component .label-wrapper{display:flex;justify-content:space-between;align-items:center}.slug-field-component .lock-button{margin:0;padding-bottom:.3125rem}