@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--cc-primary:#1c3585;--cc-primary-2:#2a4bb8;--cc-accent:#e99700;--cc-radius:16px;--cc-shadow:0 1px 2px #1018280a, 0 12px 32px -24px #1018284d;--cc-shadow-hover:0 2px 4px #1018280d, 0 18px 40px -20px #10182859;--font-body:"Inter", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--style-radius-s:10px;--style-radius-m:14px;--style-radius-l:18px;--theme-success-500:#16a34a;--theme-warning-500:#d97706;--theme-error-500:#dc2626}html[lang=ar],[dir=rtl]{--font-body:"Cairo", "Inter", -apple-system, "Segoe UI", sans-serif}html[data-theme=dark]{--cc-shadow:0 1px 2px #0000004d, 0 12px 32px -24px #000000b3;--cc-shadow-hover:0 2px 4px #00000059, 0 18px 40px -20px #000c}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:var(--theme-elevation-50)}.nav{background:var(--theme-elevation-0);border-inline-end:1px solid var(--theme-elevation-100)}.nav__wrap{padding-top:calc(var(--base)*.6)}.nav__link{margin:1px calc(var(--base)*.5);padding:calc(var(--base)*.35) calc(var(--base)*.6);border-radius:10px;font-weight:500;transition:background .15s,color .15s,transform .15s}.nav__link:hover{background:var(--theme-elevation-50);transform:translate(2px)}[dir=rtl] .nav__link:hover{transform:translate(-2px)}.nav__link.active{background:color-mix(in srgb, var(--cc-primary) 10%, transparent);color:var(--cc-primary);font-weight:700}.nav__link.active:hover{background:color-mix(in srgb, var(--cc-primary) 14%, transparent)}.nav__link-indicator{display:none}.nav .nav-group__toggle{letter-spacing:1.2px;text-transform:uppercase;color:var(--theme-elevation-500);padding:calc(var(--base)*.6) calc(var(--base)*1.1) calc(var(--base)*.25);font-size:11px;font-weight:700}.nav__controls{border-top:1px solid var(--theme-elevation-100);padding-top:calc(var(--base)*.4)}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--theme-elevation-0) 80%, transparent);border-bottom:1px solid var(--theme-elevation-100)}.app-header__bg{display:none}.step-nav{font-weight:500}.step-nav .step-nav__last{color:var(--theme-elevation-900);font-weight:700}.btn{font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,filter .15s;border-radius:999px!important}.btn--style-primary{background:linear-gradient(135deg, var(--cc-primary), var(--cc-primary-2));color:#fff;box-shadow:0 8px 20px -10px color-mix(in srgb, var(--cc-primary) 80%, transparent);border:0}.btn--style-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn--style-primary:active{transform:translateY(0)}.btn--style-secondary{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-150);box-shadow:var(--cc-shadow)}.btn--style-secondary:hover{border-color:var(--theme-elevation-250);transform:translateY(-1px)}.btn--style-pill{background:var(--theme-elevation-100);border:0}.btn--style-pill:hover{background:var(--theme-elevation-150)}.pill{border-radius:999px;font-size:12px;font-weight:600}.pill--style-success{background:color-mix(in srgb, var(--theme-success-500) 14%, transparent);color:var(--theme-success-500);border-color:#0000}.pill--style-warning{background:color-mix(in srgb, var(--theme-warning-500) 16%, transparent);color:var(--theme-warning-500);border-color:#0000}.pill--style-error{background:color-mix(in srgb, var(--theme-error-500) 14%, transparent);color:var(--theme-error-500);border-color:#0000}.collection-list .list-header{padding-bottom:calc(var(--base)*.4)}.collection-list .list-header__title{letter-spacing:-.6px;font-size:28px;font-weight:800}.collection-list__sub-header{color:var(--theme-elevation-500)}.collection-list .list-controls{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);border-radius:var(--cc-radius);padding:calc(var(--base)*.5) calc(var(--base)*.6);box-shadow:var(--cc-shadow);margin-bottom:var(--base)}.collection-list .list-controls .search-filter__input,.collection-list .list-controls input{background:var(--theme-elevation-50);border:1px solid #0000;border-radius:999px;padding-inline-start:calc(var(--base)*.9);transition:border-color .15s,background .15s,box-shadow .15s}.collection-list .list-controls .search-filter__input:focus,.collection-list .list-controls input:focus{background:var(--theme-elevation-0);border-color:var(--cc-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--cc-primary) 14%, transparent);outline:none}.collection-list .table-wrap,.collection-list .table{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden}.collection-list .table table{border-collapse:separate;border-spacing:0}.collection-list .table thead th{z-index:2;background:var(--theme-elevation-50);letter-spacing:.8px;text-transform:uppercase;color:var(--theme-elevation-500);border-bottom:1px solid var(--theme-elevation-100);padding-top:calc(var(--base)*.55);padding-bottom:calc(var(--base)*.55);font-size:11.5px;font-weight:700;position:sticky;top:0}.collection-list .table tbody tr{transition:background .12s}.collection-list .table tbody tr:nth-child(odd){background:0 0}.collection-list .table tbody tr:hover{background:color-mix(in srgb, var(--cc-primary) 4%, transparent)}.collection-list .table tbody tr td{border-bottom:1px solid var(--theme-elevation-100);padding-top:calc(var(--base)*.55);padding-bottom:calc(var(--base)*.55);font-size:13.5px}.collection-list .table tbody tr:last-child td{border-bottom:0}.collection-list .table tbody tr td a{color:var(--theme-elevation-900);font-weight:600;text-decoration:none}.collection-list .table tbody tr td a:hover{color:var(--cc-primary)}.collection-list .paginator{gap:4px}.collection-list .paginator__page{border-radius:10px;justify-content:center;align-items:center;min-width:32px;height:32px;font-weight:600;display:inline-flex}.collection-list .paginator__page--is-current{background:var(--cc-primary);color:#fff}.no-results,.collection-list__no-results{background:var(--theme-elevation-0);border:1px dashed var(--theme-elevation-200);border-radius:var(--cc-radius);padding:calc(var(--base)*2);text-align:center}.collection-edit .doc-controls,.global-edit .doc-controls{background:color-mix(in srgb, var(--theme-elevation-0) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--theme-elevation-100)}.collection-edit .doc-controls__meta,.global-edit .doc-controls__meta{color:var(--theme-elevation-500);font-size:12.5px}.collection-edit .document-fields__main,.global-edit .document-fields__main{padding-top:var(--base)}.collection-edit .document-fields__sidebar-wrap,.global-edit .document-fields__sidebar-wrap{border-inline-start:1px solid var(--theme-elevation-100);background:var(--theme-elevation-0)}.render-fields>.field-type,.render-fields>.row-field,.render-fields>.group-field,.render-fields>.array-field,.render-fields>.tabs-field,.render-fields>.collapsible-field,.render-fields>.blocks-field{margin-bottom:calc(var(--base)*.9)}.group-field,.array-field,.blocks-field,.collapsible-field{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:calc(var(--base)*.9)}.group-field .group-field__header,.group-field .array-field__header,.array-field .group-field__header,.array-field .array-field__header,.blocks-field .group-field__header,.blocks-field .array-field__header,.collapsible-field .group-field__header,.collapsible-field .array-field__header{margin-bottom:calc(var(--base)*.6)}.group-field .group-field__header h3,.group-field .array-field__header h3,.array-field .group-field__header h3,.array-field .array-field__header h3,.blocks-field .group-field__header h3,.blocks-field .array-field__header h3,.collapsible-field .group-field__header h3,.collapsible-field .array-field__header h3{letter-spacing:-.2px;font-size:15px;font-weight:700}.group-field .group-field,.array-field .group-field{box-shadow:none;background:var(--theme-elevation-50)}.field-label,.field-type label{color:var(--theme-elevation-700);font-size:12.5px;font-weight:600}.field-label .required,.field-type label .required{color:var(--theme-error-500)}.field-description{color:var(--theme-elevation-500);font-size:12px}.field-type input[type=text],.field-type input[type=email],.field-type input[type=password],.field-type input[type=number],.field-type input[type=url],.field-type textarea,.field-type .rs__control,.field-type .date-time-picker__input-wrapper,.field-type .code-editor,.field-type .textarea-outer{background:var(--theme-input-bg);box-shadow:none;transition:border-color .15s,box-shadow .15s;border:1px solid var(--theme-elevation-150)!important;border-radius:12px!important}.field-type input[type=text]:hover,.field-type input[type=email]:hover,.field-type input[type=password]:hover,.field-type input[type=number]:hover,.field-type input[type=url]:hover,.field-type textarea:hover,.field-type .rs__control:hover,.field-type .date-time-picker__input-wrapper:hover,.field-type .code-editor:hover,.field-type .textarea-outer:hover{border-color:var(--theme-elevation-250)!important}.field-type input[type=text]:focus,.field-type input[type=text]:focus-within,.field-type input[type=text].rs__control--is-focused,.field-type input[type=email]:focus,.field-type input[type=email]:focus-within,.field-type input[type=email].rs__control--is-focused,.field-type input[type=password]:focus,.field-type input[type=password]:focus-within,.field-type input[type=password].rs__control--is-focused,.field-type input[type=number]:focus,.field-type input[type=number]:focus-within,.field-type input[type=number].rs__control--is-focused,.field-type input[type=url]:focus,.field-type input[type=url]:focus-within,.field-type input[type=url].rs__control--is-focused,.field-type textarea:focus,.field-type textarea:focus-within,.field-type textarea.rs__control--is-focused,.field-type .rs__control:focus,.field-type .rs__control:focus-within,.field-type .rs__control.rs__control--is-focused,.field-type .date-time-picker__input-wrapper:focus,.field-type .date-time-picker__input-wrapper:focus-within,.field-type .date-time-picker__input-wrapper.rs__control--is-focused,.field-type .code-editor:focus,.field-type .code-editor:focus-within,.field-type .code-editor.rs__control--is-focused,.field-type .textarea-outer:focus,.field-type .textarea-outer:focus-within,.field-type .textarea-outer.rs__control--is-focused{outline:none;border-color:var(--cc-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--cc-primary) 14%, transparent)!important}.field-type .rs__menu{border:1px solid var(--theme-elevation-150);box-shadow:var(--cc-shadow-hover);border-radius:12px;overflow:hidden}.field-type .rs__option--is-focused{background:color-mix(in srgb, var(--cc-primary) 8%, transparent)}.field-type .rs__option--is-selected{background:var(--cc-primary)}.field-type .rs__multi-value{background:color-mix(in srgb, var(--cc-primary) 10%, transparent);border-radius:999px}.field-type .rs__multi-value .rs__multi-value__label{color:var(--cc-primary);font-weight:600}.checkbox-input__input{border-radius:7px}.checkbox-input--checked .checkbox-input__input{background:var(--cc-primary);border-color:var(--cc-primary)}.tabs-field__tabs-wrap{border-bottom:0}.tabs-field__tabs{background:var(--theme-elevation-100);margin-bottom:calc(var(--base)*.8);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tabs-field__tab-button{color:var(--theme-elevation-600);background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s}.tabs-field__tab-button:after{display:none}.tabs-field__tab-button:hover{color:var(--theme-elevation-900)}.tabs-field__tab-button--active{background:var(--theme-elevation-0);color:var(--cc-primary);box-shadow:0 2px 8px #0000001a}.collapsible{border:1px solid var(--theme-elevation-100);border-radius:12px;overflow:hidden}.collapsible__toggle-wrap{background:var(--theme-elevation-50)}.collapsible .row-label{font-weight:600}.array-field__add-row .btn,.blocks-field__add-row .btn{border-style:dashed;border-radius:999px!important}.dropzone{border-radius:var(--cc-radius);border:2px dashed var(--theme-elevation-200);background:var(--theme-elevation-50)}.file-details{border-radius:var(--cc-radius);border:1px solid var(--theme-elevation-100)}.dashboard__label{letter-spacing:1.2px;text-transform:uppercase;color:var(--theme-elevation-500);font-size:11px;font-weight:700}.dashboard .card{border-radius:var(--cc-radius);border:1px solid var(--theme-elevation-100);background:var(--theme-elevation-0);box-shadow:var(--cc-shadow);transition:transform .2s,box-shadow .2s,border-color .2s}.dashboard .card:hover{box-shadow:var(--cc-shadow-hover);border-color:color-mix(in srgb, var(--cc-primary) 30%, var(--theme-elevation-100));transform:translateY(-2px)}.dashboard .card__title{font-weight:700}.template-minimal{background:radial-gradient(900px 500px at 10% -10%, color-mix(in srgb, var(--cc-primary) 18%, transparent), transparent 60%),radial-gradient(700px 400px at 100% 100%, color-mix(in srgb, var(--cc-accent) 18%, transparent), transparent 60%),var(--theme-elevation-50)}.template-minimal__wrap{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-100);padding:calc(var(--base)*2);border-radius:24px;box-shadow:0 30px 80px -40px #10182873}.template-minimal .form-submit .btn{width:100%}.drawer__content,.popup__content{border-radius:var(--cc-radius);box-shadow:var(--cc-shadow-hover);border:1px solid var(--theme-elevation-100)}.popup-button-list__button{border-radius:10px}.payload-toast-item{box-shadow:var(--cc-shadow-hover);border:1px solid var(--theme-elevation-100);border-radius:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--theme-elevation-200);background-clip:padding-box;border:3px solid #0000;border-radius:999px}