@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--surface));border:1px solid rgba(var(--border));border-radius:12px;box-shadow:var(--shadow-sm);color:rgba(var(--text-primary));cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{background:rgba(var(--surface-hover));border-color:rgba(var(--primary),.4);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid rgba(var(--primary),.5);outline-offset:2px}.btn:active{transform:scale(.97) translateY(0)}.btn-primary{background:rgba(var(--primary));border:1px solid rgba(var(--primary));box-shadow:var(--shadow-md);color:#fff;font-weight:700}.btn-primary:hover{background:rgba(var(--primary-hover));border-color:rgba(var(--primary-hover));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(var(--surface-elevated));border:1px solid rgba(var(--border));color:rgba(var(--text-secondary))}.btn-secondary:hover{background:rgba(var(--surface-hover));color:rgba(var(--text-primary))}.btn-danger{background:rgba(var(--danger));border:1px solid rgba(var(--danger));box-shadow:var(--shadow-md);color:#fff}.btn-danger:hover{background:rgba(var(--danger),.9);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.table-container{background:rgba(var(--surface));border:none;border-radius:24px;box-shadow:var(--shadow-lg);overflow:visible;position:relative;z-index:1}.table-wrapper{overflow-x:auto;overflow-y:visible;scrollbar-color:rgba(var(--primary),.3) transparent;scrollbar-width:thin}.data-table,.table-wrapper{position:relative;z-index:1}.data-table{border-collapse:collapse;min-width:800px;table-layout:auto;width:100%}.table-header{background:rgba(var(--surface-elevated));border-bottom:1px solid rgba(var(--border));position:sticky;top:0;z-index:50}.header-row{border:none}.header-cell{border-right:1px solid rgba(var(--border-subtle));color:rgba(var(--text-secondary));cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;padding:18px 16px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}.header-cell:first-child{border-top-right-radius:24px}.header-cell:last-child{border-right:none;border-top-left-radius:24px}.header-cell:hover{background:rgba(var(--primary-light));color:rgba(var(--primary));transform:translateY(-1px)}.header-cell.sortable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-content{gap:8px;min-height:20px}.header-text{transition:all .3s ease}.sort-icon-wrapper{align-items:center;background:rgba(var(--border));border-radius:4px;display:flex;height:16px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.header-cell:hover .sort-icon-wrapper{background:rgba(var(--primary),.15);transform:scale(1.1)}.sort-active{color:rgba(var(--primary))}.sort-active .sort-icon-wrapper{background:rgba(var(--primary),.15)}.sort-inactive{color:rgba(var(--text-muted))}.actions-header{cursor:default!important;min-width:80px;width:80px}.actions-header:hover{background:transparent!important;color:rgba(var(--text-secondary))!important;transform:none!important}.actions-header-content{align-items:center;display:flex;gap:6px;justify-content:center}.table-body{background:rgba(var(--surface))}.table-row{border-bottom:1px solid rgba(var(--border-subtle));position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.table-row:hover{background:rgba(var(--surface-hover));box-shadow:0 2px 8px #0000001a;z-index:10}.table-row.row-with-active-dropdown{position:relative;z-index:1000}.table-row.row-with-active-dropdown .actions-cell{z-index:1001}.table-row.row-with-active-dropdown .actions-container{z-index:1002}.table-row:last-child .table-cell:first-child{border-bottom-right-radius:24px}.table-row:last-child .table-cell:last-child{border-bottom-left-radius:24px}.table-row:last-child{border-bottom:none}.table-cell{border-right:1px solid rgba(var(--border-subtle));color:rgba(var(--text-secondary));font-size:14px;max-width:200px;overflow:visible;padding:14px 16px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .3s ease;vertical-align:middle;white-space:nowrap;z-index:1}.table-cell:last-child{border-right:none}.table-row:hover .table-cell{color:rgba(var(--text-primary))}.index-cell,.index-number{align-items:center;display:flex;justify-content:center}.index-number{background:rgba(var(--primary),.1);border-radius:8px;color:rgba(var(--primary));font-size:12px;font-weight:700;height:28px;transition:all .3s ease;width:28px}.table-row:hover .index-number{background:rgba(var(--primary),.2);transform:scale(1.05)}.date-cell{align-items:center;display:flex;gap:6px;justify-content:center}.date-icon{color:rgba(var(--text-muted));flex-shrink:0;transition:all .3s ease}.table-row:hover .date-icon{color:rgba(var(--accent-blue))}.date-text{font-size:13px;font-weight:500}.regular-cell{align-items:center;display:flex;justify-content:center;position:relative}.cell-text{color:rgba(var(--text-primary));font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.table-row:hover .cell-text{color:rgba(var(--primary));font-weight:600}.cell-with-tooltip{align-items:center;cursor:help;display:flex;justify-content:center;position:relative;width:100%}.cell-with-tooltip:hover .cell-text{color:rgba(var(--info));text-decoration:underline;text-decoration-style:dotted}.table-tooltip{background:#0f172af2!important;border-radius:12px!important;color:#fff!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;max-width:300px!important;padding:12px 16px!important;position:fixed!important;word-wrap:break-word!important;animation:tooltipFadeIn .2s ease-out!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 10px 40px #0000004d!important;pointer-events:none!important;text-align:center!important;transform:translate(-50%) translateY(-100%)!important;white-space:normal!important;z-index:999999!important}.table-tooltip:after{border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:6px solid rgba(15,23,42,.95)!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:100%!important;transform:translate(-50%)!important;width:0!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.actions-cell{min-width:80px;overflow:visible;padding:14px 16px;position:relative;width:80px;z-index:100}.actions-container{position:relative;z-index:101}.actions-dropdown-wrapper{position:relative;z-index:999}.actions-trigger-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(var(--surface));border:1.5px solid rgba(var(--border),.4);border-radius:10px;color:rgba(var(--text-secondary));cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px;z-index:1000}.actions-trigger-btn.active,.actions-trigger-btn:hover{background:rgba(var(--surface-elevated));border-color:rgba(var(--primary),.3);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;color:rgba(var(--text-primary));transform:translateY(-1px)}.actions-trigger-btn:active{transform:translateY(0) scale(.95);transition:all .1s ease}.actions-dropdown-menu{animation:actionsDropdownSlideIn .25s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--surface));border:1.5px solid rgba(var(--border),.15);border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #00000014,0 2px 4px #0000000a;max-width:300px;min-width:240px;overflow:hidden;pointer-events:all;position:fixed;z-index:99999}@keyframes actionsDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.actions-section{border-bottom:1px solid rgba(var(--border),.08);padding:6px 0}.actions-section:last-child{border-bottom:none}.actions-section:first-child{padding-top:10px}.actions-section:last-child{padding-bottom:10px}.actions-section-title{color:rgba(var(--text-muted),.7);font-size:10px;font-weight:700;letter-spacing:.08em;margin:0;padding:8px 18px 6px;text-transform:uppercase}.action-menu-item{align-items:center;background:#fff!important;border:none;border-radius:0;color:rgba(var(--text-secondary));cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:14px;margin:0;outline:none;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.action-menu-item:hover{background:rgba(var(--surface-hover))!important;color:rgba(var(--text-primary))}.action-menu-item svg{flex-shrink:0;height:18px;opacity:.8;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.action-menu-item:hover svg{opacity:1;transform:scale(1.05)}.action-menu-item:focus-visible{outline:2px solid rgba(var(--primary),.4);outline-offset:-2px}.action-menu-item:disabled{cursor:not-allowed;opacity:.4}.action-menu-item:disabled:hover{background:#fff!important;box-shadow:none;transform:none}.action-menu-item.edit-action{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.edit-action:hover{background:rgba(var(--accent-blue))!important;color:#fff!important;font-weight:600}.action-menu-item.edit-action:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.delete-action{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.delete-action:hover{background:rgba(var(--danger))!important;color:#fff!important;font-weight:600}.action-menu-item.delete-action:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.view-action{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.view-action:hover{background:rgba(var(--primary))!important;color:#fff!important;font-weight:600}.action-menu-item.view-action:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-success{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-success:hover{background:rgba(var(--success))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-success:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-danger{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-danger:hover{background:rgba(var(--danger))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-danger:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-warning{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-warning:hover{background:rgba(var(--warning))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-warning:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-info{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-info:hover{background:rgba(var(--info))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-info:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-purple{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-purple:hover{background:rgba(var(--accent-purple))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-purple:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-orange{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-orange:hover{background:rgba(var(--accent-orange))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-orange:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-pink{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-pink:hover{background:rgba(var(--accent-pink))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-pink:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item.custom-action-default{background:#fff!important;color:rgba(var(--text-secondary))}.action-menu-item.custom-action-default:hover{background:rgba(var(--text-muted))!important;color:#fff!important;font-weight:600}.action-menu-item.custom-action-default:hover svg{color:#fff!important;transform:scale(1.1)}.action-menu-item:active{transform:scale(.98);transition:all .1s ease}.action-menu-item .menu-item-text{font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-menu-item:hover .menu-item-text{font-weight:600;letter-spacing:.2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.table-header-controls{background:rgba(var(--surface));border:none;border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:20px;padding:24px;position:relative}.table-controls-wrapper{display:flex;flex-direction:column;gap:16px}@media (min-width:1024px){.table-controls-wrapper{align-items:center;flex-direction:row;justify-content:space-between}}.table-action-buttons,.table-filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.columns-dropdown-wrapper{position:relative;z-index:1000}.columns-toggle-btn{font-size:14px;height:42px;padding:0 16px}.columns-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(var(--surface));border:1px solid rgba(var(--border));border-radius:16px;box-shadow:var(--shadow-xl);max-height:400px;min-width:250px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}.columns-dropdown-content{padding:16px}.columns-dropdown-header{border-bottom:1px solid rgba(var(--border));color:rgba(var(--text-muted));font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;padding-bottom:8px;text-align:center;text-transform:uppercase}.columns-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.column-item{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .3s ease}.column-item:hover{background:rgba(var(--primary-light));border-color:rgba(var(--primary),.2)}.checkbox-wrapper{flex-shrink:0}.checkbox-wrapper,.column-checkbox{height:18px;position:relative;width:18px}.column-checkbox{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--surface));border:2px solid rgba(var(--border));border-radius:6px;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.column-checkbox:hover{background:rgba(var(--primary),.05);border-color:rgba(var(--primary),.6)}.column-checkbox:checked{background:rgba(var(--primary));border-color:rgba(var(--primary));transform:scale(1.05)}.column-checkbox:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;position:absolute}.column-label{color:rgba(var(--text-secondary));cursor:pointer;flex:1;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-item:hover .column-label{color:rgba(var(--text-primary))}.filter-btn{font-size:14px;height:42px;padding:0 16px}.direct-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-input-wrapper{min-width:200px}.main-search-wrapper{min-width:300px}.search-input-container{position:relative}.search-icon{color:rgba(var(--text-muted));pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-input{padding-right:40px!important}.reset-btn{background:rgba(var(--danger),.1);border:1px solid rgba(var(--danger),.2);color:rgba(var(--danger));font-size:14px;height:42px;padding:0 16px}.reset-btn:hover{background:rgba(var(--danger),.15)}.filter-modal-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(var(--surface));border-radius:20px;box-shadow:var(--shadow-xl);max-width:500px;padding:32px}.filter-modal-header{margin-bottom:24px;text-align:center}.filter-icon-wrapper{align-items:center;background:rgba(var(--primary),.1);border-radius:16px;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.filter-icon-wrapper svg{color:rgba(var(--primary))}.filter-title{color:rgba(var(--text-primary));font-size:24px;font-weight:700;margin-bottom:8px}.filter-subtitle{color:rgba(var(--text-secondary));font-size:14px}.filter-inputs-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}@media (min-width:768px){.filter-inputs-grid{grid-template-columns:1fr 1fr}}.filter-modal-actions{display:flex;gap:12px}.btn-search{flex:1;font-weight:700;height:44px}.btn-cancel{height:44px;padding:0 24px}.loading-state{flex-direction:column;padding:80px 24px;text-align:center}.loading-icon-wrapper,.loading-state{align-items:center;display:flex;justify-content:center}.loading-icon-wrapper{background:rgba(var(--primary),.1);border-radius:16px;height:48px;margin-bottom:16px;position:relative;width:48px}.loading-icon-wrapper:before{animation:pulse 2s ease-in-out infinite;background:rgba(var(--primary),.2);border-radius:14px;content:"";inset:-2px;position:absolute;z-index:-1}.loading-icon{animation:spin 1s linear infinite;color:rgba(var(--primary))}.loading-text{color:rgba(var(--text-secondary));font-size:16px;font-weight:500}.empty-state{padding:80px 24px;text-align:center}.empty-icon-wrapper{align-items:center;background:rgba(var(--border-light));border-radius:20px;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.empty-icon{color:rgba(var(--text-muted))}.empty-title{color:rgba(var(--text-primary));font-size:20px;font-weight:700;margin-bottom:12px}.empty-description{color:rgba(var(--text-secondary));font-size:14px;line-height:1.5;margin:0 auto 24px;max-width:400px}.reset-search-btn{font-weight:600;height:44px;padding:0 24px}.pagination-container{align-items:center;background:rgba(var(--surface));border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding:20px 24px}.pagination-info{color:rgba(var(--text-secondary));font-size:14px;font-weight:500}.info-highlight{color:rgba(var(--primary));font-weight:700}.pagination-nav{align-items:center;display:flex;gap:6px}.pagination-btn{padding:0 14px}.page-btn,.pagination-btn{font-size:14px;font-weight:600;height:38px}.page-btn{border-radius:10px;padding:0;width:38px}.page-active{background:rgba(var(--primary))!important;border-color:rgba(var(--primary))!important;box-shadow:var(--shadow-md);color:#fff!important}.custom-action-btn.success{background:rgba(var(--success),.1);border:1px solid rgba(var(--success),.2);color:rgba(var(--success))}.custom-action-btn.success:hover{background:rgba(var(--success),.2);box-shadow:0 4px 12px rgba(var(--success),.3)}.custom-action-btn.danger{background:rgba(var(--danger),.1);border:1px solid rgba(var(--danger),.2);color:rgba(var(--danger))}.custom-action-btn.danger:hover{background:rgba(var(--danger),.2);box-shadow:0 4px 12px rgba(var(--danger),.3)}.custom-action-btn.warning{background:rgba(var(--warning),.1);border:1px solid rgba(var(--warning),.2);color:rgba(var(--warning))}.custom-action-btn.warning:hover{background:rgba(var(--warning),.2);box-shadow:0 4px 12px rgba(var(--warning),.3)}.custom-action-btn.info{background:rgba(var(--info),.1);border:1px solid rgba(var(--info),.2);color:rgba(var(--info))}.custom-action-btn.info:hover{background:rgba(var(--info),.2);box-shadow:0 4px 12px rgba(var(--info),.3)}.custom-action-btn.default{background:rgba(var(--text-muted),.1);border:1px solid rgba(var(--text-muted),.2);color:rgba(var(--text-muted))}.custom-action-btn.default:hover{background:rgba(var(--text-muted),.2);box-shadow:0 4px 12px rgba(var(--text-muted),.3)}@media (max-width:768px){.action-menu-item{font-size:15px;gap:16px;padding:14px 20px}.action-menu-item svg{height:20px;width:20px}.table-header-controls{padding:16px}.table-controls-wrapper{gap:12px}.table-action-buttons,.table-filter-controls{align-items:stretch;flex-direction:column}.filter-input-wrapper,.main-search-wrapper{min-width:auto;width:100%}.pagination-container{flex-direction:column;gap:16px;padding:16px;text-align:center}.pagination-nav{flex-wrap:wrap;justify-content:center}.data-table{min-width:600px}.header-cell,.table-cell{font-size:12px;padding:12px 8px}.actions-cell{min-width:60px;width:60px}.actions-trigger-btn{height:32px;width:32px}.actions-dropdown-menu{animation:actionsDropdownSlideInMobile .25s ease-out;left:auto;min-width:200px;right:0;transform:none}@keyframes actionsDropdownSlideInMobile{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.table-tooltip{font-size:12px;max-width:250px;padding:10px 12px}.cell-with-tooltip{cursor:pointer}}@media (max-width:480px){.pagination-container,.table-container,.table-header-controls{border-radius:16px}.filter-modal-container{border-radius:16px;padding:20px}.empty-state,.loading-state{padding:40px 16px}.data-table{min-width:500px}.table-tooltip{font-size:11px;max-width:200px;padding:8px 10px}.actions-dropdown-menu{min-width:180px}.action-menu-item{gap:12px;padding:12px 16px}.action-menu-item svg{height:18px;width:18px}}@media print{.actions-cell,.pagination-container,.table-header-controls{display:none!important}.table-container{border:1px solid #ddd;box-shadow:none}.table-row:hover{background:transparent!important}body{background:#fff!important}}@media (prefers-contrast:high){.btn,.table-container{border-width:2px}.action-menu-item{border:1px solid transparent}.action-menu-item:hover{border-color:currentColor}}@media (prefers-reduced-motion:reduce){*,.action-menu-item,.action-menu-item .menu-item-text,.action-menu-item svg,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.action-menu-item:hover,.action-menu-item:hover svg{transform:none!important}}.dark .table-container{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.dark .btn{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.data-table td,.data-table th{box-sizing:border-box;position:relative}.columns-dropdown-wrapper{display:inline-block}[dir=rtl] .data-table,[dir=rtl] .table-wrapper{direction:rtl}.header-cell:first-child,.table-cell:first-child{max-width:60px;min-width:60px;width:60px}.actions-cell,.actions-header{max-width:80px!important;min-width:80px!important;width:80px!important}.cell-text,.header-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columns-dropdown{animation:dropdownSlideIn .2s ease-out;transform-origin:top right}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.column-checkbox:focus{outline:2px solid rgba(var(--primary),.5);outline-offset:2px}.date-cell,.index-cell,.regular-cell{justify-content:center;text-align:center;width:100%}.actions-container,.header-content{align-items:center;display:flex;justify-content:center;width:100%}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:rgba(var(--border-light));border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:rgba(var(--primary),.4);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary),.6)}.actions-trigger-btn:focus-visible,.btn:focus-visible,.column-checkbox:focus-visible{outline:2px solid rgba(var(--primary),.5);outline-offset:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-11{right:2.75rem}.top-0{top:0}.top-20{top:5rem}.top-4{top:1rem}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[75\]{z-index:75}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-\[290px\]{margin-left:290px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-\[290px\]{margin-right:290px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.\!h-7{height:1.75rem!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[70vh\]{height:70vh}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-56{max-height:14rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.min-h-52{min-height:13rem}.min-h-screen{min-height:100vh}.\!w-7{width:1.75rem!important}.\!w-72{width:18rem!important}.\!w-96{width:24rem!important}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100vw\]{width:100vw}.w-\[280px\]{width:280px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-52{min-width:13rem}.max-w-24{max-width:6rem}.max-w-28{max-width:7rem}.max-w-2xl{max-width:42rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.\!rounded-lg{border-radius:.5rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[13px\]{border-radius:13px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#00CED1\]{--tw-border-opacity:1;border-color:rgb(0 206 209/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-primary\/20{border-color:rgba(var(--primary),.2)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white{border-color:rgba(var(--white))}.border-t-primary{border-top-color:rgba(var(--primary))}.border-t-transparent{border-top-color:transparent}.border-opacity-15{--tw-border-opacity:.15}.\!bg-\[\#E2E2E2\]\/10{background-color:#e3e3e31a!important}.\!bg-primary{background-color:rgba(var(--primary))!important}.bg-\[\#F8F8F8\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity,1))}.bg-\[\#F9FAFC\]{--tw-bg-opacity:1;background-color:rgb(249 250 252/var(--tw-bg-opacity,1))}.bg-background{background-color:rgba(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/5{background-color:#0000000d}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-primary{background-color:rgba(var(--primary))}.bg-primary\/10{background-color:rgba(var(--primary),.1)}.bg-primary\/15{background-color:rgba(var(--primary),.15)}.bg-primary\/5{background-color:rgba(var(--primary),.05)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-white{background-color:rgba(var(--white))}.bg-white\/95{background-color:rgba(var(--white),.95)}.bg-opacity-30{--tw-bg-opacity:.3}.bg-opacity-60{--tw-bg-opacity:.6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:rgba(var(--primary)) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from:rgba(var(--primary),.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-primary\/10{--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(var(--primary),.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to:rgba(var(--primary),.05) var(--tw-gradient-to-position)}.to-primary\/70{--tw-gradient-to:rgba(var(--primary),.7) var(--tw-gradient-to-position)}.to-primary\/80{--tw-gradient-to:rgba(var(--primary),.8) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.pb-5{padding-bottom:1.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.\!text-white{color:rgba(var(--white))!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-primary{color:rgba(var(--primary))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{color:rgba(var(--white))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.\!opacity-50{opacity:.5!important}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-500\/25{--tw-shadow-color:hsla(220,9%,46%,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/25{--tw-shadow-color:rgba(34,197,94,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-green-500\/50{--tw-shadow-color:rgba(34,197,94,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-primary\/25{--tw-shadow-color:rgba(var(--primary),.25);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{font-family:Tajawal,sans-serif;font-style:normal}::-webkit-scrollbar{height:4px!important;width:4px}::-webkit-scrollbar-track{background-color:rgba(var(--border-light));border-radius:8px}::-webkit-scrollbar-thumb{background:rgba(var(--primary),.8);border-radius:8px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary))}.light{--background:245,245,245;--background-gradient:#f5f5f5;--white:255,255,255;--primary:30,144,255;--primary-hover:24,120,220;--primary-light:30,144,255,.08;--secondary:0,206,209;--secondary-hover:0,180,183;--secondary-light:0,206,209,.08;--surface:255,255,255;--surface-hover:240,248,255;--surface-elevated:255,255,255;--border:220,220,220;--border-light:235,240,245;--border-subtle:245,245,245;--text-primary:47,47,47;--text-secondary:80,80,80;--text-muted:120,120,120;--text-disabled:180,180,180;--accent-blue:30,144,255;--accent-cyan:0,206,209;--success:34,197,94;--warning:245,158,11;--danger:239,68,68;--info:0,206,209;--shadow-sm:0 1px 2px 0 rgba(30,144,255,.05);--shadow-md:0 4px 6px -1px rgba(30,144,255,.1),0 2px 4px -1px rgba(30,144,255,.06);--shadow-lg:0 10px 15px -3px rgba(30,144,255,.1),0 4px 6px -2px rgba(30,144,255,.05);--shadow-xl:0 20px 25px -5px rgba(30,144,255,.1),0 10px 10px -5px rgba(30,144,255,.04)}.dark{--background:47,47,47;--background-gradient:#2f2f2f;--white:47,47,47;--primary:30,144,255;--primary-hover:24,120,220;--primary-light:30,144,255,.08;--secondary:0,206,209;--secondary-hover:0,180,183;--secondary-light:0,206,209,.08;--surface:55,55,55;--surface-hover:60,60,60;--surface-elevated:60,60,60;--border:80,80,80;--border-light:70,70,70;--border-subtle:60,60,60;--text-primary:245,245,245;--text-secondary:200,200,200;--text-muted:160,160,160;--text-disabled:120,120,120;--accent-blue:30,144,255;--accent-cyan:0,206,209;--success:34,197,94;--warning:245,158,11;--danger:239,68,68;--info:0,206,209;--shadow-sm:0 1px 3px 0 rgba(30,144,255,.12),0 1px 2px 0 rgba(30,144,255,.24);--shadow-md:0 4px 6px -1px rgba(30,144,255,.1),0 2px 4px -1px rgba(30,144,255,.06);--shadow-lg:0 10px 15px -3px rgba(30,144,255,.1),0 4px 6px -2px rgba(30,144,255,.05);--shadow-xl:0 20px 25px -5px rgba(30,144,255,.1),0 10px 10px -5px rgba(30,144,255,.04)}body{background:var(--background-gradient);color:rgba(var(--text-primary));font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.\*\:active>* .actions-trigger-btn{background:rgba(var(--surface-elevated));border-color:rgba(var(--primary),.3);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;color:rgba(var(--text-primary));transform:translateY(-1px)}.before\:\!bg-primary:before{background-color:rgba(var(--primary))!important;content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-6:after{content:var(--tw-content);height:1.5rem}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:bg-white:after{background-color:rgba(var(--white));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:overflow-visible:hover{overflow:visible}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-primary\/90:hover{background-color:rgba(var(--primary),.9)}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:\!shadow-none:hover{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-primary\/10:hover{--tw-shadow-color:rgba(var(--primary),.1);--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-red-500\/10:hover{--tw-shadow-color:rgba(239,68,68,.1);--tw-shadow:var(--tw-shadow-colored)}.focus\:scale-\[1\.01\]:focus{--tw-scale-x:1.01;--tw-scale-y:1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:border-primary:focus{border-color:rgba(var(--primary))}.focus\:bg-primary\/90:focus{background-color:rgba(var(--primary),.9)}.focus\:bg-red-50:focus{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.focus\:bg-red-700:focus{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.focus\:bg-white:focus{background-color:rgba(var(--white))}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-primary\/20:focus{--tw-shadow-color:rgba(var(--primary),.2);--tw-shadow:var(--tw-shadow-colored)}.focus\:shadow-red-500\/20:focus{--tw-shadow-color:rgba(239,68,68,.2);--tw-shadow:var(--tw-shadow-colored)}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-0:focus{outline-offset:0}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-blue-600:focus{outline-color:#2563eb}.focus\:outline-gray-400:focus{outline-color:#9ca3af}.focus\:outline-primary:focus{outline-color:rgba(var(--primary))}.focus\:outline-red-500:focus{outline-color:#ef4444}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:rgba(var(--primary))}.active\:scale-\[\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99}.active\:scale-\[0\.98\]:active,.active\:scale-\[\.99\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98}.group:hover .group-hover\:right-0{right:0}.group:hover .group-hover\:w-96{width:24rem}.group:hover .group-hover\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.peer:checked~.peer-checked\:from-primary{--tw-gradient-from:rgba(var(--primary)) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.peer:checked~.peer-checked\:to-primary\/80{--tw-gradient-to:rgba(var(--primary),.8) var(--tw-gradient-to-position)}.peer:checked~.peer-checked\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.peer:checked~.peer-checked\:shadow-primary\/25{--tw-shadow-color:rgba(var(--primary),.25);--tw-shadow:var(--tw-shadow-colored)}.peer:checked~.peer-checked\:after\:translate-x-7:after{content:var(--tw-content);--tw-translate-x:1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\:ring-primary\/20{--tw-ring-color:rgba(var(--primary),.2)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900\/95:is(.dark *){background-color:#111827f2}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:from-primary\/10:is(.dark *){--tw-gradient-from:rgba(var(--primary),.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:via-primary\/20:is(.dark *){--tw-gradient-to:rgba(var(--primary),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(var(--primary),.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:to-primary\/10:is(.dark *){--tw-gradient-to:rgba(var(--primary),.1) var(--tw-gradient-to-position)}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){color:rgba(var(--white))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:focus\:bg-gray-900:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:focus\:bg-red-900\/40:focus:is(.dark *){background-color:#7f1d1d66}.dark\:focus\:ring-primary:focus:is(.dark *){--tw-ring-color:rgba(var(--primary))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:w-96{width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:text-right:where([dir=rtl],[dir=rtl] *){text-align:right}#vue3-snackbar--container{margin:16px 16px 0;padding:0;pointer-events:none;position:fixed;z-index:var(--snackbar-zindex)}#vue3-snackbar--container.is-rtl .vue3-snackbar-message-icon{margin-left:16px;margin-right:0}#vue3-snackbar--container.is-top{top:0}#vue3-snackbar--container.is-bottom{bottom:0}#vue3-snackbar--container.is-left{left:0}#vue3-snackbar--container.is-right{right:0}#vue3-snackbar--container.is-start{inset-inline-start:0}#vue3-snackbar--container.is-end{inset-inline-end:0}#vue3-snackbar--container.is-middle{top:50%;transform:translateY(-50%)}#vue3-snackbar--container.is-centre{left:50%;transform:translate(-50%)}#vue3-snackbar--container.shadow-xs .vue3-snackbar-message{box-shadow:0 1px 2px #0000000d}#vue3-snackbar--container.shadow-sm .vue3-snackbar-message{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}#vue3-snackbar--container.shadow-md .vue3-snackbar-message{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}#vue3-snackbar--container.shadow-lg .vue3-snackbar-message{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}#vue3-snackbar--container.shadow-xl .vue3-snackbar-message{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}#vue3-snackbar--container.shadow-2xl .vue3-snackbar-message{box-shadow:0 25px 50px -12px #00000040}.vue3-snackbar-message{border-radius:4px;color:var(--message-text-color,#fff);display:flex;margin-bottom:16px;pointer-events:all;position:relative}.vue3-snackbar-message-action{display:flex;justify-content:flex-end;width:100%}.vue3-snackbar-message-action:not(:empty){padding-top:.5rem}.vue3-snackbar-message.has-border{background-color:var(--base-background-color,#fff);border:0 solid;position:relative}.vue3-snackbar-message.has-border:before{background-color:var(--background-color);content:"";inset:0;opacity:var(--background-opacity);pointer-events:none;position:absolute}.vue3-snackbar-message.has-border.success{color:var(--success-colour)}.vue3-snackbar-message.has-border.error{color:var(--error-colour)}.vue3-snackbar-message.has-border.info{color:var(--info-colour)}.vue3-snackbar-message.has-border.warning{color:var(--warning-colour)}.vue3-snackbar-message.has-border.has-background{color:var(--message-background)}.vue3-snackbar-message.border-left{border-left-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-left:before{border-bottom-right-radius:inherit;border-top-right-radius:inherit}.vue3-snackbar-message.border-right{border-right-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-right:before{border-bottom-left-radius:inherit;border-top-left-radius:inherit}.vue3-snackbar-message.border-top{border-top-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-top:before{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.vue3-snackbar-message.border-bottom{border-bottom-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-bottom:before{border-top-left-radius:inherit;border-top-right-radius:inherit}.vue3-snackbar-message.border-start{border-inline-start-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-start:before{border-end-end-radius:inherit;border-start-end-radius:inherit}.vue3-snackbar-message.border-end{border-inline-end-width:var(--snackbar-border-width)}.vue3-snackbar-message.border-end:before{border-end-start-radius:inherit;border-start-start-radius:inherit}.vue3-snackbar-message.success:not(.has-background):not(.has-border){background-color:var(--success-colour);border-color:var(--success-colour)}.vue3-snackbar-message.error:not(.has-background):not(.has-border){background-color:var(--error-colour);border-color:var(--error-colour)}.vue3-snackbar-message.warning:not(.has-background):not(.has-border){background-color:var(--warning-colour);border-color:var(--warning-colour)}.vue3-snackbar-message.info:not(.has-background):not(.has-border){background-color:var(--info-colour);border-color:var(--info-colour)}.vue3-snackbar-message.has-background:not(.has-border){background-color:var(--message-background);border-color:var(--message-background)}.vue3-snackbar-message-wrapper{align-items:center;border-radius:inherit;display:flex;padding:16px}.vue3-snackbar-message.is-dense .vue3-snackbar-message-wrapper{padding:8px 16px}.vue3-snackbar-message-title{font-weight:700;position:relative}.vue3-snackbar-message-additional{position:relative}.vue3-snackbar-message-icon{color:var(--message-icon-color,currentColor);display:flex;margin-right:16px}.vue3-snackbar-message-close{margin-left:16px;min-width:30px}.vue3-snackbar-message-close button{-webkit-appearance:none}.vue3-snackbar-message-close button:focus:not(:focus-visible){outline:none}.vue3-snackbar-message-close button:focus:not(:-moz-focusring){outline:none}.vue3-snackbar-message-close button{color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;align-items:center;background:0 0;border:none;cursor:pointer;display:flex;height:30px;justify-content:center;line-height:normal;margin:0;overflow:visible;padding:0;position:relative;text-align:inherit;width:30px}.vue3-snackbar-message-close button:before{background:currentColor;border-radius:50%;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-in-out}.vue3-snackbar-message-close button:hover:before{opacity:.22}.vue3-snackbar-message-content{display:flex;flex-flow:column;width:var(--snackbar-content-width)}.vue3-snackbar-message-badge{background:#c10015;border:1px solid #dc143c;border-radius:8px;box-shadow:0 1px 3px #0003,0 1px 1px #00000024,0 2px 1px -1px #0000001f;color:#fff;font-size:.9em;font-weight:700;left:0;padding:.125em .5em;position:absolute;top:0;transform:translate(-25%,-25%)}.vue3-snackbar-message.border-left .vue3-snackbar-message-badge{left:0;top:-5px}.vue3-snackbar-message-enter-from{opacity:0;transform:translateY(50%)}.vue3-snackbar-message-leave-from{max-height:1000px}.vue3-snackbar .vue3-snackbar-message.vue3-snackbar-message-leave-to{margin-bottom:0;max-height:0;opacity:0;overflow:hidden}.vue3-snackbar .vue3-snackbar-message.vue3-snackbar-message-leave-to .vue3-snackbar-message-badge{opacity:0}.vue3-snackbar-message-enter-active{transition:transform .3s,opacity .3s}.vue3-snackbar-message-leave-active{transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}@keyframes headShake{0%{transform:translate(-25%,-25%)}6.5%{transform:translate(calc(-25% - 6px),-25%)rotateY(-9deg)}18.5%{transform:translate(calc(5px - 25%),-25%)rotateY(7deg)}31.5%{transform:translate(calc(-25% - 3px),-25%)rotateY(-5deg)}43.5%{transform:translate(calc(2px - 25%),-25%)rotateY(3deg)}50%{transform:translate(-25%,-25%)}}.shake-baby-shake .vue3-snackbar-message-badge{animation-duration:1s;animation-fill-mode:both;animation-name:headShake;animation-timing-function:ease-in-out}