body{font-family:IBM Plex Sans Arabic,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.filter-footer{display:flex;gap:12px}.filter-footer .btn-reset{flex:1;height:48px;border-radius:18px;background:#6c6c6c40;color:#131344;border:1.5px solid #e4e3eb;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-footer .btn-reset:hover{transform:translateY(-2px)}.filter-footer .btn-reset:active{transform:translateY(0)}.filter-footer .btn-apply{flex:1;height:48px;border-radius:18px;background:#131344;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #18174526}.filter-footer .btn-apply:hover{background:#20226b;transform:translateY(-2px);box-shadow:0 12px 28px #18174540}.filter-footer .btn-apply:active{transform:translateY(0)}.detail-page{direction:rtl;background:#f8f9fb;font-family:IBM Plex Sans Arabic;max-width:1400px;margin:0 auto}.detail-page .tag-badge{display:inline-flex;font-size:11px;font-weight:700;background:#f1f2f4;color:#18171f;border:1px solid #e4e3eb;background:#eceef2;min-inline-size:158px;block-size:52px;justify-content:space-between;padding:2px 8px;font-size:12px;font-weight:400;border-radius:8px;color:#030213}.detail-page .tag-outline{background:#fff;min-inline-size:248px;color:#0a0a0a;border:1px solid rgba(0,0,0,.1019607843)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;color:#777199}.detail-card{background:#fff;border-radius:14px;border:1px solid #e4e3eb;padding:1.5rem;margin-bottom:1.5rem}.detail-card .card-title{font-size:18px;font-weight:700;color:#18171f;margin:0 0 24px;text-align:right}.detail-card .permissions-title{margin-bottom:16px}.collapsible-card .card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.collapsible-card .card-header .card-title{margin:0}.collapsible-card .card-header .chevron{transition:transform .3s}.collapsible-card .card-header .chevron.rotated{transform:rotate(180deg)}.collapsible-card .card-body{margin-top:24px;animation:slideInDown .3s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:1.5rem 2rem 0;flex-wrap:wrap;gap:12px}.page-header .header-right{display:flex;align-items:center;gap:19px}.page-header .btn-back{background:transparent;border:none;color:#18171f;cursor:pointer;padding:4px}.page-header .header-left{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.page-header{padding:1rem 1rem 0;flex-direction:column;align-items:flex-start}.page-header .header-left{width:100%}}.page-divider{border:none;border-bottom:1px solid rgba(0,0,0,.1019607843);margin-block:1.5rem}.info-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.info-fields{grid-template-columns:1fr}}.tags-list{display:flex;gap:8px;flex-wrap:wrap}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}html{height:100%}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Regular-3YFLANWK.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Medium-SW7SEMZV.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-SemiBold-7WVHGLOC.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Bold-ERDBKPVD.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:IBM Plex Sans Arabic;color:#333;background-color:#f8f9fa;margin:0;padding:0}.btn-primary{display:flex;padding:var(--Spaces-sp-12, 12px) var(--Spaces-sp-24, 24px);justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:var(--Spaces-sp-18, 18px);width:100%;color:var(--Button-Primary-Label-Icon, #FFF);background:var(--New-primry-Color, #131344);text-align:center;font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px}.btn-primary:hover{background-color:var(--Colors-Primary-500, #20226b)}.back-btn{display:flex;padding:var(--Spaces-sp-12, 12px) var(--Spaces-sp-24, 24px);justify-content:center;align-items:center;gap:8px;flex:1 0 0;color:var(--Button-Secondary-Label-Icon, #030421);text-align:center;border-radius:var(--Spaces-sp-18, 18px);border:1px solid var(--Button-Secondary-Border, #B1B2E5);background:var(--Button-Secondary-bg, #B1B2E5);font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px}button,input{border:none;background:none}button{cursor:pointer}.btn-link{color:var(--Colors-Primary-500, #20226B);text-align:center;font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer}.sign-in{color:var(--Colors-Primary-500, #20226B);font-family:IBM Plex Sans Arabic;font-size:16px;font-style:normal;font-weight:700;line-height:30px;cursor:pointer}input::placeholder{font-family:IBM Plex Sans Arabic}select::placeholder{font-family:IBM Plex Sans Arabic}*{font-family:IBM Plex Sans Arabic}@media (max-width: 768px){.btn-primary,.back-btn{padding:12px!important;gap:4px}}@media (max-width: 576px){.sign-in{display:block}}body{margin:0}html{font-size:16px}.component-container{width:100%}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{border-radius:20px;background:#fff;display:flex;width:450px;padding:24px;flex-direction:column;text-align:start;gap:16px;box-shadow:-389px 389px 154px #0000,-249px 249px 141px #00000003,-140px 140px 119px #00000008,-62px 62px 88px #0000000a,-16px 16px 48px #0000000d}::ng-deep .mat-mdc-option .mdc-list-item__primary-text,::ng-deep .mat-mdc-select-value-text{color:var(--Body-Text-Icons, #777199)!important;text-align:right!important;font-family:IBM Plex Sans Arabic!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:24px!important;letter-spacing:-.07px!important}::ng-deep .mat-mdc-select{text-align:right}::ng-deep .mat-mdc-option{justify-content:flex-end}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{margin-right:0!important}.mat-mdc-option.mdc-list-item{justify-content:flex-end}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel,::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{border-radius:20px!important}mat-option{padding:0}::ng-deep .mat-mdc-select-panel{scrollbar-width:none!important}::ng-deep .mat-mdc-select-panel::-webkit-scrollbar{width:0!important;height:0!important}html,body{height:100%}*{box-sizing:border-box}