@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";html{--mat-sys-background: light-dark(#fff7f9, #161215);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);--mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);--mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);--mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #5b005b);--mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);--mat-sys-on-primary-fixed: light-dark(#380038, #380038);--mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);--mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);--mat-sys-on-secondary-container: light-dark(#554151, #f7daef);--mat-sys-on-secondary-fixed: light-dark(#271624, #271624);--mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);--mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#80747c, #9a8d95);--mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);--mat-sys-primary: light-dark(#a900a9, #ffabf3);--mat-sys-primary-container: light-dark(#ffd7f5, #810081);--mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);--mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#6e5869, #dabfd2);--mat-sys-secondary-container: light-dark(#f7daef, #554151);--mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);--mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff7f9, #161215);--mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);--mat-sys-surface-container: light-dark(#f5ebf0, #231e22);--mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);--mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);--mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);--mat-sys-surface-dim: light-dark(#e1d7dc, #161215);--mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);--mat-sys-surface-variant: light-dark(#eedee7, #4e444b);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{height:100%;margin:0;font-family:Plus Jakarta Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}body.dark-mode ::-webkit-scrollbar-track{background:#0b0e14!important}body.dark-mode ::-webkit-scrollbar-thumb,body.dark-mode *::-webkit-scrollbar-thumb{background-color:#00cfd5!important;border-radius:10px;border:2px solid #0b0e14!important}body.dark-mode ::-webkit-scrollbar-thumb:hover,body.dark-mode *::-webkit-scrollbar-thumb:hover{background-color:#008f94!important}body.dark-mode .sidebar-wrapper ::-webkit-scrollbar-thumb,body.dark-mode .sidebar-wrapper *::-webkit-scrollbar-thumb,body.dark-mode .sidebar-wrapper ::-webkit-scrollbar-thumb:hover,body.dark-mode .sidebar-wrapper *::-webkit-scrollbar-thumb:hover{background-color:#21262d!important;border-color:#11161d!important}body.dark-mode .sidebar-wrapper ::-webkit-scrollbar-track,body.dark-mode .sidebar-wrapper *::-webkit-scrollbar-track{background-color:transparent!important}body.dark-mode .main-content ::-webkit-scrollbar-thumb,body.dark-mode .main-content *::-webkit-scrollbar-thumb{background-color:#00cfd5!important}body.dark-mode,body.dark-mode *{scrollbar-width:thin;scrollbar-color:#00cfd5 #0b0e14!important}body.dark-mode .sidebar-wrapper,body.dark-mode .sidebar-wrapper *{scrollbar-width:thin;scrollbar-color:#21262d transparent!important}body{background-color:#f5f5f5;color:#212529}.navbar{background-color:#7a3ca0!important;color:#fff!important;box-shadow:0 2px 6px #00000026}.sidebar-wrapper,.sidebar{background-color:#7a3ca0;color:#fff}.card,.table{background-color:#fff;color:#212529}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #7a3ca01a;transition:box-shadow .2s ease-in-out}body.dark-mode{background-color:#0b0e14!important;color:#c9d1d9!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fff!important}body.dark-mode .navbar,body.dark-mode .sticky-top{background-color:#11161d!important;border-bottom:1px solid #30363d!important;color:#fff!important}body.dark-mode .sidebar-wrapper,body.dark-mode .sidebar{background-color:#11161d!important;border-right:1px solid #30363d!important;color:#fff!important}body.dark-mode .modal-content,body.dark-mode .modal-dialog .modal-content{background-color:#161b22!important;border:1px solid #30363d!important;color:#fff!important;box-shadow:0 10px 40px #0009!important}body.dark-mode .modal-header,body.dark-mode .modal-footer{background-color:#11161d!important;border-color:#30363d!important;color:#fff!important}body.dark-mode label,body.dark-mode .form-label{color:#fff!important}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#0d1117!important;border:1px solid #30363d!important;color:#fff!important}body.dark-mode .btn-purple,body.dark-mode .btn-primary,body.dark-mode .btn-info,body.dark-mode .btn-success,body.dark-mode .btn-secondary,body.dark-mode .btn-light,body.dark-mode .btn-outline,body.dark-mode .btn-outline-secondary,body.dark-mode .btn-outline-primary,body.dark-mode .btn-outline-purple,body.dark-mode .btn-outline-info,body.dark-mode .btn-outline-success{background-color:#00cfd5!important;border-color:#00cfd5!important;color:#0b0e14!important;font-weight:700!important}body.dark-mode .btn-purple:hover,body.dark-mode .btn-primary:hover,body.dark-mode .btn-info:hover,body.dark-mode .btn-success:hover,body.dark-mode .btn-secondary:hover,body.dark-mode .btn-light:hover,body.dark-mode .btn-outline:hover,body.dark-mode .btn-outline-secondary:hover,body.dark-mode .btn-outline-primary:hover,body.dark-mode .btn-outline-purple:hover,body.dark-mode .btn-outline-info:hover,body.dark-mode .btn-outline-success:hover{background-color:#00b8bc!important;border-color:#00b8bc!important;color:#0b0e14!important;box-shadow:0 0 15px #00cfd54d!important}body.dark-mode .table-container,body.dark-mode .card{background-color:#161b22!important;border:1px solid #30363d!important;color:#c9d1d9!important}body.dark-mode .table{color:#c9d1d9!important}body.dark-mode .table thead th{background-color:#0d1117!important;color:#fff!important;border-bottom:2px solid #30363d!important}body.dark-mode .table td{border-color:#21262d!important}body.dark-mode .pagination .page-link{background-color:#0d1117!important;border-color:#30363d!important;color:#8b949e!important}body.dark-mode .pagination .page-item.active .page-link{background-color:#00cfd5!important;border-color:#00cfd5!important;color:#0b0e14!important}body.dark-mode .sidebar .nav-link{color:#8b949e!important;transition:all .2s ease}body.dark-mode .sidebar .nav-link:hover{background-color:#00cfd50d!important;color:#00cfd5!important}body.dark-mode .sidebar .nav-link.active{background-color:#00cfd51a!important;color:#00cfd5!important}body.dark-mode .sidebar .child-link{color:#8b949e!important}body.dark-mode .sidebar .child-link:hover{background-color:#00cfd508!important;color:#00cfd5!important}body.dark-mode .sidebar .child-link.active{color:#00cfd5!important;background-color:#00cfd514!important}body.dark-mode .table thead th{border-top:none!important;padding:15px!important}body.dark-mode .table tbody tr{background-color:#161b22!important;transition:background-color .2s ease}body.dark-mode .table tbody tr:hover{background-color:#1c2128!important}body.dark-mode .table td{color:#8b949e!important;padding:12px 15px!important;background-color:transparent!important}body.dark-mode .content-area{background-color:#0b0e14!important}body.dark-mode .pagination .page-item.disabled .page-link{background-color:#161b22!important;color:#484f58!important}body.dark-mode .icon-btn{background-color:#21262d!important;border-color:#30363d!important;color:#c9d1d9!important}body.dark-mode .btn-outline-primary{color:#00cfd5!important;border-color:#00cfd5!important}body.dark-mode .btn-outline-primary:hover{background-color:#00cfd5!important;color:#0b0e14!important}body.dark-mode .badge.bg-light{background-color:#30363d!important;color:#c9d1d9!important}body.dark-mode ::placeholder{color:#6e7681!important;opacity:1!important}body.dark-mode .text-muted{color:#8b949e!important}body.dark-mode .btn-close{filter:invert(1) grayscale(100%) brightness(200%)!important}body.dark-mode .modal-footer .btn-light,body.dark-mode .btn-light{background-color:#21262d!important;border:1px solid #30363d!important;color:#c9d1d9!important}body.dark-mode .modal-footer .btn-light:hover,body.dark-mode .btn-light:hover{background-color:#30363d!important;color:#fff!important}body.dark-mode .dialog-box,body.dark-mode .popup-card{background-color:#161b22!important;color:#fff!important}body.dark-mode :-ms-input-placeholder{color:#6e7681!important}body.dark-mode ::-ms-input-placeholder{color:#6e7681!important}.riyal-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#1a8a3a;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;vertical-align:middle}body.dark-mode .riyal-icon{background-color:#00cfd5!important;color:#0b0e14!important}[dir=rtl] .ms-1{margin-right:.25rem;margin-left:0}[dir=rtl] .me-1{margin-left:.25rem;margin-right:0}.custom-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1050}.custom-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-modal-content{position:relative;background:#fff;border-radius:16px;width:95%;max-width:500px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.custom-modal-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.custom-modal-body{padding:20px}.custom-modal-footer{padding:16px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.btn-danger-muted{background-color:#dc3545;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:.2s}.btn-danger-muted:hover{background-color:#bd2130}body.dark-mode .custom-modal-content{background-color:#161b22!important;border:1px solid #30363d!important;box-shadow:0 10px 40px #00000080!important;color:#fff!important}body.dark-mode .custom-modal-header,body.dark-mode .custom-modal-footer{border-color:#30363d!important;background-color:#11161d!important}body.dark-mode .btn-danger-muted{background-color:#c62828d9!important;border:1px solid rgba(198,40,40,.4)!important;color:#fcc!important}body.dark-mode .btn-danger-muted:hover{background-color:#c62828!important}body.dark-mode .icon-btn.approve{background-color:#2e7d3233!important;border:1px solid rgba(46,125,50,.4)!important;color:#81c784!important}body.dark-mode .icon-btn.approve:hover{background-color:#2e7d3259!important}body.dark-mode .icon-btn.reject{background-color:#c6282833!important;border:1px solid rgba(198,40,40,.4)!important;color:#e57373!important}body.dark-mode .icon-btn.reject:hover{background-color:#c6282859!important}.page-wrapper{padding:16px;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:10px}.header-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#7a3ca0,#5b2d80);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 10px #7a3ca040}.page-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0}.page-subtitle{font-size:.78rem;color:#6b7280;margin:1px 0 0}.total-badge{background:linear-gradient(135deg,#7a3ca0,#5b2d80);color:#fff;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 6px #7a3ca040}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.search-box{position:relative;max-width:280px;width:100%}.search-box i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.9rem;pointer-events:none}.search-box .search-input{width:100%;padding:8px 32px 8px 12px;font-size:.82rem;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;transition:all .2s ease;background:#fff}.search-box .search-input:focus{border-color:#7a3ca0;box-shadow:0 0 0 3px #7a3ca01a}[dir=rtl] .search-box i{left:10px;right:auto}[dir=rtl] .search-box .search-input{padding:8px 12px 8px 32px}.btn-add{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#7a3ca0,#5b2d80);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #7a3ca040;text-decoration:none}.btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 10px #7a3ca04d;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;color:#7a3ca0;gap:16px;width:100%}.spinner-ring{width:46px;height:46px;border:3px solid rgba(122,60,160,.08);border-top-color:#7a3ca0;border-bottom-color:#7a3ca0;border-radius:50%;position:relative;display:inline-block;animation:spin-clockwise 1.2s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 15px #7a3ca026}.spinner-ring:before{content:"";position:absolute;inset:4px;border:3px solid rgba(122,60,160,.03);border-left-color:#7a3ca0d9;border-right-color:#7a3ca0d9;border-radius:50%;animation:spin-counterclockwise .8s linear infinite}body.dark-mode .spinner-ring{border-color:#00cfd514;border-top-color:#00cfd5;border-bottom-color:#00cfd5;box-shadow:0 0 15px #00cfd540}body.dark-mode .spinner-ring:before{border-color:#00cfd508;border-left-color:#00cfd5d9;border-right-color:#00cfd5d9}body.dark-mode .loading-state{color:#00cfd5}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.table-card{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0000000d;overflow:hidden;margin-top:40px}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:center;font-size:.75rem}.data-table thead tr{background:linear-gradient(135deg,#f8f4ff,#f3f0ff)}.data-table th{padding:10px 4px;font-weight:600;color:#7a3ca0;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid #ede8ff;white-space:nowrap}.table-row{transition:background .15s ease;border-bottom:1px solid #f3f4f6}.table-row:hover{background:#faf7ff}.data-table td{padding:8px 4px;vertical-align:middle;white-space:nowrap}.profile-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #ede8ff;box-shadow:0 1px 4px #7a3ca01a}.register-img{width:45px;height:30px;border-radius:6px;object-fit:cover;border:1.5px solid #ede8ff;cursor:pointer;transition:transform .2s ease}.register-img:hover{transform:scale(1.1);box-shadow:0 2px 8px #7a3ca026}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:.72rem;font-weight:600}.badge-pending{background:#fff8e1;color:#b45309;border:1px solid #fde68a}.badge-approved{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge-rejected{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-info-type{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge-private-type{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.badge-purple-type{background:#f3f0ff;color:#7a3ca0;border:1px solid #e9d5ff}body.dark-mode .badge-pending{background:#d9770626!important;color:#f59e0b!important;border-color:#d977064d!important}body.dark-mode .badge-approved{background:#10b98126!important;color:#10b981!important;border-color:#10b9814d!important}body.dark-mode .badge-rejected{background:#ef444426!important;color:#ef4444!important;border-color:#ef44444d!important}body.dark-mode .badge-info-type{background:#0ea5e926!important;color:#0ea5e9!important;border-color:#0ea5e94d!important}body.dark-mode .badge-private-type{background:#9ca3af26!important;color:#9ca3af!important;border-color:#9ca3af4d!important}body.dark-mode .badge-purple-type{background:#7a3ca026!important;color:#d8b4fe!important;border-color:#7a3ca04d!important}body.dark-mode .form-switch .form-check-input{background-color:#ffffff26!important;border-color:#ffffff4d!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238b949e'/%3e%3c/svg%3e")!important}body.dark-mode .form-switch .form-check-input:checked{background-color:#00cfd5!important;border-color:#00cfd5!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230b0e14'/%3e%3c/svg%3e")!important}.action-buttons{display:flex;justify-content:center;gap:4px}.edit-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f3f0ff;color:#7a3ca0;border:none;cursor:pointer;transition:all .2s ease;font-size:.8rem}.edit-btn:hover{background:#7a3ca0;color:#fff;transform:translateY(-1px)}.delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#fee2e2;color:#dc2626;border:none;cursor:pointer;transition:all .2s ease;font-size:.8rem}.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:4px;padding:12px;border-top:1px solid #f3f4f6}.page-btn{width:30px;height:30px;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#7a3ca0;color:#7a3ca0}.page-btn.active{background:#7a3ca0;border-color:#7a3ca0;color:#fff;box-shadow:0 2px 6px #7a3ca040}.page-btn:disabled{opacity:.35;cursor:not-allowed}.truncate-text{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .table-card{background:#161b22!important;border:1px solid #30363d!important;box-shadow:0 4px 20px #00000040!important}body.dark-mode .data-table thead tr{background:#0d1117!important}body.dark-mode .data-table th{color:#00cfd5!important;border-bottom:2px solid #30363d!important}body.dark-mode .table-row{border-bottom:1px solid #21262d!important}body.dark-mode .table-row:hover{background:#1c2128!important}body.dark-mode .profile-img,body.dark-mode .register-img{border-color:#30363d!important}body.dark-mode .page-title{color:#fff!important}body.dark-mode .search-box .search-input{background:#0d1117!important;border-color:#30363d!important;color:#fff!important}body.dark-mode .search-box .search-input:focus{border-color:#00cfd5!important}body.dark-mode .page-btn{background:#161b22!important;border-color:#30363d!important;color:#8b949e!important}body.dark-mode .page-btn:hover:not(:disabled){border-color:#00cfd5!important;color:#00cfd5!important}body.dark-mode .page-btn.active{background:#00cfd5!important;border-color:#00cfd5!important;color:#0b0e14!important}body.dark-mode .edit-btn{background:#21262d!important;color:#00cfd5!important}body.dark-mode .edit-btn:hover{background:#00cfd5!important;color:#0b0e14!important}body.dark-mode .total-badge{background:linear-gradient(135deg,#00cfd5,#008f94)!important;color:#0b0e14!important;box-shadow:0 2px 8px #00cfd54d!important}body.dark-mode .header-icon{background:linear-gradient(135deg,#00cfd5,#008f94)!important;color:#0b0e14!important;box-shadow:0 4px 14px #00cfd559!important}body.dark-mode .btn-add{background:linear-gradient(135deg,#00cfd5,#008f94)!important;color:#0b0e14!important;box-shadow:0 2px 6px #00cfd540!important}body.dark-mode .btn-add:hover{background:linear-gradient(135deg,#00b8bc,#007f83)!important;color:#0b0e14!important;box-shadow:0 4px 10px #00cfd54d!important}.header-select{padding:8px 36px 8px 16px;font-size:.82rem;font-weight:600;color:#7a3ca0;background-color:#f3f0ff;border:1.5px solid #ede8ff;border-radius:10px;cursor:pointer;outline:none;transition:all .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237a3ca0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.header-select:focus{border-color:#7a3ca0;box-shadow:0 0 0 3px #7a3ca026}[dir=rtl] .header-select{padding:8px 16px 8px 36px;background-position:left 12px center}body.dark-mode .header-select{color:#00cfd5;background-color:#161b22;border-color:#30363d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300cfd5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}body.dark-mode .header-select:focus{border-color:#00cfd5;box-shadow:0 0 0 3px #00cfd526}