@import url(https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700;800&display=swap);.app-route-enter-active,.app-route-leave-active{transition:opacity .28s ease,transform .28s ease}.app-route-enter,.app-route-leave-to{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.app-route-enter-active,.app-route-leave-active{transition:opacity .01s linear}.app-route-enter,.app-route-leave-to{transform:none}}:root{--app-button-min-height:44px;--app-button-padding-inline:16px;--app-button-radius:6px;--app-button-font-size:16px;--app-button-font-weight:700;--app-button-shadow:rgba(27,31,35,.1) 0 1px 0;--app-button-danger-shadow:0 18px 34px -18px rgba(220,38,38,.35);--app-button-active-shadow:rgba(6,58,75,.2) 0 1px 0 inset;--app-icon-button-size:42px;--app-icon-button-radius:16px;--app-icon-button-bg:hsla(0,0%,100%,.94);--app-icon-button-border:rgba(148,163,184,.24);--app-icon-button-text:#1f6f96;--app-icon-button-danger-text:#dc2626;--app-icon-button-shadow:0 10px 24px rgba(15,23,42,.06);--app-choice-button-soft-min-height:42px;--app-choice-button-tab-min-height:56px;--app-choice-button-radius:999px;--app-choice-button-soft-bg:#fff;--app-choice-button-soft-text:#0f172a;--app-choice-button-soft-border:rgba(148,163,184,.22);--app-choice-button-active-bg:var(--app-primary-gradient);--app-choice-button-active-border:rgba(13,90,115,.18);--app-choice-button-active-shadow:0 16px 30px rgba(13,90,115,.22)}.app-button,.app-button--danger,.app-button--primary,.app-button--secondary,.app-button--success,.assessment-primary-button,.assessment-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-button-min-height);padding:6px var(--app-button-padding-inline);border:1px solid rgba(27,31,35,.15);border-radius:var(--app-button-radius);font-size:var(--app-button-font-size);font-weight:var(--app-button-font-weight);line-height:22px;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;vertical-align:middle;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:box-shadow,transform;text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.app-button--primary,.assessment-primary-button{background:#107699;border-color:rgba(27,31,35,.15);color:#fff;box-shadow:var(--app-button-shadow)}.app-button--danger:focus:not(:focus-visible):not(.focus-visible),.app-button--primary:focus:not(:focus-visible):not(.focus-visible),.app-button--secondary:focus:not(:focus-visible):not(.focus-visible),.app-button--success:focus:not(:focus-visible):not(.focus-visible),.app-button:focus:not(:focus-visible):not(.focus-visible),.assessment-primary-button:focus:not(:focus-visible):not(.focus-visible),.assessment-secondary-button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.app-button--primary:focus,.app-button:focus,.assessment-primary-button:focus{box-shadow:0 0 0 3px rgba(16,118,153,.4);outline:none}.app-button--danger,.assessment-primary-button--danger{background:#dc2626;color:#fff;box-shadow:var(--app-button-danger-shadow)}.app-button--success{border:1px solid rgba(46,153,92,.25);background:linear-gradient(180deg,rgba(231,248,238,.98),rgba(214,243,224,.96));color:#216a43;box-shadow:0 .01em .01em rgba(24,67,41,.1),0 .22em .56em -.08em rgba(24,67,41,.14),inset 0 -.01em 0 rgba(46,153,92,.12);text-shadow:none}.app-button--secondary,.assessment-secondary-button{border:1px solid rgba(16,118,153,.18);background:#fff;color:#154b67;box-shadow:0 1px 0 rgba(27,31,35,.06);text-shadow:none}.app-button--danger:hover,.app-button--primary:hover,.app-button--secondary:hover,.app-button--success:hover,.app-button:hover,.assessment-primary-button:hover,.assessment-secondary-button:hover{transform:translateY(-1px)}.app-button--primary:hover,.assessment-primary-button:hover{background:#0e6f90}.app-button--secondary:hover,.assessment-secondary-button:hover{background:#f6fbfd;box-shadow:0 1px 0 rgba(27,31,35,.08)}.app-button--success:hover{box-shadow:0 .08em .18em rgba(24,67,41,.18),0 .34em .64em -.12em rgba(24,67,41,.18),inset 0 -.08em 0 rgba(46,153,92,.14)}.app-button--danger:hover,.assessment-primary-button--danger:hover{background:#c82323}.app-button--primary:active,.assessment-primary-button:active{background:#0d617c;box-shadow:var(--app-button-active-shadow);transform:translateY(0)}.app-button--secondary:active,.assessment-secondary-button:active{box-shadow:inset 0 1px 0 rgba(16,118,153,.08);transform:translateY(0)}.app-button--success:active{box-shadow:inset 0 .1em .5em rgba(46,153,92,.12);transform:translateY(0)}.app-button--danger:active,.assessment-primary-button--danger:active{box-shadow:inset 0 1px 0 rgba(127,29,29,.2);transform:translateY(0)}.app-button--primary:disabled,.assessment-primary-button--danger:disabled,.assessment-primary-button:disabled{background:#8abdcf;border-color:rgba(27,31,35,.1);color:hsla(0,0%,100%,.8);cursor:not-allowed;transform:none;box-shadow:none}.app-button--danger:disabled,.app-button--secondary:disabled,.app-button--success:disabled,.app-button:disabled,.assessment-secondary-button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.app-button--block{width:100%}.app-button--loading{gap:10px}.app-button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.app-button--plain{min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;font:inherit;font-weight:inherit;line-height:inherit}.app-button--plain:active,.app-button--plain:focus,.app-button--plain:hover{background:transparent;box-shadow:none;transform:none}.app-button__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:app-button-spin .8s linear infinite}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--app-icon-button-size);min-width:var(--app-icon-button-size);height:var(--app-icon-button-size);padding:0;border:1px solid var(--app-icon-button-border);border-radius:var(--app-icon-button-radius);background:var(--app-icon-button-bg);color:var(--app-icon-button-text);box-shadow:var(--app-icon-button-shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.app-icon-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(15,23,42,.1)}.app-icon-button--active,.app-icon-button:active{transform:translateY(0)}.app-icon-button--sm{width:34px;min-width:34px;height:34px;border-radius:999px}.app-icon-button--md{width:var(--app-icon-button-size);min-width:var(--app-icon-button-size);height:var(--app-icon-button-size)}.app-icon-button--primary{border-color:rgba(13,90,115,.18);background:rgba(239,246,255,.96);color:#0d5a73}.app-icon-button--danger{border-color:rgba(220,38,38,.14);background:hsla(0,86%,97%,.98);color:var(--app-icon-button-danger-text)}.app-icon-button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.app-icon-button__content{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.app-icon-button--plain{width:auto;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none}.app-icon-button--plain:active,.app-icon-button--plain:focus,.app-icon-button--plain:hover{background:transparent;box-shadow:none;transform:none}.app-choice-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0 20px;border:1px solid var(--app-choice-button-soft-border);border-radius:var(--app-choice-button-radius);background:var(--app-choice-button-soft-bg);color:var(--app-choice-button-soft-text);font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.app-choice-button:hover{transform:translateY(-1px)}.app-choice-button--soft{min-height:var(--app-choice-button-soft-min-height)}.app-choice-button--tab{min-height:var(--app-choice-button-tab-min-height);padding-inline:34px;font-size:1.05rem;font-weight:900}.app-choice-button--active{border-color:transparent;background:var(--app-choice-button-active-bg);color:#fff;box-shadow:var(--app-choice-button-active-shadow)}.app-choice-button--tab.app-choice-button--active{border-color:var(--app-choice-button-active-border)}.app-choice-button--block{width:100%}.app-choice-button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.app-choice-button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}@keyframes app-button-spin{to{transform:rotate(1turn)}}:root{--app-dialog-radius:28px;--app-dialog-border:1px solid rgba(148,163,184,.18);--app-dialog-divider:1px solid rgba(148,163,184,.16);--app-dialog-shadow:0 24px 60px rgba(15,23,42,.08);--app-dialog-padding:18px}.modal{position:fixed;inset:0;width:min(100% - 32px,calc(var(--modal-box-max-width, 620px) + 32px));max-width:none;min-height:100vh;margin:0 auto;padding:16px;border:0;background:transparent;overflow:visible;box-sizing:border-box}.modal[open]{display:grid;place-items:center}.modal::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(5px)}.modal-box{width:min(100%,var(--modal-box-max-width,620px));margin:auto}.modal-action{display:flex;align-items:center;justify-content:flex-end;gap:12px}.app-dialog,.assessment-dialog{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;background:hsla(0,0%,100%,.96);border:var(--app-dialog-border);border-radius:var(--app-dialog-radius);box-shadow:var(--app-dialog-shadow)}.app-dialog--compact,.assessment-dialog--compact{max-width:620px;margin:0 auto}.app-dialog__footer,.app-dialog__header,.assessment-dialog__footer,.assessment-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.app-dialog__header,.assessment-dialog__header{border-bottom:var(--app-dialog-divider)}.app-dialog__footer,.assessment-dialog__footer{border-top:var(--app-dialog-divider)}.app-dialog__title-wrap,.assessment-dialog__title-wrap{display:flex;align-items:center;gap:8px}.app-dialog__title,.assessment-dialog__title{margin:0;color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.4}.app-dialog__body,.assessment-dialog__body{display:grid;gap:14px;padding:var(--app-dialog-padding);overflow-y:auto}.app-dialog__body--compact,.assessment-dialog__body--compact{overflow:visible}.app-dialog__text,.assessment-dialog__text{margin:0;color:#4b6478;font-size:1rem;font-weight:700;line-height:2;text-align:right}.app-dialog__import-row,.assessment-dialog__import-row{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-bottom:var(--app-dialog-divider)}.app-dialog__import-row--inline,.assessment-dialog__import-row--inline{padding:0;margin-bottom:18px;border-bottom:0}.app-dialog__paste,.assessment-dialog__paste{flex:1;min-height:72px;max-height:140px;padding:12px 14px;border:1px solid rgba(148,163,184,.24);border-radius:18px;outline:none;resize:vertical;background:rgba(248,250,252,.72);color:#0f172a;font-size:.94rem;line-height:1.8}.app-dialog__paste:focus,.assessment-dialog__paste:focus{border-color:rgba(13,90,115,.38);box-shadow:0 0 0 4px rgba(13,90,115,.08)}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 18px;border-bottom:var(--app-dialog-divider)}.app-dialog-header__main{min-width:0;flex:1}.app-dialog-header__eyebrow{color:#74879a;font-size:.92rem;font-weight:800}.app-dialog-header__title{margin:4px 0 0;color:#0f172a;font-size:1.22rem;font-weight:900;line-height:1.5}.app-dialog-header__extra{margin-top:8px}.app-dialog-header__actions{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.app-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(31,111,150,.14);border-radius:999px;background:linear-gradient(180deg,#fff,#f3f9fd);color:#35627a;font-size:1.4rem;line-height:1}.app-dialog-body{display:grid;gap:14px;padding:var(--app-dialog-padding);overflow-y:auto}.app-dialog-body--compact{overflow:visible}.app-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 18px;border-top:var(--app-dialog-divider)}.app-dialog-footer>.app-button,.app-dialog-footer>.assessment-primary-button,.app-dialog-footer>.assessment-secondary-button,.app-dialog-footer>a.app-button,.app-dialog-footer>button.app-button{flex:1 1 0;min-width:136px;max-width:168px}.app-dialog-footer--stack{flex-direction:column;align-items:stretch}@media (max-width:960px){.modal{width:calc(100% - 18px);padding:9px}.app-dialog-footer,.app-dialog-header{flex-direction:column;align-items:stretch}.app-dialog-footer>.app-button,.app-dialog-footer>.assessment-primary-button,.app-dialog-footer>.assessment-secondary-button,.app-dialog-footer>a.app-button,.app-dialog-footer>button.app-button{max-width:none}.app-dialog__footer,.app-dialog__header,.assessment-dialog__footer,.assessment-dialog__header{flex-direction:column;align-items:stretch}}:root{--app-input-bg:var(--app-select-bg);--app-input-text:var(--app-select-text);--app-input-placeholder:var(--app-select-muted);--app-input-border:var(--app-select-border);--app-input-border-strong:var(--app-select-border-strong);--app-input-shadow:var(--app-select-shadow);--app-input-focus-shadow:var(--app-select-focus-shadow);--app-input-radius:var(--app-select-radius);--app-input-min-height:var(--app-select-min-height)}.assessment-input,.final-exam-duration-field__input{width:100%;min-height:var(--app-input-min-height);padding:0 16px;border:1px solid var(--app-input-border);border-radius:var(--app-input-radius);outline:none;background:var(--app-input-bg);box-shadow:var(--app-input-shadow);color:var(--app-input-text);font-family:Tajawal,system-ui,sans-serif;font-size:1rem;font-weight:500;line-height:1.45;text-align:right;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.assessment-input::-moz-placeholder,.final-exam-duration-field__input::-moz-placeholder{color:var(--app-input-placeholder);opacity:1}.assessment-input::placeholder,.final-exam-duration-field__input::placeholder{color:var(--app-input-placeholder);opacity:1}.assessment-input:focus,.final-exam-duration-field__input:focus{border-color:var(--app-input-border-strong);box-shadow:var(--app-input-focus-shadow)}.assessment-input:disabled,.final-exam-duration-field__input:disabled{cursor:not-allowed;color:rgba(18,63,86,.62);background-color:rgba(247,250,252,.98);border-color:rgba(186,218,230,.72);box-shadow:none}.assessment-input--points{padding-inline:12px;text-align:center}:root{--app-select-bg:#fff;--app-select-text:#123f56;--app-select-muted:#7a8ea2;--app-select-border:rgba(143,191,211,.72);--app-select-border-strong:#107699;--app-select-shadow:0 12px 28px rgba(15,23,42,.05),inset 0 1px 0 hsla(0,0%,100%,.94);--app-select-focus-shadow:0 0 0 4px rgba(16,118,153,.14);--app-select-radius:18px;--app-select-min-height:54px}.app-select.v-text-field.v-text-field--outlined>.v-input__control>.v-input__slot{min-height:var(--app-select-min-height)!important;padding-inline:16px!important;border-radius:var(--app-select-radius)!important;background:var(--app-select-bg)!important;box-shadow:var(--app-select-shadow);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.app-select.v-text-field--outlined fieldset{border-color:var(--app-select-border)!important;border-width:1px!important}.app-select.v-input--is-focused fieldset,.app-select.v-text-field--outlined.v-input--is-focused fieldset{border-color:var(--app-select-border-strong)!important}.app-select.v-input--is-focused>.v-input__control>.v-input__slot{box-shadow:var(--app-select-focus-shadow)!important}.app-select .v-label,.app-select .v-select__selection,.app-select .v-select__selections,.app-select .v-select__slot input{font-family:Tajawal,system-ui,sans-serif!important}.app-select .v-select__selection,.app-select .v-select__selections,.app-select .v-select__slot input{color:var(--app-select-text)!important;font-size:1rem!important;font-weight:500!important;line-height:1.45!important}.app-select .v-label{color:var(--app-select-muted)!important;font-size:.95rem!important;font-weight:500!important}.app-select.v-input--is-focused .v-label{color:var(--app-primary)!important}.app-select .v-select__slot{direction:rtl}.app-select .v-input__append-inner,.app-select .v-input__control,.app-select .v-input__icon--append,.app-select .v-input__slot,.app-select .v-select__selection,.app-select .v-select__selections,.app-select .v-select__slot input,.app-select input{cursor:pointer!important}.app-select.v-input--is-disabled .v-input__append-inner,.app-select.v-input--is-disabled .v-input__control,.app-select.v-input--is-disabled .v-input__icon--append,.app-select.v-input--is-disabled .v-select__selection,.app-select.v-input--is-disabled .v-select__selections,.app-select.v-input--is-disabled .v-select__slot input,.app-select.v-input--is-disabled input{cursor:not-allowed!important}.app-select .v-select__selection{padding-top:2px!important;padding-bottom:2px!important}.app-select .v-select__selections{padding-inline-end:6px;justify-content:flex-start}.app-select.v-text-field>.v-input__control>.v-input__slot{padding-inline-end:12px!important}.app-select .v-input__append-inner,.app-select .v-input__icon--append{display:none!important;align-items:center;justify-content:center;color:var(--app-select-border-strong)!important;opacity:1}.app-select .v-input__append-inner{min-width:24px;margin-top:0!important;margin-inline-start:0!important;margin-inline-end:2px!important}.app-select .mdi-menu-down:before{font-size:20px!important;font-weight:700}.app-dropdown-menu{margin-top:4px!important;border:1px solid rgba(189,219,231,.92)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 52px rgba(15,23,42,.12)!important;max-height:min(70vh,420px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:4000!important}.app-dropdown-menu .v-list{padding:8px 0!important;background:#fff!important}@media (max-width:600px){.app-dropdown-menu{max-height:min(62vh,360px)!important}}.app-dropdown-menu .v-list-item{min-height:52px!important;direction:rtl;text-align:right!important;color:#123f56!important;-webkit-tap-highlight-color:transparent}.app-dropdown-menu .v-list-item:before{background:rgba(31,111,150,.1)!important}.app-dropdown-menu .v-list-item__title{color:inherit!important;font-size:.98rem!important;font-weight:500!important;line-height:1.45!important;text-align:right!important;font-family:Tajawal,system-ui,sans-serif!important}.app-dropdown-menu .theme--light.v-list-item,.app-dropdown-menu .theme--light.v-list-item .v-list-item__title,.app-dropdown-menu .v-list-item__action,.app-dropdown-menu .v-list-item__content,.app-dropdown-menu .v-list-item__icon{color:inherit!important}.app-dropdown-menu .v-ripple__container{display:none!important}.app-dropdown-menu .v-list-item--active:before,.app-dropdown-menu .v-list-item.v-list-item--highlighted:before,.app-dropdown-menu .v-list-item:active:before,.app-dropdown-menu .v-list-item:focus:before,.app-dropdown-menu .v-list-item:hover:before{opacity:1!important;background:rgba(31,111,150,.1)!important}.app-dropdown-menu .theme--light.v-list-item--active,.app-dropdown-menu .theme--light.v-list-item--active .v-list-item__title,.app-dropdown-menu .theme--light.v-list-item.v-list-item--highlighted,.app-dropdown-menu .theme--light.v-list-item.v-list-item--highlighted .v-list-item__title,.app-dropdown-menu .v-list-item--active,.app-dropdown-menu .v-list-item--active .v-list-item__content,.app-dropdown-menu .v-list-item--active .v-list-item__title,.app-dropdown-menu .v-list-item.v-list-item--highlighted,.app-dropdown-menu .v-list-item.v-list-item--highlighted .v-list-item__content,.app-dropdown-menu .v-list-item.v-list-item--highlighted .v-list-item__title{background-color:transparent!important;color:#1f6f96!important}.app-native-select,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important}.app-native-select{width:100%;min-height:var(--app-select-min-height);padding:0 16px;border:1px solid var(--app-select-border);border-radius:var(--app-select-radius);outline:none;background-color:var(--app-select-bg);background-image:none!important;box-shadow:var(--app-select-shadow);color:var(--app-select-text);direction:rtl;text-align:right;font-family:Tajawal,system-ui,sans-serif;font-size:1rem;font-weight:500;line-height:1.45;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.app-native-select:focus{border-color:var(--app-select-border-strong);box-shadow:var(--app-select-focus-shadow)}.app-native-select:disabled{cursor:not-allowed;color:rgba(18,63,86,.62);background-color:rgba(247,250,252,.98);border-color:rgba(186,218,230,.72);box-shadow:none}.app-native-select::-ms-expand,select::-ms-expand{display:none}:root{--app-ui-border:rgba(148,163,184,.24);--app-ui-border-strong:rgba(16,118,153,.44);--app-ui-text:#123b52;--app-ui-muted:#647b8b;--app-ui-surface:#fff;--app-ui-soft:#f4f9fb;--app-ui-danger:#b91c1c}.app-field{display:grid;gap:8px;width:100%}.app-field__label{color:var(--app-ui-text);font-size:.9rem;font-weight:800}.app-field__control{display:flex;align-items:center;min-height:48px;border:1px solid var(--app-ui-border);border-radius:8px;background:var(--app-ui-surface);transition:border-color .18s ease,box-shadow .18s ease}.app-field__control:focus-within{border-color:var(--app-ui-border-strong);box-shadow:0 0 0 3px rgba(16,118,153,.09)}.app-field__icon{margin-inline-start:14px;color:var(--app-ui-muted)!important}.app-field__input{width:100%;min-width:0;min-height:46px;padding:10px 14px;border:0;outline:0;background:transparent;color:var(--app-ui-text);font:inherit}.app-field__input--textarea{min-height:110px;resize:vertical}.app-field__message{color:var(--app-ui-muted);font-size:.82rem;font-weight:700}.app-field--error .app-field__control{border-color:rgba(185,28,28,.45)}.app-field--error .app-field__message{color:var(--app-ui-danger)}.app-field--disabled{opacity:.65}.app-card{overflow:hidden;border:1px solid var(--app-ui-border);border-radius:8px;background:var(--app-ui-surface);box-shadow:0 10px 24px rgba(15,23,42,.05)}.app-card--flat{border-color:transparent;box-shadow:none}.app-card--interactive{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.app-card--interactive:hover{transform:translateY(-1px);border-color:rgba(16,118,153,.28);box-shadow:0 14px 30px rgba(15,23,42,.08)}.app-card__footer,.app-card__header{padding:16px 18px}.app-card__header{border-bottom:1px solid var(--app-ui-border)}.app-card__footer{border-top:1px solid var(--app-ui-border)}.app-card__body{padding:18px}.app-card__title{margin:0;color:var(--app-ui-text);font-size:1.05rem;font-weight:900}.app-spinner{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#107699}.app-spinner__ring{width:24px;height:24px;border:3px solid rgba(16,118,153,.2);border-top-color:currentColor;border-radius:50%;animation:app-ui-spin .8s linear infinite}.app-spinner--sm .app-spinner__ring{width:16px;height:16px;border-width:2px}.app-spinner--lg .app-spinner__ring{width:36px;height:36px;border-width:4px}.app-spinner__label{color:var(--app-ui-muted);font-size:.9rem;font-weight:800}.app-state{display:grid;justify-items:center;gap:10px;min-height:180px;padding:28px 20px;align-content:center;text-align:center}.app-state__icon{color:#4e849a!important}.app-state--error .app-state__icon{color:var(--app-ui-danger)!important}.app-state__title{margin:0;color:var(--app-ui-text);font-size:1.05rem;font-weight:900}.app-state__description{max-width:520px;margin:0;color:var(--app-ui-muted);line-height:1.8}.app-state__action{margin-top:6px}.app-skeleton{border-radius:6px;background:#e5edf1}.app-skeleton--circle{border-radius:50%;aspect-ratio:1}.app-skeleton--animated{background:linear-gradient(90deg,#e5edf1 25%,#f6fafb 50%,#e5edf1 75%);background-size:200% 100%;animation:app-ui-skeleton 1.35s ease-in-out infinite}.app-pagination{display:flex;justify-content:center;gap:6px}.app-pagination__button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--app-ui-border);border-radius:8px;background:#fff;color:var(--app-ui-text);font-weight:800}.app-pagination__button--active{border-color:#107699;background:#107699;color:#fff}.app-pagination__button:disabled{opacity:.42}.app-table{position:relative;border:1px solid var(--app-ui-border);border-radius:8px;background:#fff;overflow:hidden}.app-table__scroll{overflow-x:auto}.app-table table{width:100%;border-collapse:collapse}.app-table td,.app-table th{padding:14px 16px;border-bottom:1px solid var(--app-ui-border);text-align:right}.app-table th{background:var(--app-ui-soft);color:var(--app-ui-text);font-size:.88rem;font-weight:900;white-space:nowrap}.app-table td{color:#38586a;font-weight:600}.app-table tbody tr:last-child td{border-bottom:0}.app-table tbody tr:hover{background:rgba(244,249,251,.72)}.app-table__state{width:100%;min-height:180px}.app-product-card{display:grid;overflow:hidden;border:1px solid var(--app-ui-border);border-radius:8px;background:#fff}.app-product-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--app-ui-soft)}.app-product-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-product-card__content{display:grid;gap:10px;padding:18px}.app-product-card__eyebrow{color:#107699;font-size:.8rem;font-weight:900}.app-product-card__title{margin:0;color:var(--app-ui-text);font-size:1.08rem;font-weight:900}.app-product-card__description{margin:0;color:var(--app-ui-muted);line-height:1.75}.app-product-card__actions{display:flex;gap:10px;margin-top:6px}.app-layout-footer,.app-layout-header{width:100%;background:#fff}.app-layout-header{border-bottom:1px solid var(--app-ui-border)}.app-layout-footer{border-top:1px solid var(--app-ui-border)}.app-layout-footer__inner,.app-layout-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100% - 32px,1280px);min-height:64px;margin:0 auto}.app-layout-footer__actions,.app-layout-header__actions,.app-layout-header__nav{display:flex;align-items:center;gap:12px}.app-sidebar{display:flex;flex-direction:column;width:260px;min-height:100%;border-inline-end:1px solid var(--app-ui-border);background:#fff;transition:width .2s ease}.app-sidebar--collapsed{width:72px}.app-sidebar__footer,.app-sidebar__header{padding:16px}.app-sidebar__nav{flex:1;padding:10px;overflow-y:auto}.app-drawer-layer{position:fixed;inset:0;z-index:1000}.app-drawer__backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(15,23,42,.48)}.app-drawer{position:absolute;inset-block:0;display:flex;flex-direction:column;width:min(88vw,380px);background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.2)}.app-drawer--right{right:0}.app-drawer--left{left:0}.app-drawer__footer,.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--app-ui-border)}.app-drawer__header h2{margin:0;color:var(--app-ui-text);font-size:1.1rem;font-weight:900}.app-drawer__body{flex:1;padding:18px;overflow-y:auto}.app-drawer__footer{border-top:1px solid var(--app-ui-border);border-bottom:0}.app-drawer-enter-active,.app-drawer-leave-active{transition:opacity .2s ease}.app-drawer-enter,.app-drawer-leave-to{opacity:0}@keyframes app-ui-spin{to{transform:rotate(1turn)}}@keyframes app-ui-skeleton{to{background-position:-200% 0}}@media (max-width:640px){.app-layout-footer__inner,.app-layout-header__inner{width:min(100% - 20px,100%)}.app-layout-header__nav{display:none}.app-table{border:0;background:transparent}.app-table table,.app-table tbody,.app-table td,.app-table tr{display:block}.app-table thead{display:none}.app-table tr{margin-bottom:10px;border:1px solid var(--app-ui-border);border-radius:8px;background:#fff;overflow:hidden}.app-table td{display:flex;justify-content:space-between;gap:16px;text-align:left}.app-table td:before{content:attr(data-label);color:var(--app-ui-muted);font-weight:800;text-align:right}}:root{--app-primary:#1f6f96;--app-primary-dark:#275d8e;--app-primary-deep:#084159;--app-primary-soft:rgba(31,111,150,.12);--app-primary-border:rgba(31,111,150,.24);--app-primary-shadow:rgba(31,111,150,.34);--app-primary-gradient:linear-gradient(135deg,var(--app-primary),var(--app-primary-dark))}#app,body,html{min-height:100%}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:Tajawal,system-ui,sans-serif;background:linear-gradient(180deg,#f3f7f6,#fff);color:#0f172a;overflow-x:hidden}.app-shell{min-height:100vh}.v-application,h1,h2,h3,h4,h5,h6{font-family:Tajawal,system-ui,sans-serif!important}.font-quran{font-family:Amiri,serif}.app-action-icon{display:inline-block;font-size:1rem;line-height:1;vertical-align:middle}.app-action-icon--delete{color:#ff3b30}.app-action-icon--edit{color:var(--app-primary);transform:translateY(-1px)}.app-toast-container{position:fixed!important;z-index:2147483647!important;width:min(90vw,330px)!important;pointer-events:none!important}.Vue-Toastification__container.top-center{top:18px!important;z-index:2147483647!important}.Vue-Toastification__toast.app-toast{direction:rtl;display:flex!important;align-items:center!important;min-height:56px;padding:12px 16px 18px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(15,39,62,.14)!important;font-family:Tajawal,system-ui,sans-serif!important;justify-content:center!important;overflow:hidden!important}.Vue-Toastification__toast.app-toast .Vue-Toastification__toast-body,.Vue-Toastification__toast.app-toast .app-toast__body{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:.96rem;font-weight:800;line-height:1.2;text-align:center;width:100%;min-height:32px}.Vue-Toastification__toast.app-toast .Vue-Toastification__icon{width:18px!important;min-width:18px!important;height:18px!important;margin-left:10px!important;margin-right:0!important;opacity:.98}.Vue-Toastification__toast--success.app-toast{background:linear-gradient(135deg,#2e8b57,#37a164)!important}.Vue-Toastification__toast--error.app-toast{background:linear-gradient(135deg,#c94848,#b53636)!important}.Vue-Toastification__toast--warning.app-toast{background:linear-gradient(135deg,#b97a16,#d08a18)!important}.Vue-Toastification__toast--info.app-toast{background:linear-gradient(135deg,#1f6f96,#275d8e)!important}.Vue-Toastification__close-button,.Vue-Toastification__toast.app-toast .Vue-Toastification__icon{display:none!important}.Vue-Toastification__toast.app-toast .Vue-Toastification__progress-bar{display:block!important;position:absolute!important;right:0!important;bottom:0!important;left:0!important;height:5px!important;transform-origin:right center!important;opacity:.95!important;background:hsla(0,0%,100%,.82)!important}.Vue-Toastification__toast--success.app-toast .Vue-Toastification__progress-bar{background:rgba(232,255,240,.96)!important}.Vue-Toastification__toast--error.app-toast .Vue-Toastification__progress-bar{background:hsla(0,100%,95%,.96)!important}.Vue-Toastification__toast--warning.app-toast .Vue-Toastification__progress-bar{background:rgba(255,241,210,.96)!important}.Vue-Toastification__toast--info.app-toast .Vue-Toastification__progress-bar{background:rgba(227,245,255,.96)!important}.Vue-Toastification__bounce-enter-active,.Vue-Toastification__bounce-leave-active{transition:opacity .2s ease,transform .2s ease!important}.Vue-Toastification__bounce-enter,.Vue-Toastification__bounce-leave-to{opacity:0!important;transform:translateY(-6px)!important}