.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,Helvetica Neue,sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-button-toggle,.mat-card{font-family:Roboto,Helvetica Neue,sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto,Helvetica Neue,sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto,Helvetica Neue,sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,Helvetica Neue,sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto,Helvetica Neue,sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,Helvetica Neue,sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto,Helvetica Neue,sans-serif}.mat-slider-thumb-label-text{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto,Helvetica Neue,sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto,Helvetica Neue,sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto,Helvetica Neue,sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item,.mat-list-option{font-family:Roboto,Helvetica Neue,sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto,Helvetica Neue,sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator,.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:#0000001a}.mat-option{color:#000000de}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:#000000de}.mat-option.mat-option-disabled{color:#00000061}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:#0000008a}.mat-optgroup-disabled .mat-optgroup-label{color:#00000061}.mat-pseudo-checkbox{color:#0000008a}.mat-pseudo-checkbox:after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:#000000de}.mat-elevation-z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-elevation-z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-elevation-z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-elevation-z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-elevation-z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-elevation-z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mat-elevation-z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-elevation-z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mat-elevation-z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-elevation-z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mat-elevation-z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mat-elevation-z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mat-elevation-z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-elevation-z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mat-elevation-z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mat-elevation-z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mat-elevation-z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-elevation-z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mat-elevation-z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mat-elevation-z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mat-elevation-z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mat-elevation-z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mat-elevation-z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mat-elevation-z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mat-elevation-z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:#000000de}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:#000000de}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:#00000061}.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;background:#fff;color:#000000de}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:#00000042}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:#0000001f}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:#000000de;background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary,.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent,.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:#00000042}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:#0000001f}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:#ffffff1a}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:#00000061}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:#0000001f}.mat-button-toggle-appearance-standard{color:#000000de;background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:#0000008a}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:#000000de}.mat-button-toggle-disabled{color:#00000042;background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:#000000de}.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mat-card-subtitle{color:#0000008a}.mat-checkbox-frame{border-color:#0000008a}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa!important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:#00000061}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:#000000de}.mat-chip.mat-standard-chip .mat-chip-remove{color:#000000de;opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip:after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:#ffffff1a}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:#ffffff1a}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:#ffffff1a}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:#0000001f}.mat-header-cell{color:#0000008a}.mat-cell,.mat-footer-cell{color:#000000de}.mat-calendar-arrow{fill:#0000008a}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:#0000008a}.mat-calendar-table-header-divider:after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:#0000008a}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:#000000de;border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#00000061}.mat-form-field-disabled .mat-date-range-input-separator{color:#00000061}.mat-calendar-body-in-preview{color:#0000003d}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:#00000061}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:#0000002e}.mat-calendar-body-in-range:before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#3f51b566}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#3f51b54d}@media (hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#3f51b54d}}.mat-datepicker-content{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;background-color:#fff;color:#000000de}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#ff408166}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#ff40814d}@media (hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#ff40814d}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:#f4433666}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#f443364d}@media (hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#f443364d}}.mat-datepicker-content-touch{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:#00000061}.mat-dialog-container{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;background:#fff;color:#000000de}.mat-divider{border-top-color:#0000001f}.mat-divider-vertical{border-right-color:#0000001f}.mat-expansion-panel{background:#fff;color:#000000de}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mat-action-row{border-top-color:#0000001f}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media (hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:#000000de}.mat-expansion-panel-header-description,.mat-expansion-indicator:after{color:#0000008a}.mat-expansion-panel-header[aria-disabled=true]{color:#00000042}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label,.mat-hint{color:#0009}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:#000000de}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint{color:#0000008a}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#0000006b}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:#0000006b}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:#0000000a}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:#00000005}.mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:#0000006b}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:#00000061}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:#0000001f}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#000000de}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:#00000061}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:#0000000f}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{color:#0000008a}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after{color:#00000061}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:#0000006b}.mat-input-element::-moz-placeholder{color:#0000006b}.mat-input-element::-webkit-input-placeholder{color:#0000006b}.mat-input-element:-ms-input-placeholder{color:#0000006b}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after{color:#f44336}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{color:#000000de}.mat-list-base .mat-subheader{color:#0000008a}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:#00000061}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-menu-item{background:transparent;color:#000000de}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:#00000061}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:#0000008a}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:#0000008a}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:#00000061}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill:after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill:after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill:after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:#0000008a}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:#00000061}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:#00000061}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:#00000061}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:#000000de}.mat-select-placeholder{color:#0000006b}.mat-select-disabled .mat-select-value{color:#00000061}.mat-select-arrow{color:#0000008a}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow,.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:#00000061}.mat-drawer-container{background-color:#fafafa;color:#000000de}.mat-drawer{background-color:#fff;color:#000000de}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:#0009}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:#ff40818a}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:#3f51b58a}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:#f443368a}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;background-color:#fafafa}.mat-slide-toggle-bar{background-color:#00000061}.mat-slider-track-background{background-color:#00000042}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:#3f51b533}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:#ff408133}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:#f4433633}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:#00000061}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:#00000042}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:#0000001f}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:#000000de}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:#00000042}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:#00000042;background-color:transparent}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:#00000061}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:#00000042}.mat-slider-has-ticks .mat-slider-wrapper:after{border-color:#000000b3}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:#0000000a}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media (hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:#0000008a}.mat-step-header .mat-step-icon{background-color:#0000008a;color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:#000000de}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line:before{border-left-color:#0000001f}.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line{border-top-color:#0000001f}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px}.mat-stepper-vertical-line:before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:#000000de}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:#00000061}.mat-tab-header-pagination-chevron{border-color:#000000de}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#00000061}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#c5cae94d}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ff80ab4d}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ffcdd24d}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#c5cae94d}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ff80ab4d}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:#ffcdd24d}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:#fff6}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-toolbar{background:#f5f5f5;color:#000000de}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:#000000de}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:#ffffffb3;background:#323232;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mat-simple-snackbar-action{color:#ff4081}.login-no-scroll{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%)}.header-compact{background:white;border-bottom:2px solid #0072bb;padding:.5rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #00000014;flex-shrink:0}.logo-compact{width:36px;height:36px;object-fit:contain}.brand-compact h1{font-size:1.25rem;font-weight:700;color:#0072bb;margin:0;line-height:1}.brand-compact span{font-size:.7rem;color:#64748b;font-weight:500}.main-compact{flex:1;display:flex;align-items:center;padding:1rem 1.5rem;overflow:hidden}.container-compact{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:420px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.form-card-compact{background:white;border-radius:16px;box-shadow:0 6px 24px #0000001a;overflow:hidden}.form-header-compact{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:1rem 1.5rem .875rem;text-align:center;border-bottom:2px solid #0072bb}.icon-compact{width:50px;height:50px;margin:0 auto .625rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0072bb4d}.icon-compact i{font-size:1.5rem;color:#fff}.form-header-compact h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.form-compact{padding:1.25rem 1.5rem}.input-compact{margin-bottom:.875rem}.input-compact label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.375rem}.input-compact label i{color:#0072bb;margin-right:.375rem}.input-compact input{width:100%;padding:.625rem .875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .3s ease}.input-compact input:focus{outline:none;border-color:#0072bb;box-shadow:0 0 0 3px #0072bb1a}.options-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem}.check-compact{display:flex;align-items:center;gap:.375rem;cursor:pointer;color:#475569}.check-compact input{width:14px;height:14px;cursor:pointer}.forgot-compact{color:#0072bb;text-decoration:none;font-weight:600}.forgot-compact:hover{text-decoration:underline}.btn-primary-compact,.btn-secondary-compact{width:100%;padding:.75rem 1.25rem;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.625rem;border:none}.btn-primary-compact{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;box-shadow:0 3px 12px #0072bb4d;margin-bottom:.875rem}.btn-primary-compact:hover:not(:disabled){background:linear-gradient(135deg,#005a94 0%,#004570 100%);transform:translateY(-2px);box-shadow:0 4px 16px #0072bb66}.btn-primary-compact:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-compact{background:white;color:#0072bb;border:2px solid #0072bb;margin-bottom:.875rem}.btn-secondary-compact:hover{background:#0072bb;color:#fff}.divider-compact{position:relative;text-align:center;margin:.875rem 0}.divider-compact:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider-compact span{position:relative;background:white;padding:0 .75rem;font-size:.75rem;color:#94a3b8}.links-compact{display:flex;justify-content:space-around;padding-top:.875rem;border-top:1px solid #f1f5f9}.links-compact a{color:#64748b;text-decoration:none;font-size:.75rem;transition:color .3s ease;display:flex;align-items:center;gap:.375rem}.links-compact a:hover{color:#0072bb}.info-section-compact{display:flex;flex-direction:column;gap:1rem}.welcome-compact,.first-time-compact,.apps-compact{background:white;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.welcome-icon-compact{width:45px;height:45px;margin:0 auto .75rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.welcome-icon-compact i{font-size:1.5rem;color:#fff}.welcome-compact h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;text-align:center}.welcome-compact p{font-size:.85rem;color:#64748b;margin:0;text-align:center}.first-time-compact h4,.apps-compact h4{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.steps-compact{display:flex;gap:.75rem}.step-compact{flex:1;text-align:center}.num-compact{width:28px;height:28px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;margin-bottom:.5rem}.step-compact p{font-size:.75rem;color:#475569;margin:0;line-height:1.2}.stores-compact{display:flex;gap:.75rem}.store-compact{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.8rem;transition:all .3s ease}.store-compact.apple{background:#000;color:#fff}.store-compact.apple:hover{background:#1a1a1a}.store-compact.google{background:#01875f;color:#fff}.store-compact.google:hover{background:#016f4e}.footer-compact{background:white;border-top:2px solid #e2e8f0;padding:.625rem 1.5rem;flex-shrink:0}.footer-content-compact{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left-compact{display:flex;align-items:center;gap:.75rem}.pnud-compact{height:35px}.footer-left-compact span{font-size:.75rem;color:#64748b}.footer-right-compact{display:flex;align-items:center;gap:.625rem;font-size:.75rem}.footer-right-compact a{color:#64748b;text-decoration:none;transition:color .3s ease}.footer-right-compact a:hover{color:#0072bb}.footer-right-compact span{color:#cbd5e1}@media (max-width: 1024px){.container-compact{grid-template-columns:1fr;max-width:480px}.info-section-compact{display:none}}@media (max-width: 768px){.header-compact{padding:.5rem 1rem}.main-compact{padding:1rem}.footer-compact{padding:.5rem 1rem}.footer-content-compact{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.brand-compact h1{font-size:1.1rem}.brand-compact span{font-size:.65rem}.form-compact{padding:1rem 1.25rem}}.delete-page-modern{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%)}.delete-header-modern{background:white;border-bottom:3px solid #0072bb;box-shadow:0 2px 12px #00000014;padding:1.25rem 3rem}.delete-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}.delete-logo-modern{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.delete-logo-modern:hover{transform:scale(1.05)}.delete-brand-modern{font-size:1.75rem;font-weight:700;color:#0072bb;margin:0}.delete-main-modern{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 3rem}.delete-card-modern{background:white;border-radius:20px;max-width:650px;width:100%;box-shadow:0 8px 32px #0000001f;overflow:hidden}.delete-card-header-modern{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2rem 2.5rem 1.75rem;text-align:center;border-bottom:3px solid #0072bb}.delete-icon-modern{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ef44444d}.delete-icon-modern i{font-size:2.25rem;color:#fff}.delete-card-header-modern h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.delete-card-header-modern p{font-size:1rem;color:#64748b;margin:0;font-weight:500}.delete-card-body-modern{padding:2.5rem}.delete-instructions-modern{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;border:2px solid #93c5fd;margin-bottom:2rem}.delete-instructions-modern i{font-size:1.5rem;color:#3b82f6;flex-shrink:0}.delete-instructions-modern p{margin:0;color:#1e40af;font-weight:600;font-size:.95rem;line-height:1.5}.delete-field-modern{margin-bottom:2rem}.delete-page-modern .delete-mat-field{width:100%}.delete-page-modern .mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:.5em!important;margin-bottom:0!important}.delete-page-modern .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{margin-top:.5em!important}.delete-page-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#cbd5e1!important}.delete-page-modern .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:#0072bb!important}.delete-page-modern .mat-form-field-label{color:#64748b!important;font-weight:600!important;font-size:.9rem!important}.delete-page-modern .mat-form-field-label i{color:#0072bb!important;margin-right:.25rem!important}.delete-page-modern .mat-form-field.mat-focused .mat-form-field-label{color:#0072bb!important}.delete-page-modern .mat-error{color:#e04545!important;font-weight:600!important;font-size:.85rem!important}.delete-page-modern .mat-input-element{color:#0f172a!important;font-weight:500!important}.delete-options-modern{margin-bottom:2rem}.options-label-modern{display:block;font-size:.95rem;font-weight:600;color:#475569;margin-bottom:1rem}.options-label-modern i{color:#0072bb;margin-right:.5rem}.radio-group-modern{display:flex;flex-direction:column;gap:1rem}.delete-page-modern .radio-option-modern{background:white;border:2px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;transition:all .3s ease}.delete-page-modern .radio-option-modern:hover{border-color:#0072bb;background:#f8fafc}.delete-page-modern .mat-radio-button.mat-accent.mat-radio-checked .radio-option-modern{border-color:#0072bb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.radio-content-modern{display:flex;align-items:center;gap:.75rem;margin-left:.5rem}.radio-content-modern i{color:#0072bb;font-size:1.15rem}.radio-content-modern span{font-weight:600;color:#0f172a;font-size:.95rem}.error-message-modern{display:block;margin-top:.75rem;color:#ef4444!important;font-weight:600!important;font-size:.85rem!important}.delete-info-modern{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fca5a5;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-header-modern{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.info-header-modern i{color:#ef4444;font-size:1.5rem}.info-header-modern h4{margin:0;color:#af2a2a;font-weight:700;font-size:1rem}.info-list-modern{list-style:none;padding:0;margin:0}.info-list-modern>li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0}.info-list-modern>li>i{color:#ef4444;font-size:1.15rem;margin-top:.25rem;flex-shrink:0}.info-list-modern strong{color:#b12a2a;font-weight:700;display:block;margin-bottom:.5rem}.info-list-modern ul{margin:.5rem 0 0;padding-left:1.25rem;color:#7f1d1d}.info-list-modern ul li{padding:.25rem 0;font-size:.9rem}.disable-info-modern{display:flex;align-items:flex-start;gap:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:2rem}.disable-info-modern i{color:#64748b;font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.disable-info-modern p{margin:0;color:#475569;font-weight:500;font-size:.95rem;line-height:1.6}.disable-info-modern a{color:#0072bb;font-weight:700;text-decoration:none}.disable-info-modern a:hover{text-decoration:underline}.btn-delete-modern{width:100%;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.75rem;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 16px #ef44444d}.btn-delete-modern:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.confirmation-card-modern{background:white;border-radius:20px;max-width:500px;width:100%;box-shadow:0 8px 32px #0000001f;padding:3rem 2.5rem;text-align:center}.confirmation-icon-modern{width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.confirmation-icon-modern img{width:100%;height:100%;object-fit:contain}.confirmation-title-modern{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.confirmation-title-modern.error{color:#ef4444}.confirmation-text-modern{font-size:1rem;color:#64748b;margin:0 0 2rem;line-height:1.6}.confirmation-text-modern a{color:#0072bb;font-weight:700;text-decoration:none}.confirmation-text-modern a:hover{text-decoration:underline}.btn-back-modern{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 16px #0072bb4d}.btn-back-modern:hover{background:linear-gradient(135deg,#005a94 0%,#004570 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0072bb66}.delete-footer-modern{background:white;border-top:2px solid #e2e8f0;padding:1.25rem 3rem;box-shadow:0 -2px 12px #0000000d;display:flex;align-items:center;justify-content:center;gap:1.25rem}.delete-pnud-logo{height:45px;width:auto}.delete-footer-modern span{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width: 768px){.delete-header-modern{padding:1rem 1.5rem}.delete-brand-modern{font-size:1.5rem}.delete-main-modern{padding:2rem 1.5rem}.delete-card-header-modern{padding:1.75rem 1.5rem}.delete-icon-modern{width:60px;height:60px}.delete-icon-modern i{font-size:2rem}.delete-card-header-modern h2{font-size:1.5rem}.delete-card-body-modern{padding:2rem 1.5rem}.confirmation-card-modern{padding:2.5rem 2rem}.confirmation-icon-modern{width:100px;height:100px}.confirmation-title-modern{font-size:1.5rem}.delete-footer-modern{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.delete-pnud-logo{height:40px}}@media (max-width: 480px){.delete-header-modern{padding:.875rem 1rem}.delete-logo-modern{width:45px;height:45px}.delete-brand-modern{font-size:1.35rem}.delete-main-modern{padding:1.5rem 1rem}.delete-card-header-modern{padding:1.5rem 1.25rem}.delete-card-header-modern h2{font-size:1.35rem}.delete-card-body-modern{padding:1.75rem 1.25rem}.delete-pnud-logo{height:35px}}.support-page-modern{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%)}.support-header-modern{background:white;border-bottom:3px solid #0072bb;box-shadow:0 2px 12px #00000014;padding:1.25rem 3rem}.support-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}.support-logo-modern{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.support-logo-modern:hover{transform:scale(1.05)}.support-brand-modern{font-size:1.75rem;font-weight:700;color:#0072bb;margin:0}.support-main-modern{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 3rem}.support-card-modern{background:white;border-radius:20px;max-width:900px;width:100%;box-shadow:0 8px 32px #0000001f;overflow:hidden}.support-card-header-modern{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2rem 2.5rem 1.75rem;text-align:center;border-bottom:3px solid #0072bb}.support-icon-modern{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0072bb4d}.support-icon-modern i{font-size:2.25rem;color:#fff}.support-card-header-modern h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.support-card-header-modern p{font-size:1rem;color:#64748b;margin:0;font-weight:500}.support-card-body-modern{padding:2.5rem}.support-contact-modern{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;border:2px solid #93c5fd;margin-bottom:2.5rem}.support-contact-modern>i{font-size:1.75rem;color:#3b82f6;flex-shrink:0;margin-top:.25rem}.contact-text p{margin:0 0 .75rem;color:#1e40af;font-weight:600;font-size:1rem}.emails-modern{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.emails-modern a{color:#0072bb;font-weight:700;text-decoration:none;transition:all .3s ease}.emails-modern a:hover{color:#005a94;text-decoration:underline}.emails-modern span{color:#93c5fd;font-weight:700}.faqs-section-modern h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.faqs-section-modern h3 i{color:#0072bb}.accordion-modern{display:flex;flex-direction:column;gap:1rem}.accordion-item-modern{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-item-modern:hover{border-color:#0072bb;box-shadow:0 4px 12px #0072bb1a}.accordion-button-modern{width:100%;background:white;border:none;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1rem;font-weight:600;color:#0f172a}.accordion-button-modern:hover{background:#f8fafc}.accordion-button-modern>i:first-child{color:#0072bb;font-size:1.25rem;flex-shrink:0}.accordion-button-modern span{flex:1}.accordion-arrow{color:#94a3b8;font-size:1rem;transition:transform .3s ease;flex-shrink:0}.accordion-button-modern:not(.collapsed) .accordion-arrow{transform:rotate(180deg)}.accordion-content-modern{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.accordion-content-modern.show{padding:1.5rem;max-height:1000px}.accordion-content-modern p{margin:0 0 1rem;color:#475569;font-size:.95rem;line-height:1.6}.accordion-content-modern p:last-child{margin-bottom:0}.accordion-content-modern a{color:#0072bb;font-weight:600;text-decoration:none}.accordion-content-modern a:hover{text-decoration:underline}.support-footer-message{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0;margin:2.5rem 0 1.5rem}.support-footer-message i{font-size:1.5rem;color:#64748b;flex-shrink:0}.support-footer-message p{margin:0;color:#475569;font-weight:500;font-size:.95rem;line-height:1.5}.privacy-link-modern{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;font-size:.95rem}.privacy-link-modern i{color:#0072bb}.privacy-link-modern span{color:#64748b;font-weight:500}.privacy-link-modern a{color:#0072bb;font-weight:700;text-decoration:none}.privacy-link-modern a:hover{text-decoration:underline}.support-footer-modern{background:white;border-top:2px solid #e2e8f0;padding:1.25rem 3rem;box-shadow:0 -2px 12px #0000000d;display:flex;align-items:center;justify-content:center;gap:1.25rem}.support-pnud-logo{height:45px;width:auto}.support-footer-modern span{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width: 768px){.support-header-modern{padding:1rem 1.5rem}.support-brand-modern{font-size:1.5rem}.support-main-modern{padding:2rem 1.5rem}.support-card-header-modern{padding:1.75rem 1.5rem}.support-icon-modern{width:60px;height:60px}.support-icon-modern i{font-size:2rem}.support-card-header-modern h2{font-size:1.5rem}.support-card-body-modern{padding:2rem 1.5rem}.support-contact-modern{flex-direction:column;text-align:center}.emails-modern{justify-content:center}.accordion-button-modern{padding:1rem 1.25rem;font-size:.95rem}.accordion-content-modern.show{padding:1.25rem}.support-footer-modern{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.support-pnud-logo{height:40px}}@media (max-width: 480px){.support-header-modern{padding:.875rem 1rem}.support-logo-modern{width:45px;height:45px}.support-brand-modern{font-size:1.35rem}.support-main-modern{padding:1.5rem 1rem}.support-card-header-modern{padding:1.5rem 1.25rem}.support-card-header-modern h2{font-size:1.35rem}.support-card-body-modern{padding:1.75rem 1.25rem}.support-pnud-logo{height:35px}}.register-page-modern{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%)}.register-header-modern{background:white;border-bottom:3px solid #0072bb;box-shadow:0 2px 12px #00000014;padding:1.25rem 3rem}.register-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}.register-logo-modern{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.register-logo-modern:hover{transform:scale(1.05)}.register-brand-modern{font-size:1.75rem;font-weight:700;color:#0072bb;margin:0}.register-main-modern{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 3rem}.register-card-modern{background:white;border-radius:20px;max-width:650px;width:100%;box-shadow:0 8px 32px #0000001f;overflow:hidden}.register-card-header-modern{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2rem 2.5rem 1.75rem;text-align:center;border-bottom:3px solid #0072bb}.register-icon-modern{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0072bb4d}.register-icon-modern i{font-size:2.25rem;color:#fff}.register-card-header-modern h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.register-card-header-modern p{font-size:1rem;color:#64748b;margin:0;font-weight:500}.register-card-body-modern{padding:2.5rem}.register-grid-modern{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.register-field-modern{margin-bottom:1.25rem}.register-page-modern .register-mat-field{width:100%}.register-page-modern .mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:0!important;margin-bottom:0!important}.register-page-modern .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{margin-top:.25em!important;display:none!important}.register-page-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#cbd5e1!important}.register-page-modern .mat-form-field-appearance-outline .mat-form-field-outline-thick,.register-page-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#0072bb!important}.register-page-modern .mat-form-field-label{color:#64748b!important;font-weight:600!important;font-size:.9rem!important}.register-page-modern .mat-form-field-label i{color:#0072bb!important;font-size:.95rem!important;margin-right:.25rem!important}.register-page-modern .mat-form-field.mat-focused .mat-form-field-label,.register-page-modern .mat-form-field.mat-focused .mat-form-field-label i{color:#0072bb!important}.register-page-modern .mat-input-element{color:#0f172a!important;font-weight:500!important;padding:.375rem 0!important}.register-page-modern .mat-form-field-suffix{color:#94a3b8!important}.register-page-modern .mat-form-field.mat-focused .mat-form-field-suffix{color:#0072bb!important}.register-terms-modern{margin-bottom:1.75rem}.terms-checkbox-modern{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#475569;font-size:.95rem;font-weight:500}.terms-checkbox-modern input{width:18px;height:18px;cursor:pointer}.terms-checkbox-modern a{color:#0072bb;font-weight:600;text-decoration:none}.terms-checkbox-modern a:hover{text-decoration:underline}.btn-register-modern{width:100%;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.75rem;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 16px #0072bb4d;margin-bottom:1.5rem}.btn-register-modern:hover{background:linear-gradient(135deg,#005a94 0%,#004570 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0072bb66}.btn-register-modern i{font-size:1.15rem}.register-login-link-modern{text-align:center;padding-top:1.5rem;border-top:2px solid #e2e8f0}.register-login-link-modern a{color:#0072bb;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.625rem}.register-login-link-modern a:hover{color:#005a94;text-decoration:underline;gap:.875rem}.register-login-link-modern i{font-size:.95rem;transition:all .3s ease}.register-footer-modern{background:white;border-top:2px solid #e2e8f0;padding:1.25rem 3rem;box-shadow:0 -2px 12px #0000000d;display:flex;align-items:center;justify-content:center;gap:1.25rem}.register-pnud-logo{height:45px;width:auto}.register-footer-modern span{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width: 768px){.register-header-modern{padding:1rem 1.5rem}.register-brand-modern{font-size:1.5rem}.register-main-modern{padding:2rem 1.5rem}.register-card-header-modern{padding:1.75rem 1.5rem}.register-icon-modern{width:60px;height:60px}.register-icon-modern i{font-size:2rem}.register-card-header-modern h2{font-size:1.5rem}.register-card-body-modern{padding:2rem 1.5rem}.register-grid-modern{grid-template-columns:1fr;gap:0}.register-footer-modern{padding:1rem 1.5rem;flex-direction:column;gap:.75rem}.register-pnud-logo{height:40px}}@media (max-width: 480px){.register-header-modern{padding:.875rem 1rem}.register-logo-modern{width:45px;height:45px}.register-brand-modern{font-size:1.35rem}.register-main-modern{padding:1.5rem 1rem}.register-card-header-modern{padding:1.5rem 1.25rem}.register-card-header-modern h2{font-size:1.35rem}.register-card-body-modern{padding:1.75rem 1.25rem}.register-pnud-logo{height:35px}}.register-page-modern .mat-form-field.mat-form-field-invalid .mat-form-field-outline-thick,.register-page-modern .mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#ef4444!important}.register-page-modern .mat-form-field.mat-form-field-disabled .mat-form-field-outline{color:#e2e8f0!important}.register-page-modern .mat-form-field.mat-form-field-disabled .mat-form-field-label{color:#cbd5e1!important}.register-page-modern .mat-form-field.mat-form-field-disabled .mat-input-element{color:#94a3b8!important}.forgot-page-improved{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%)}.forgot-header-improved{background:white;border-bottom:3px solid #0072bb;box-shadow:0 2px 12px #00000014;padding:1.25rem 3rem}.forgot-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}.logo-link-improved{display:flex}.forgot-logo-improved{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.forgot-logo-improved:hover{transform:scale(1.05)}.forgot-brand-improved{font-size:1.75rem;font-weight:700;color:#0072bb;margin:0}.forgot-main-improved{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem}.forgot-card-improved{background:white;border-radius:20px;max-width:550px;width:100%;box-shadow:0 8px 32px #0000001f;overflow:hidden}.forgot-card-header-improved{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:2.5rem 2.5rem 2rem;text-align:center;border-bottom:3px solid #0072bb}.forgot-icon-improved{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0072bb4d;animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.forgot-icon-improved i{font-size:2.25rem;color:#fff}.forgot-card-header-improved h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.forgot-card-header-improved p{font-size:1rem;color:#64748b;margin:0;font-weight:500}.forgot-card-body-improved{padding:2.5rem}.forgot-instructions-improved{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:12px;border:2px solid #93c5fd;margin-bottom:2rem}.forgot-instructions-improved i{font-size:1.5rem;color:#3b82f6;flex-shrink:0}.forgot-instructions-improved p{margin:0;color:#1e40af;font-weight:600;font-size:.95rem;line-height:1.5}.forgot-input-group-improved{margin-bottom:2rem}.forgot-page-improved .forgot-field-improved{width:100%}.forgot-page-improved .mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:.5em!important;margin-bottom:0!important}.forgot-page-improved .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{margin-top:.5em!important}.forgot-page-improved .mat-form-field-appearance-outline .mat-form-field-outline{color:#cbd5e1!important}.forgot-page-improved .mat-form-field-appearance-outline .mat-form-field-outline-thick,.forgot-page-improved .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#0072bb!important}.forgot-page-improved .mat-form-field-label{color:#64748b!important;font-weight:600!important;font-size:.95rem!important}.forgot-page-improved .mat-form-field-label i{color:#0072bb!important;font-size:1rem!important;margin-right:.25rem!important}.forgot-page-improved .mat-form-field.mat-focused .mat-form-field-label,.forgot-page-improved .mat-form-field.mat-focused .mat-form-field-label i{color:#0072bb!important}.forgot-page-improved .mat-hint{color:#94a3b8!important;font-size:.8rem!important;font-weight:500!important;margin-top:.5rem!important;display:block!important}.forgot-page-improved .mat-error{color:#ef4444!important;font-weight:600!important;font-size:.85rem!important;margin-top:.5rem!important}.forgot-page-improved .mat-input-element{color:#0f172a!important;font-weight:500!important;padding:.5rem 0!important}.forgot-page-improved .mat-form-field-suffix{color:#94a3b8!important}.forgot-page-improved .mat-form-field.mat-focused .mat-form-field-suffix{color:#0072bb!important}.btn-forgot-improved{width:100%;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.75rem;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 16px #0072bb4d;margin-bottom:1.75rem}.btn-forgot-improved:hover:not(:disabled){background:linear-gradient(135deg,#005a94 0%,#004570 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0072bb66}.btn-forgot-improved:disabled{opacity:.6;cursor:not-allowed}.btn-forgot-improved i{font-size:1.15rem}.forgot-help-improved{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0;margin-bottom:1.75rem}.forgot-help-improved i{font-size:1.25rem;color:#64748b;flex-shrink:0}.forgot-help-improved p{margin:0;color:#475569;font-weight:500;font-size:.9rem;line-height:1.5}.forgot-back-improved{text-align:center;padding-top:1.75rem;border-top:2px solid #e2e8f0}.forgot-back-improved a{color:#0072bb;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.625rem}.forgot-back-improved a:hover{color:#005a94;text-decoration:underline;gap:.875rem}.forgot-back-improved i{font-size:.95rem;transition:all .3s ease}.forgot-footer-improved{background:white;border-top:2px solid #e2e8f0;padding:1.25rem 3rem;box-shadow:0 -2px 12px #0000000d}.forgot-footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.25rem}.forgot-pnud-logo{height:45px;width:auto}.forgot-footer-content span{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width: 768px){.forgot-header-improved{padding:1rem 1.5rem}.forgot-brand-improved{font-size:1.5rem}.forgot-main-improved,.forgot-card-header-improved{padding:2rem 1.5rem}.forgot-icon-improved{width:60px;height:60px}.forgot-icon-improved i{font-size:2rem}.forgot-card-header-improved h2{font-size:1.5rem}.forgot-card-body-improved{padding:2rem 1.5rem}.forgot-footer-improved{padding:1rem 1.5rem}.forgot-footer-content{flex-direction:column;gap:.75rem}.forgot-pnud-logo{height:40px}}@media (max-width: 480px){.forgot-header-improved{padding:.875rem 1rem}.forgot-logo-improved{width:45px;height:45px}.forgot-brand-improved{font-size:1.35rem}.forgot-main-improved{padding:1.5rem 1rem}.forgot-card-header-improved{padding:1.75rem 1.25rem}.forgot-card-header-improved h2{font-size:1.35rem}.forgot-card-body-improved{padding:1.75rem 1.25rem}.forgot-instructions-improved,.forgot-help-improved{padding:1rem}.forgot-pnud-logo{height:35px}}.forgot-page-improved .mat-form-field.mat-form-field-invalid .mat-form-field-outline-thick,.forgot-page-improved .mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#ef4444!important}.forgot-page-improved .mat-form-field.mat-form-field-disabled .mat-form-field-outline{color:#e2e8f0!important}.forgot-page-improved .mat-form-field.mat-form-field-disabled .mat-form-field-label{color:#cbd5e1!important}.forgot-page-improved .mat-form-field.mat-form-field-disabled .mat-input-element{color:#94a3b8!important}.header-modern{background:#ffffff;border-bottom:3px solid #0072BB;box-shadow:0 2px 12px #00000014;position:sticky;top:0;z-index:1030}.header-container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.menu-toggle{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px}.menu-toggle span{width:24px;height:3px;background:#0072BB;border-radius:4px}.header-right{display:flex;align-items:center;gap:1.5rem}.notification-btn{position:relative;background:none;border:none;cursor:pointer;color:#0072bb;font-size:1.4rem}.notification-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:999px;font-weight:700}.dropdown-notifications{width:360px;max-height:420px;overflow-y:auto;padding:0}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:.75rem 1rem;display:flex;justify-content:space-between;gap:.75rem;cursor:pointer;border-bottom:1px solid #e2e8f0}.notification-item.unread{background:#e3f2fd;font-weight:600}.notification-item:hover{background:#f1f5f9}.logout-btn{background:linear-gradient(135deg,#0072BB,#005A94);border:none;border-radius:10px;padding:.5rem 1rem;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer}.logout-btn:hover{background:linear-gradient(135deg,#005A94,#004570)}.sidebar-modern{background:linear-gradient(180deg,#0f172a,#020617);min-height:100vh}.sidebar-brand{padding:1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{display:flex;align-items:center;gap:.75rem}.logo-circle{background:#0072BB;border-radius:50%;padding:6px}.logo-circle img{width:38px;height:38px}.brand-logo span{color:#fff;font-size:1.25rem;font-weight:700}.user-panel-modern{padding:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1)}.user-panel-modern img{width:42px;height:42px;border-radius:50%}.user-panel-modern strong{color:#fff}.user-panel-modern small{color:#94a3b8}.sidebar-nav{padding:1rem .75rem}.nav-section{margin-bottom:1.25rem}.nav-section-header{color:#94a3b8;font-size:.85rem;font-weight:700;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase}.nav-section-content{display:flex;flex-direction:column}.nav-link-modern{padding:.6rem 1.25rem;border-radius:10px;margin:.2rem .5rem;color:#e5e7eb;cursor:pointer;font-weight:500}.nav-link-modern:hover{background:rgba(0,114,187,.25)}.nav-link-modern.active{background:linear-gradient(135deg,#0072BB,#005A94);color:#fff;font-weight:700}body.sidebar-collapse .sidebar-modern{width:0!important;overflow:hidden}@media (max-width: 768px){.dropdown-notifications{width:100vw;right:0;left:0}.logout-btn span{display:none}}.menu-toggle{position:relative}.menu-toggle-icon{width:22px;height:3px;background:#0072BB;border-radius:4px;transition:all .3s ease}body.sidebar-collapse .menu-toggle-icon:nth-child(1){transform:translateY(7px) rotate(45deg)}body.sidebar-collapse .menu-toggle-icon:nth-child(2){opacity:0}body.sidebar-collapse .menu-toggle-icon:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-modern{transition:transform .3s ease}body.sidebar-collapse .sidebar-modern{transform:translate(-260px)}body.sidebar-collapse .content-wrapper,body.sidebar-collapse .main-footer,body.sidebar-collapse .main-header{margin-left:0!important}@media (max-width: 991px){.sidebar-modern{transform:translate(-260px)}body.sidebar-open .sidebar-modern{transform:translate(0)}body.sidebar-open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998}}.sidebar-footer{background:#0f172a;border-top:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;text-align:center;font-size:.75rem;color:#cbd5f5;line-height:1.3}.sidebar-footer p{margin:0;opacity:.85}.sidebar-footer p:first-child{font-weight:600;letter-spacing:.4px}.roles-permissions-matrix-container{max-width:1800px;margin:0 auto;padding:1.5rem;animation:fadeInMatrix .3s ease}.centered-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem}.centered-header .welcome-title{font-size:2rem;margin-bottom:.3rem}.centered-header .welcome-subtitle{font-size:1rem;color:#000}.page-header{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 4px 16px #0072bb14;display:flex;justify-content:space-between;align-items:center;gap:2rem}.page-header .header-title h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;display:flex;align-items:center;gap:1rem;letter-spacing:-.02em}.page-header .header-title h1 i{width:48px;height:48px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #0072bb4d}.page-header .header-subtitle{font-size:1rem;color:#64748b;margin:0;font-weight:500;line-height:1.6}.header-actions{display:flex;gap:1rem;flex-shrink:0}.btn-add-role{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:10px;padding:.875rem 1.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.625rem;box-shadow:0 4px 12px #10b9814d;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-add-role:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-add-role i{font-size:1.1rem}.btn-add-permission{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;padding:.875rem 1.5rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.625rem;box-shadow:0 4px 12px #8b5cf64d;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-add-permission:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-add-permission i{font-size:1.1rem}.btn-add-role.disabled,.btn-add-permission.disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-add-role.disabled:hover,.btn-add-permission.disabled:hover{transform:none;box-shadow:0 2px 8px #0003}.matrix-card{background:white;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a;transition:all .3s ease}.matrix-card:hover{box-shadow:0 6px 20px #00000014}.matrix-info{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:white;border-radius:10px;border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000000a}.info-item i{font-size:1.25rem;color:#0072bb}.info-number{font-size:1.5rem;font-weight:700;color:#0f172a}.info-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-help{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:10px;border:2px solid #93c5fd;margin-left:auto}.info-help i{color:#3b82f6;font-size:1.1rem}.info-help span{color:#1e40af;font-weight:600;font-size:.875rem}.matrix-wrapper{overflow-x:auto;overflow-y:visible}.matrix-table{width:100%;border-collapse:separate;border-spacing:0;background:white}.matrix-table thead{position:sticky;top:0;z-index:10}.matrix-table th{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;padding:1.25rem 1.5rem;border-bottom:3px solid #0072bb;position:relative}.matrix-table th.first-column{position:sticky;left:0;z-index:11;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-width:250px}.matrix-table th.role-column{min-width:120px;text-align:center}.header-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.header-content i{font-size:1rem;color:#0072bb}.matrix-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.matrix-table td.permission-name-cell{position:sticky;left:0;z-index:5;background:white;min-width:250px;border-right:2px solid #e2e8f0}.matrix-table td.checkbox-cell{text-align:center;background:#fafbfc}.matrix-row:hover td{background:#f8fafc}.matrix-row:hover td.permission-name-cell{background:#f1f5f9}.permission-name{display:flex;align-items:center;gap:.75rem}.permission-name i{color:#8b5cf6;font-size:1rem;flex-shrink:0}.permission-name span{font-weight:600;color:#0f172a;font-size:.925rem}.checkbox-wrapper{display:flex;justify-content:center;align-items:center}.custom-checkbox{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;width:28px;height:28px}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkmark{position:absolute;top:0;left:0;height:28px;width:28px;background:white;border:2px solid #cbd5e1;border-radius:6px;transition:all .3s ease}.custom-checkbox:hover .checkmark{border-color:#0072bb;box-shadow:0 0 0 3px #0072bb1a}.custom-checkbox input:checked~.checkmark{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:9px;top:5px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.custom-checkbox.disabled{cursor:not-allowed;opacity:.5}.custom-checkbox.disabled:hover .checkmark{border-color:#cbd5e1;box-shadow:none}@media (max-width: 1200px){.roles-permissions-matrix-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;padding:1.5rem}.header-actions{width:100%;flex-direction:column}.btn-add-role,.btn-add-permission{width:100%;justify-content:center}.info-help{margin-left:0;width:100%}}@media (max-width: 768px){.page-header .header-title h1{font-size:1.5rem}.page-header .header-title h1 i{width:40px;height:40px;font-size:1.25rem}.matrix-info{padding:1.25rem 1.5rem;gap:1rem}.info-item{padding:.625rem 1rem}.info-number{font-size:1.25rem}.matrix-table th,.matrix-table td{padding:.875rem 1rem;font-size:.875rem}.matrix-table th.first-column,.matrix-table td.permission-name-cell{min-width:200px}.matrix-table th.role-column{min-width:100px}}@media (max-width: 480px){.roles-permissions-matrix-container{padding:.5rem}.page-header{padding:1.25rem}.page-header .header-title h1{font-size:1.25rem}.matrix-info{padding:1rem;flex-direction:column;align-items:stretch}.info-item{width:100%;justify-content:center}.info-help{width:100%;justify-content:center;text-align:center}.matrix-table th,.matrix-table td{padding:.75rem .5rem;font-size:.8rem}.checkmark{height:24px;width:24px}.custom-checkbox .checkmark:after{left:7px;top:3px;width:5px;height:10px}}@keyframes fadeInMatrix{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matrix-wrapper{position:relative}.matrix-wrapper::-webkit-scrollbar{height:12px}.matrix-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.matrix-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f1f5f9}.matrix-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-page{padding:1.25rem;background:#f1f5f9;min-height:calc(100vh - 120px);max-width:1400px;margin:0 auto}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 4px 15px #1e3a5f40}.welcome-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#0072BB,#005a94);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.2);flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.15rem}.greeting{font-size:.8rem;color:#94a3b8}.user-fullname{font-size:1.35rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.today-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#cbd5e1;margin:.25rem 0 0}.today-date i{color:#60a5fa}.btn-report-alert{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px #ef44444d}.btn-report-alert:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.25rem}.stat-box{background:white;border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:all .25s;border:1px solid #e2e8f0;position:relative;box-shadow:0 1px 3px #0000000a}.stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000014}.stat-icon-box{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.stat-box.blue .stat-icon-box{background:#dbeafe;color:#2563eb}.stat-box.amber .stat-icon-box{background:#fef3c7;color:#d97706}.stat-box.violet .stat-icon-box{background:#ede9fe;color:#7c3aed}.stat-box.green .stat-icon-box{background:#d1fae5;color:#059669}.stat-box.blue:hover{border-color:#3b82f6}.stat-box.amber:hover{border-color:#f59e0b}.stat-box.violet:hover{border-color:#8b5cf6}.stat-box.green:hover{border-color:#10b981}.stat-data{display:flex;flex-direction:column}.stat-data strong{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1}.stat-data span{font-size:.75rem;color:#64748b;margin-top:.2rem}.stat-alert{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dashboard-content{display:grid;grid-template-columns:1fr 320px;grid-gap:1.25rem;gap:1.25rem}.panel{background:white;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.panel-header h2{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:#334155;margin:0}.panel-header h2 i{color:#0072bb;font-size:.9rem}.panel-header h2 .badge{background:#ef4444;color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:8px;margin-left:.25rem}.panel-blue .panel-header{background:linear-gradient(135deg,#0072BB,#005a94)}.panel-blue .panel-header h2,.panel-blue .panel-header h2 i{color:#fff}.link-all{font-size:.8rem;font-weight:600;color:#0072bb;text-decoration:none;display:flex;align-items:center;gap:.3rem}.link-all:hover{color:#005a94}.panel-body{padding:1rem}.alerts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.alert-row.priority-critical{background-color:#fee2e2!important;color:#1e1e1e!important}.alert-row.priority-high{background-color:#fef3c7!important;color:#1e1e1e!important}.alert-row.priority-medium{background-color:#e0f2fe!important;color:#1e1e1e!important}.alert-row.priority-low{background-color:#d1fae5!important;color:#1e1e1e!important}.alerts-list .alert-row:hover{border-color:#e7ecf0!important;background-color:#f8fafc!important;box-shadow:0 3px 10px #0072bb1a}.alerts-list .alert-row .priority-bar{width:4px;min-height:50px;align-self:stretch;border-radius:2px;flex-shrink:0}.alerts-list .alert-row.priority-critical .priority-bar{background-color:#ef4444!important}.alerts-list .alert-row.priority-high .priority-bar{background-color:#f59e0b!important}.alerts-list .alert-row.priority-medium .priority-bar{background-color:#3b82f6!important}.alerts-list .alert-row.priority-low .priority-bar{background-color:#10b981!important}.alerts-list .alert-info{flex:1;min-width:0}.alerts-list .alert-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.alerts-list .alert-header strong{font-size:.9rem;color:#1e1e1e!important;font-weight:600}.alerts-list .alert-header em{font-style:normal;font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.alerts-list .tag-critical{background-color:#fee2e2!important;color:#dc2626!important}.alerts-list .tag-high{background-color:#fef3c7!important;color:#d97706!important}.alerts-list .tag-medium{background-color:#dbeafe!important;color:#2563eb!important}.alerts-list .tag-low{background-color:#d1fae5!important;color:#059669!important}.alerts-list .alert-info p{font-size:.8rem;color:#1e1e1e!important;margin:0 0 .4rem;line-height:1.35}.alerts-list .alert-meta{display:flex;gap:1rem;flex-wrap:wrap}.alerts-list .alert-meta span{font-size:.7rem;color:#1e1e1e!important;display:flex;align-items:center;gap:.25rem}.alerts-list .alert-meta i{font-size:.6rem}.alerts-list .arrow{color:#475569!important;font-size:.8rem;transition:color .2s}.alerts-list .alert-row:hover .arrow{color:#0072bb!important}.no-data{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem;text-align:center}.no-data>i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.no-data h3{font-size:1rem;color:#334155;margin:0 0 .25rem}.no-data p{font-size:.85rem;color:#64748b;margin:0 0 1rem}.no-data button{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#e9eaeb,#005a94);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.no-data button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0072bb40}.content-side{display:flex;flex-direction:column;gap:1rem}.quick-links{display:flex;flex-direction:column;gap:.375rem}.qlink{display:flex;align-items:center;gap:.65rem;padding:.625rem .875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s}.qlink i{width:18px;text-align:center;font-size:.85rem}.qlink:hover{background:#eff6ff;border-color:#0072bb;color:#0072bb}.qlink-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.qlink-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #ef444440}.status-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.status-list li{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:#f8fafc;border-radius:6px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.online{background:#10b981;box-shadow:0 0 5px #10b98180}.dot.warning{background:#f59e0b;box-shadow:0 0 5px #f59e0b80}.dot.offline{background:#ef4444;box-shadow:0 0 5px #ef444480}.sys-info{flex:1;display:flex;flex-direction:column}.sys-info strong{font-size:.8rem;color:#334155}.sys-info small{font-size:.7rem;color:#94a3b8}.text-green{color:#10b981}.text-amber{color:#f59e0b}.text-red{color:#ef4444}.notif-list{list-style:none;padding:0;margin:0}.notif-list li{display:flex;gap:.625rem;padding:.625rem 0;border-bottom:1px solid #f1f5f9}.notif-list li:last-child{border-bottom:none;padding-bottom:0}.notif-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}.notif-icon.alert{background:#fee2e2;color:#dc2626}.notif-icon.user{background:#dbeafe;color:#2563eb}.notif-icon.system{background:#d1fae5;color:#059669}.notif-icon.info{background:#e0e7ff;color:#4f46e5}.notif-text{flex:1;min-width:0}.notif-text p{font-size:.8rem;color:#334155;margin:0 0 .15rem;line-height:1.35}.notif-text small{font-size:.7rem;color:#94a3b8}.no-notif{display:flex;flex-direction:column;align-items:center;padding:1.5rem;color:#94a3b8;text-align:center}.no-notif i{font-size:1.75rem;margin-bottom:.35rem}.no-notif span{font-size:.8rem}@media (max-width: 1100px){.dashboard-content{grid-template-columns:1fr}.content-side{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(2,1fr)}.content-side{grid-template-columns:1fr 1fr}.content-side .panel:last-child{grid-column:span 2}}@media (max-width: 650px){.dashboard-page{padding:1rem}.dashboard-welcome{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.welcome-user{flex-direction:column;gap:.75rem}.today-date{justify-content:center}.btn-report-alert{width:100%;justify-content:center}.user-fullname{font-size:1.15rem}.stats-row{grid-template-columns:1fr 1fr;gap:.75rem}.stat-box{padding:.875rem}.stat-data strong{font-size:1.25rem}.content-side{grid-template-columns:1fr}.content-side .panel:last-child{grid-column:span 1}}@media (max-width: 420px){.stat-box{flex-direction:column;text-align:center;gap:.5rem}.stat-icon-box{width:40px;height:40px}.alert-header{flex-direction:column;align-items:flex-start;gap:.35rem}.alert-meta{flex-direction:column;gap:.25rem}}.admin-roles-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.admin-roles-container{max-width:1400px;margin:0 auto}.admin-roles-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.admin-roles-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0072bb66}.admin-roles-modern .page-header-icon i{font-size:2rem;color:#fff}.admin-roles-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.admin-roles-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6;max-width:800px}.admin-roles-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem;border:none}.admin-roles-modern .card-header-modern{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.admin-roles-modern .card-header-modern.header-list{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.admin-roles-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-roles-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.admin-roles-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.admin-roles-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0;font-weight:500}.admin-roles-modern .card-body-modern{padding:1.5rem}.admin-roles-modern .full-width,.admin-roles-modern .mat-mdc-form-field,.admin-roles-modern .mat-form-field{width:100%}.admin-roles-modern .mat-mdc-text-field-wrapper{background-color:#f8fafc}.admin-roles-modern .mdc-notched-outline__leading,.admin-roles-modern .mdc-notched-outline__notch,.admin-roles-modern .mdc-notched-outline__trailing{border-color:#e2e8f0}.admin-roles-modern .mat-mdc-form-field:hover .mdc-notched-outline__leading,.admin-roles-modern .mat-mdc-form-field:hover .mdc-notched-outline__notch,.admin-roles-modern .mat-mdc-form-field:hover .mdc-notched-outline__trailing,.admin-roles-modern .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.admin-roles-modern .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.admin-roles-modern .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:#0072bb}.admin-roles-modern .mdc-floating-label,.admin-roles-modern .mat-form-field-label{color:#64748b;font-weight:500}.admin-roles-modern .mdc-floating-label i,.admin-roles-modern .mat-form-field-label i{color:#0072bb;margin-right:.25rem}.admin-roles-modern .mat-mdc-form-field.mat-focused .mdc-floating-label,.admin-roles-modern .mat-form-field.mat-focused .mat-form-field-label{color:#0072bb}.admin-roles-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#e2e8f0}.admin-roles-modern .mat-form-field-appearance-outline:hover .mat-form-field-outline,.admin-roles-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#0072bb}.admin-roles-modern .card-actions-modern{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.admin-roles-modern .btn-action-modern{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.admin-roles-modern .btn-action-modern i{font-size:1rem}.admin-roles-modern .mat-raised-button.mat-primary,.admin-roles-modern .mat-mdc-raised-button.mat-primary{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)!important;box-shadow:0 4px 12px #0072bb4d!important}.admin-roles-modern .mat-raised-button.mat-primary:hover:not([disabled]),.admin-roles-modern .mat-mdc-raised-button.mat-primary:hover:not([disabled]){box-shadow:0 6px 16px #0072bb66!important;transform:translateY(-2px)}.admin-roles-modern .mat-raised-button:disabled,.admin-roles-modern .mat-mdc-raised-button:disabled{opacity:.6!important}.admin-roles-modern .items-list-modern{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto}.admin-roles-modern .item-row-modern{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.admin-roles-modern .item-row-modern:hover{border-color:#059669;box-shadow:0 4px 12px #05966926;transform:translate(4px)}.admin-roles-modern .item-info-modern{display:flex;align-items:center;gap:.875rem;flex:1}.admin-roles-modern .item-icon-modern{width:42px;height:42px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-roles-modern .item-icon-modern i{font-size:1rem;color:#fff}.admin-roles-modern .item-name-modern{font-weight:600;color:#0f172a;font-size:.95rem}.admin-roles-modern .item-actions-modern{display:flex;gap:.5rem;align-items:center}.admin-roles-modern .btn-edit-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 3px 8px #f59e0b4d!important}.admin-roles-modern .btn-edit-modern:hover:not([disabled]){box-shadow:0 4px 12px #f59e0b80!important;transform:scale(1.05)}.admin-roles-modern .btn-delete-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 3px 8px #ef44444d!important}.admin-roles-modern .btn-delete-modern:hover:not([disabled]){box-shadow:0 4px 12px #ef444480!important;transform:scale(1.05)}.admin-roles-modern .mat-mini-fab:disabled,.admin-roles-modern .mat-mdc-mini-fab:disabled{opacity:.5!important;cursor:not-allowed!important}.admin-roles-modern .empty-list-modern{text-align:center;padding:3rem 1.5rem;color:#94a3b8}.admin-roles-modern .empty-list-modern i{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#cbd5e1}.admin-roles-modern .empty-list-modern p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#64748b}.admin-roles-modern .empty-list-modern span{font-size:.9rem;color:#94a3b8}.admin-roles-modern .items-list-modern::-webkit-scrollbar{width:6px}.admin-roles-modern .items-list-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.admin-roles-modern .items-list-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-roles-modern .items-list-modern::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 992px){.admin-roles-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.admin-roles-modern .page-header-content p{max-width:100%}}@media (max-width: 768px){.admin-roles-modern{padding:1rem}.admin-roles-modern .page-header-modern{padding:1.25rem}.admin-roles-modern .page-header-icon{width:60px;height:60px}.admin-roles-modern .page-header-icon i,.admin-roles-modern .page-header-content h1{font-size:1.5rem}.admin-roles-modern .page-header-content p{font-size:.9rem}.admin-roles-modern .card-header-modern{flex-direction:column;text-align:center;padding:1.25rem}.admin-roles-modern .card-body-modern{padding:1.25rem}.admin-roles-modern .item-row-modern{flex-direction:column;gap:1rem;text-align:center}.admin-roles-modern .item-info-modern{flex-direction:column}.admin-roles-modern .item-actions-modern{width:100%;justify-content:center}.admin-roles-modern .card-actions-modern{justify-content:center}.admin-roles-modern .btn-action-modern{width:100%;justify-content:center}}@media (max-width: 480px){.admin-roles-modern{padding:.75rem}.admin-roles-modern .page-header-icon{width:50px;height:50px}.admin-roles-modern .page-header-icon i,.admin-roles-modern .page-header-content h1{font-size:1.25rem}.admin-roles-modern .header-icon-modern{width:44px;height:44px}.admin-roles-modern .header-icon-modern i{font-size:1.25rem}.admin-roles-modern .header-text-modern h3{font-size:1.1rem}.admin-roles-modern .item-icon-modern{width:36px;height:36px}}.admin-roles-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.admin-roles-modern .admin-roles-container{max-width:1400px;margin:0 auto}.admin-roles-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.admin-roles-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0072bb66}.admin-roles-modern .page-header-icon i{font-size:2rem;color:#fff}.admin-roles-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.admin-roles-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.admin-roles-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem}.admin-roles-modern .card-header-modern{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.admin-roles-modern .card-header-modern.header-list{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.admin-roles-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-roles-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.admin-roles-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.admin-roles-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.admin-roles-modern .card-body-modern{padding:1.5rem}.admin-roles-modern .full-width,.admin-roles-modern .mat-form-field{width:100%}.admin-roles-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#e2e8f0}.admin-roles-modern .mat-form-field-appearance-outline:hover .mat-form-field-outline,.admin-roles-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.admin-roles-modern .mat-form-field.mat-focused .mat-form-field-label{color:#0072bb}.admin-roles-modern .mat-form-field-label i{color:#0072bb;margin-right:.25rem}.admin-roles-modern .card-actions-modern{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.admin-roles-modern .btn-action-modern{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.admin-roles-modern .btn-action-modern i{font-size:1rem}.admin-roles-modern .mat-raised-button.mat-primary{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)!important;box-shadow:0 4px 12px #0072bb4d!important}.admin-roles-modern .mat-raised-button.mat-primary:hover:not([disabled]){box-shadow:0 6px 16px #0072bb66!important}.admin-roles-modern .mat-raised-button:disabled{opacity:.6!important}.admin-roles-modern .items-list-modern{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto}.admin-roles-modern .item-row-modern{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.admin-roles-modern .item-row-modern:hover{border-color:#059669;box-shadow:0 4px 12px #05966926;transform:translate(4px)}.admin-roles-modern .item-info-modern{display:flex;align-items:center;gap:.875rem;flex:1}.admin-roles-modern .item-icon-modern{width:42px;height:42px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-roles-modern .item-icon-modern i{font-size:1rem;color:#fff}.admin-roles-modern .item-name-modern{font-weight:600;color:#0f172a;font-size:.95rem}.admin-roles-modern .item-actions-modern{display:flex;gap:.5rem;align-items:center}.admin-roles-modern .btn-edit-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 3px 8px #f59e0b4d!important}.admin-roles-modern .btn-edit-modern:hover:not([disabled]){box-shadow:0 4px 12px #f59e0b80!important;transform:scale(1.05)}.admin-roles-modern .btn-delete-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 3px 8px #ef44444d!important}.admin-roles-modern .btn-delete-modern:hover:not([disabled]){box-shadow:0 4px 12px #ef444480!important;transform:scale(1.05)}.admin-roles-modern .mat-mini-fab:disabled{opacity:.5!important}.admin-roles-modern .empty-list-modern{text-align:center;padding:3rem 1.5rem}.admin-roles-modern .empty-list-modern i{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#cbd5e1}.admin-roles-modern .empty-list-modern p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#64748b}.admin-roles-modern .empty-list-modern span{font-size:.9rem;color:#94a3b8}.admin-roles-modern .items-list-modern::-webkit-scrollbar{width:6px}.admin-roles-modern .items-list-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.admin-roles-modern .items-list-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width: 992px){.admin-roles-modern .page-header-modern{flex-direction:column;text-align:center}}@media (max-width: 768px){.admin-roles-modern{padding:1rem}.admin-roles-modern .page-header-modern{padding:1.5rem}.admin-roles-modern .page-header-icon{width:60px;height:60px}.admin-roles-modern .page-header-icon i,.admin-roles-modern .page-header-content h1{font-size:1.5rem}.admin-roles-modern .card-header-modern{flex-direction:column;text-align:center}.admin-roles-modern .item-row-modern{flex-direction:column;gap:1rem;text-align:center}.admin-roles-modern .item-info-modern{flex-direction:column}.admin-roles-modern .item-actions-modern{width:100%;justify-content:center}}@media (max-width: 480px){.admin-roles-modern .page-header-content h1{font-size:1.25rem}.admin-roles-modern .page-header-content p{font-size:.9rem}.admin-roles-modern .header-text-modern h3{font-size:1.1rem}}.new-edit-role-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.new-edit-role-modern .new-edit-role-container{max-width:1400px;margin:0 auto}.new-edit-role-modern .alert-container-modern{margin-bottom:1.5rem}.new-edit-role-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-edit-role-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.new-edit-role-modern .alert-modern.alert-success .alert-icon i{color:#059669}.new-edit-role-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.new-edit-role-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.new-edit-role-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.new-edit-role-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.new-edit-role-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.new-edit-role-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.new-edit-role-modern .alert-icon{flex-shrink:0}.new-edit-role-modern .alert-icon i{font-size:1.5rem}.new-edit-role-modern .alert-content{flex:1}.new-edit-role-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.new-edit-role-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.new-edit-role-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.new-edit-role-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.new-edit-role-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #8b5cf666}.new-edit-role-modern .page-header-icon i{font-size:2rem;color:#fff}.new-edit-role-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.new-edit-role-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.new-edit-role-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem}.new-edit-role-modern .card-header-modern{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.new-edit-role-modern .card-header-modern.header-list{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.new-edit-role-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-role-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.new-edit-role-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.new-edit-role-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.new-edit-role-modern .card-body-modern{padding:1.5rem}.new-edit-role-modern .full-width,.new-edit-role-modern .mat-form-field{width:100%}.new-edit-role-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#e2e8f0}.new-edit-role-modern .mat-form-field-appearance-outline:hover .mat-form-field-outline,.new-edit-role-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.new-edit-role-modern .mat-form-field.mat-focused .mat-form-field-label{color:#8b5cf6}.new-edit-role-modern .mat-form-field-label i{color:#8b5cf6;margin-right:.25rem}.new-edit-role-modern .mat-error{font-size:.8rem;font-weight:500}.new-edit-role-modern .card-actions-modern{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.new-edit-role-modern .btn-action-modern{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.new-edit-role-modern .btn-action-modern i{font-size:1rem}.new-edit-role-modern .mat-raised-button.mat-primary{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;box-shadow:0 4px 12px #8b5cf64d!important}.new-edit-role-modern .mat-raised-button.mat-primary:hover:not([disabled]){box-shadow:0 6px 16px #8b5cf666!important}.new-edit-role-modern .mat-raised-button:disabled{opacity:.6!important}.new-edit-role-modern .items-list-modern{display:flex;flex-direction:column;gap:.75rem;max-height:450px;overflow-y:auto}.new-edit-role-modern .item-row-modern{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.new-edit-role-modern .item-row-modern:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translate(4px)}.new-edit-role-modern .item-info-modern{display:flex;align-items:center;gap:.875rem;flex:1}.new-edit-role-modern .item-icon-modern{width:42px;height:42px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-role-modern .item-icon-modern i{font-size:1rem;color:#fff}.new-edit-role-modern .item-name-modern{font-weight:600;color:#0f172a;font-size:.95rem}.new-edit-role-modern .item-actions-modern{display:flex;gap:.5rem;align-items:center}.new-edit-role-modern .btn-edit-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 3px 8px #f59e0b4d!important}.new-edit-role-modern .btn-edit-modern:hover:not([disabled]){box-shadow:0 4px 12px #f59e0b80!important;transform:scale(1.05)}.new-edit-role-modern .btn-delete-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 3px 8px #ef44444d!important}.new-edit-role-modern .btn-delete-modern:hover:not([disabled]){box-shadow:0 4px 12px #ef444480!important;transform:scale(1.05)}.new-edit-role-modern .mat-mini-fab:disabled{opacity:.5!important}.new-edit-role-modern .empty-list-modern{text-align:center;padding:3rem 1.5rem}.new-edit-role-modern .empty-list-modern i{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#cbd5e1}.new-edit-role-modern .empty-list-modern p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#64748b}.new-edit-role-modern .empty-list-modern span{font-size:.9rem;color:#94a3b8}.new-edit-role-modern .items-list-modern::-webkit-scrollbar{width:6px}.new-edit-role-modern .items-list-modern::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.new-edit-role-modern .items-list-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width: 992px){.new-edit-role-modern .page-header-modern{flex-direction:column;text-align:center}}@media (max-width: 768px){.new-edit-role-modern{padding:1rem}.new-edit-role-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem}.new-edit-role-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.new-edit-role-modern .alert-container-modern{position:relative}.new-edit-role-modern .page-header-modern{padding:1.5rem}.new-edit-role-modern .page-header-icon{width:60px;height:60px}.new-edit-role-modern .page-header-icon i,.new-edit-role-modern .page-header-content h1{font-size:1.5rem}.new-edit-role-modern .card-header-modern{flex-direction:column;text-align:center}.new-edit-role-modern .item-row-modern{flex-direction:column;gap:1rem;text-align:center}.new-edit-role-modern .item-info-modern{flex-direction:column}.new-edit-role-modern .item-actions-modern{width:100%;justify-content:center}}@media (max-width: 480px){.new-edit-role-modern .page-header-content h1{font-size:1.25rem}.new-edit-role-modern .page-header-content p{font-size:.9rem}.new-edit-role-modern .header-text-modern h3{font-size:1.1rem}}.user-admin-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.user-admin-modern .user-admin-container{max-width:1400px;margin:0 auto}.roles-permissions-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.roles-permissions-modern .roles-permissions-container{max-width:1600px;margin:0 auto}.roles-permissions-modern .alert-container-modern{margin-bottom:1.5rem}.roles-permissions-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.roles-permissions-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.roles-permissions-modern .alert-modern.alert-success .alert-icon i{color:#059669}.roles-permissions-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.roles-permissions-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.roles-permissions-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.roles-permissions-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.roles-permissions-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.roles-permissions-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.roles-permissions-modern .alert-icon{flex-shrink:0}.roles-permissions-modern .alert-icon i{font-size:1.5rem}.roles-permissions-modern .alert-content{flex:1}.roles-permissions-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.roles-permissions-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.roles-permissions-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.roles-permissions-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.roles-permissions-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #8b5cf666}.roles-permissions-modern .page-header-icon i{font-size:2rem;color:#fff}.roles-permissions-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.roles-permissions-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.roles-permissions-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a}.roles-permissions-modern .card-header-modern{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.roles-permissions-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roles-permissions-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.roles-permissions-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.roles-permissions-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.roles-permissions-modern .card-body-modern{padding:1.5rem}.roles-permissions-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.roles-permissions-modern .toolbar-buttons{display:flex;gap:1rem;flex-wrap:wrap}.roles-permissions-modern .btn-action-toolbar{padding:.75rem 1.5rem!important;font-size:.9rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.roles-permissions-modern .btn-action-toolbar i{font-size:1rem}.roles-permissions-modern .btn-role{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;box-shadow:0 4px 12px #8b5cf64d!important}.roles-permissions-modern .btn-role:hover:not([disabled]){box-shadow:0 6px 16px #8b5cf666!important}.roles-permissions-modern .btn-permission{background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;box-shadow:0 4px 12px #0596694d!important}.roles-permissions-modern .btn-permission:hover:not([disabled]){box-shadow:0 6px 16px #05966966!important}.roles-permissions-modern .btn-action-toolbar:disabled{opacity:.6!important;background:#94a3b8!important}.roles-permissions-modern .toolbar-info{display:flex;align-items:center}.roles-permissions-modern .info-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6;color:#1e40af;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.roles-permissions-modern .info-badge i{color:#3b82f6}.roles-permissions-modern .table-container-modern{border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.roles-permissions-modern .permissions-table-modern{margin-bottom:0}.roles-permissions-modern .table-header-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#0f172a;font-weight:700;font-size:.9rem;padding:1rem .75rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.roles-permissions-modern .table-header-modern .header-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.roles-permissions-modern .table-header-modern .header-content i{color:#8b5cf6;font-size:1rem}.roles-permissions-modern .table-row-modern{transition:all .3s ease}.roles-permissions-modern .table-row-modern:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.roles-permissions-modern .table-cell-modern{padding:.875rem .75rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.roles-permissions-modern .permission-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-align:left}.roles-permissions-modern .permission-icon{width:36px;height:36px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roles-permissions-modern .permission-icon i{font-size:.85rem;color:#fff}.roles-permissions-modern .permission-name{font-weight:600;color:#0f172a;font-size:.9rem}.roles-permissions-modern .checkbox-cell{display:flex;justify-content:center;align-items:center}.roles-permissions-modern .checkbox-modern{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.roles-permissions-modern .checkbox-modern input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.roles-permissions-modern .checkbox-modern .checkmark{width:28px;height:28px;background:white;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.roles-permissions-modern .checkbox-modern .checkmark i{color:#fff;font-size:.85rem;opacity:0;transform:scale(0);transition:all .2s ease}.roles-permissions-modern .checkbox-modern:hover .checkmark{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf633}.roles-permissions-modern .checkbox-modern input:checked~.checkmark{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-color:#7c3aed;box-shadow:0 2px 8px #8b5cf666}.roles-permissions-modern .checkbox-modern input:checked~.checkmark i{opacity:1;transform:scale(1)}.roles-permissions-modern .checkbox-modern.disabled{cursor:not-allowed}.roles-permissions-modern .checkbox-modern.disabled .checkmark{background:#f1f5f9;border-color:#e2e8f0}.roles-permissions-modern .checkbox-modern.disabled:hover .checkmark{border-color:#e2e8f0;box-shadow:none}.roles-permissions-modern .empty-state-modern{text-align:center;padding:3rem 1.5rem}.roles-permissions-modern .empty-state-modern i{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#cbd5e1}.roles-permissions-modern .empty-state-modern p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#64748b}.roles-permissions-modern .empty-state-modern span{font-size:.9rem;color:#94a3b8}@media (max-width: 992px){.roles-permissions-modern .page-header-modern{flex-direction:column;text-align:center}.roles-permissions-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.roles-permissions-modern .toolbar-buttons,.roles-permissions-modern .toolbar-info{justify-content:center}}@media (max-width: 768px){.roles-permissions-modern{padding:1rem}.roles-permissions-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem;position:relative}.roles-permissions-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.roles-permissions-modern .page-header-modern{padding:1.5rem}.roles-permissions-modern .page-header-icon{width:60px;height:60px}.roles-permissions-modern .page-header-icon i,.roles-permissions-modern .page-header-content h1{font-size:1.5rem}.roles-permissions-modern .card-header-modern{flex-direction:column;text-align:center}.roles-permissions-modern .card-body-modern{padding:1rem}.roles-permissions-modern .table-container-modern{overflow-x:auto}.roles-permissions-modern .toolbar-buttons{flex-direction:column;width:100%}.roles-permissions-modern .btn-action-toolbar{width:100%;justify-content:center!important}.roles-permissions-modern .info-badge{text-align:center}}@media (max-width: 480px){.roles-permissions-modern .page-header-content h1{font-size:1.25rem}.roles-permissions-modern .page-header-content p{font-size:.9rem}.roles-permissions-modern .header-text-modern h3{font-size:1.1rem}.roles-permissions-modern .table-header-modern{padding:.5rem;font-size:.8rem}.roles-permissions-modern .table-cell-modern{padding:.5rem}.roles-permissions-modern .permission-name{font-size:.8rem}.roles-permissions-modern .checkbox-modern .checkmark{width:24px;height:24px}}.user-admin-modern .alert-container-modern{margin-bottom:1.5rem}.user-admin-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-admin-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.user-admin-modern .alert-modern.alert-success .alert-icon i{color:#059669}.user-admin-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.user-admin-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.user-admin-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.user-admin-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.user-admin-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.user-admin-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.user-admin-modern .alert-icon{flex-shrink:0}.user-admin-modern .alert-icon i{font-size:1.5rem}.user-admin-modern .alert-content{flex:1}.user-admin-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.user-admin-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.user-admin-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.user-admin-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.user-admin-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0072bb66}.user-admin-modern .page-header-icon i{font-size:2rem;color:#fff}.user-admin-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.user-admin-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.user-admin-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a}.user-admin-modern .card-header-modern{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.user-admin-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-admin-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.user-admin-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.user-admin-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.user-admin-modern .card-body-modern{padding:1.5rem}.user-admin-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.user-admin-modern .toolbar-left{display:flex;gap:1rem}.user-admin-modern .toolbar-right{flex:1;max-width:400px}.user-admin-modern .btn-add-modern{padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;box-shadow:0 4px 12px #0596694d!important}.user-admin-modern .btn-add-modern:hover:not([disabled]){box-shadow:0 6px 16px #05966966!important;transform:translateY(-2px)}.user-admin-modern .btn-add-modern:disabled{opacity:.6!important}.user-admin-modern .btn-add-modern i{font-size:1rem}.user-admin-modern .filter-field-modern{width:100%}.user-admin-modern .filter-field-modern .mat-form-field-wrapper{padding-bottom:0}.user-admin-modern .filter-field-modern .mat-form-field-label i{color:#0072bb;margin-right:.25rem}.user-admin-modern .table-container-modern{border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.user-admin-modern .table-container-modern table{width:100%}.user-admin-modern .mat-header-row{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.user-admin-modern .mat-header-cell{color:#0f172a;font-weight:700;font-size:.9rem;padding:1rem .75rem;border-bottom:2px solid #e2e8f0}.user-admin-modern .mat-row{transition:all .3s ease}.user-admin-modern .mat-row:hover{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.user-admin-modern .mat-cell{color:#334155;font-size:.9rem;padding:.875rem .75rem;border-bottom:1px solid #e2e8f0}.user-admin-modern .mat-row:last-child .mat-cell{border-bottom:none}.user-admin-modern .action-buttons-modern{display:inline-flex;gap:.5rem;margin-left:.5rem}.user-admin-modern .btn-edit-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 2px 6px #f59e0b4d!important;width:32px!important;height:32px!important}.user-admin-modern .btn-edit-modern .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.user-admin-modern .btn-edit-modern:hover:not([disabled]){box-shadow:0 4px 10px #f59e0b80!important;transform:scale(1.1)}.user-admin-modern .btn-delete-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 2px 6px #ef44444d!important;width:32px!important;height:32px!important}.user-admin-modern .btn-delete-modern .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.user-admin-modern .btn-delete-modern:hover:not([disabled]){box-shadow:0 4px 10px #ef444480!important;transform:scale(1.1)}.user-admin-modern .mat-mini-fab:disabled{opacity:.5!important}.user-admin-modern .no-data-cell{padding:0!important}.user-admin-modern .no-data-modern{text-align:center;padding:3rem 1.5rem}.user-admin-modern .no-data-modern i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.user-admin-modern .no-data-modern p{font-size:1rem;color:#64748b;font-weight:500;margin:0}.user-admin-modern .paginator-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:2px solid #e2e8f0;padding:.5rem}.user-admin-modern .mat-paginator-container{justify-content:flex-end}.user-admin-modern .mat-paginator-page-size-label,.user-admin-modern .mat-paginator-range-label{color:#64748b;font-weight:500}@media (max-width: 992px){.user-admin-modern .page-header-modern{flex-direction:column;text-align:center}.user-admin-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.user-admin-modern .toolbar-left{justify-content:center}.user-admin-modern .toolbar-right{max-width:100%}}@media (max-width: 768px){.user-admin-modern{padding:1rem}.user-admin-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem;position:relative}.user-admin-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.user-admin-modern .page-header-modern{padding:1.5rem}.user-admin-modern .page-header-icon{width:60px;height:60px}.user-admin-modern .page-header-icon i,.user-admin-modern .page-header-content h1{font-size:1.5rem}.user-admin-modern .card-header-modern{flex-direction:column;text-align:center}.user-admin-modern .card-body-modern{padding:1rem}.user-admin-modern .table-container-modern{overflow-x:auto}.user-admin-modern .btn-add-modern{width:100%;justify-content:center!important}}@media (max-width: 480px){.user-admin-modern .page-header-content h1{font-size:1.25rem}.user-admin-modern .page-header-content p{font-size:.9rem}.user-admin-modern .header-text-modern h3{font-size:1.1rem}.user-admin-modern .mat-header-cell,.user-admin-modern .mat-cell{padding:.5rem;font-size:.8rem}}.edit-new-user-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.edit-new-user-modern .edit-new-user-container{max-width:1400px;margin:0 auto}.edit-new-user-modern .alert-container-modern{margin-bottom:1.5rem}.edit-new-user-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-new-user-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.edit-new-user-modern .alert-modern.alert-success .alert-icon i{color:#059669}.edit-new-user-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.edit-new-user-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.edit-new-user-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.edit-new-user-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.edit-new-user-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.edit-new-user-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.edit-new-user-modern .alert-icon{flex-shrink:0}.edit-new-user-modern .alert-icon i{font-size:1.5rem}.edit-new-user-modern .alert-content{flex:1}.edit-new-user-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.edit-new-user-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.edit-new-user-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.edit-new-user-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.edit-new-user-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0072bb66}.edit-new-user-modern .page-header-icon i{font-size:2rem;color:#fff}.edit-new-user-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.edit-new-user-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.edit-new-user-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem}.edit-new-user-modern .user-widget-modern{text-align:center}.edit-new-user-modern .widget-header-modern{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);padding:2rem 1.5rem 3.5rem;position:relative}.edit-new-user-modern .widget-avatar-modern{width:100px;height:100px;border-radius:50%;background:white;padding:5px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.edit-new-user-modern .widget-avatar-modern img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edit-new-user-modern .widget-body-modern{padding:4rem 1.5rem 1.5rem}.edit-new-user-modern .widget-username{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0 0 .75rem}.edit-new-user-modern .widget-role-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:2px solid #3b82f6}.edit-new-user-modern .widget-role-badge i{font-size:.9rem}.edit-new-user-modern .widget-stats-modern{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.edit-new-user-modern .stat-item{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 0;color:#64748b;font-size:.9rem}.edit-new-user-modern .stat-item i{color:#0072bb;width:20px}.edit-new-user-modern .widget-footer-modern{padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem}.edit-new-user-modern .btn-widget-action{width:100%;padding:.75rem 1rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.edit-new-user-modern .btn-change-role{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)!important;box-shadow:0 4px 12px #0072bb4d!important}.edit-new-user-modern .btn-delete-data{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 4px 12px #ef44444d!important}.edit-new-user-modern .tabs-modern .mat-tab-label{font-weight:600;min-width:140px}.edit-new-user-modern .tab-icon{margin-right:.5rem;font-size:1rem}.edit-new-user-modern .mat-tab-group.mat-primary .mat-ink-bar{background-color:#0072bb;height:3px}.edit-new-user-modern .tab-content-modern{padding:2rem}.edit-new-user-modern .form-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.edit-new-user-modern .form-header-modern>i{width:50px;height:50px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.edit-new-user-modern .form-header-modern h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.edit-new-user-modern .form-header-modern p{color:#64748b;font-size:.9rem;margin:0}.edit-new-user-modern .user-form-modern,.edit-new-user-modern .password-form-modern{display:flex;flex-direction:column;gap:.5rem}.edit-new-user-modern .form-row{display:flex;gap:1.5rem}.edit-new-user-modern .form-field-half{flex:1;min-width:0}.edit-new-user-modern .form-field-full,.edit-new-user-modern .mat-form-field{width:100%}.edit-new-user-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#e2e8f0}.edit-new-user-modern .mat-form-field-appearance-outline:hover .mat-form-field-outline,.edit-new-user-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.edit-new-user-modern .mat-form-field.mat-focused .mat-form-field-label{color:#0072bb}.edit-new-user-modern .password-toggle{cursor:pointer;color:#64748b;transition:color .3s ease}.edit-new-user-modern .password-toggle:hover{color:#0072bb}.edit-new-user-modern .form-section-divider{display:flex;align-items:center;margin:1.5rem 0}.edit-new-user-modern .form-section-divider span{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.edit-new-user-modern .form-section-divider:before,.edit-new-user-modern .form-section-divider:after{content:"";flex:1;height:2px;background:#e2e8f0}.edit-new-user-modern .form-section-divider:before{margin-right:1rem}.edit-new-user-modern .form-section-divider:after{margin-left:1rem}.edit-new-user-modern .form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.edit-new-user-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)!important;color:#fff!important;box-shadow:0 4px 12px #0072bb4d!important}.edit-new-user-modern .btn-save-modern.mat-button:hover{box-shadow:0 6px 16px #0072bb66!important}.edit-new-user-modern .btn-back-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:2px solid #0072bb!important;color:#0072bb!important;background:transparent!important}.edit-new-user-modern .btn-back-modern.mat-button:hover{background:rgba(0,114,187,.1)!important}@media (max-width: 992px){.edit-new-user-modern .page-header-modern{flex-direction:column;text-align:center}.edit-new-user-modern .form-row{flex-direction:column;gap:.5rem}}@media (max-width: 768px){.edit-new-user-modern{padding:1rem}.edit-new-user-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem;position:relative}.edit-new-user-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.edit-new-user-modern .page-header-modern{padding:1.5rem}.edit-new-user-modern .page-header-icon{width:60px;height:60px}.edit-new-user-modern .page-header-icon i,.edit-new-user-modern .page-header-content h1{font-size:1.5rem}.edit-new-user-modern .tab-content-modern{padding:1.5rem}.edit-new-user-modern .form-header-modern{flex-direction:column;text-align:center}.edit-new-user-modern .form-actions-modern{flex-direction:column}.edit-new-user-modern .btn-save-modern.mat-button,.edit-new-user-modern .btn-back-modern.mat-button{width:100%;justify-content:center!important}}@media (max-width: 480px){.edit-new-user-modern .page-header-content h1{font-size:1.25rem}.edit-new-user-modern .page-header-content p{font-size:.9rem}.edit-new-user-modern .widget-username{font-size:1.15rem}.edit-new-user-modern .tab-content-modern{padding:1rem}.edit-new-user-modern .form-section-divider:before,.edit-new-user-modern .form-section-divider:after{display:none}.edit-new-user-modern .form-section-divider{justify-content:center}}.institutions-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.institutions-modern .institutions-container{max-width:1400px;margin:0 auto}.institutions-modern .alert-container-modern{margin-bottom:1.5rem}.institutions-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.institutions-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.institutions-modern .alert-modern.alert-success .alert-icon i{color:#059669}.institutions-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.institutions-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.institutions-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.institutions-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.institutions-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.institutions-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.institutions-modern .alert-icon{flex-shrink:0}.institutions-modern .alert-icon i{font-size:1.5rem}.institutions-modern .alert-content{flex:1}.institutions-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.institutions-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.institutions-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.institutions-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.institutions-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #f59e0b66}.institutions-modern .page-header-icon i{font-size:2rem;color:#fff}.institutions-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.institutions-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.institutions-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a}.institutions-modern .card-header-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.institutions-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.institutions-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.institutions-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.institutions-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.institutions-modern .card-body-modern{padding:1.5rem}.institutions-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.institutions-modern .toolbar-left{display:flex;gap:1rem}.institutions-modern .toolbar-right{flex:1;max-width:400px}.institutions-modern .btn-add-modern.mat-button{padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;color:#fff!important;box-shadow:0 4px 12px #0596694d!important}.institutions-modern .btn-add-modern.mat-button:hover:not([disabled]){box-shadow:0 6px 16px #05966966!important;transform:translateY(-2px)}.institutions-modern .btn-add-modern.mat-button:disabled{opacity:.6!important;background:#94a3b8!important}.institutions-modern .btn-add-modern i{font-size:1rem}.institutions-modern .filter-field-modern{width:100%}.institutions-modern .filter-field-modern .mat-form-field-wrapper{padding-bottom:0}.institutions-modern .filter-field-modern .mat-form-field-label i{color:#f59e0b;margin-right:.25rem}.institutions-modern .table-container-modern{border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.institutions-modern .table-container-modern table{width:100%}.institutions-modern .mat-header-row{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.institutions-modern .mat-header-cell{color:#0f172a;font-weight:700;font-size:.9rem;padding:1rem .75rem;border-bottom:2px solid #e2e8f0}.institutions-modern .mat-row{transition:all .3s ease}.institutions-modern .mat-row:hover{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.institutions-modern .mat-cell{color:#334155;font-size:.9rem;padding:.875rem .75rem;border-bottom:1px solid #e2e8f0}.institutions-modern .mat-row:last-child .mat-cell{border-bottom:none}.institutions-modern .action-buttons-modern{display:inline-flex;gap:.5rem;margin-left:.5rem}.institutions-modern .btn-edit-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 2px 6px #f59e0b4d!important;width:32px!important;height:32px!important}.institutions-modern .btn-edit-modern .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.institutions-modern .btn-edit-modern:hover:not([disabled]){box-shadow:0 4px 10px #f59e0b80!important;transform:scale(1.1)}.institutions-modern .btn-delete-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 2px 6px #ef44444d!important;width:32px!important;height:32px!important}.institutions-modern .btn-delete-modern .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.institutions-modern .btn-delete-modern:hover:not([disabled]){box-shadow:0 4px 10px #ef444480!important;transform:scale(1.1)}.institutions-modern .mat-mini-fab:disabled{opacity:.5!important}.institutions-modern .no-data-cell{padding:0!important}.institutions-modern .no-data-modern{text-align:center;padding:3rem 1.5rem}.institutions-modern .no-data-modern i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.institutions-modern .no-data-modern p{font-size:1rem;color:#64748b;font-weight:500;margin:0}.institutions-modern .paginator-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:2px solid #e2e8f0;padding:.5rem}.institutions-modern .mat-paginator-container{justify-content:flex-end}.institutions-modern .mat-paginator-page-size-label,.institutions-modern .mat-paginator-range-label{color:#64748b;font-weight:500}@media (max-width: 992px){.institutions-modern .page-header-modern{flex-direction:column;text-align:center}.institutions-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.institutions-modern .toolbar-left{justify-content:center}.institutions-modern .toolbar-right{max-width:100%}}@media (max-width: 768px){.institutions-modern{padding:1rem}.institutions-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem;position:relative}.institutions-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.institutions-modern .page-header-modern{padding:1.5rem}.institutions-modern .page-header-icon{width:60px;height:60px}.institutions-modern .page-header-icon i,.institutions-modern .page-header-content h1{font-size:1.5rem}.institutions-modern .card-header-modern{flex-direction:column;text-align:center}.institutions-modern .card-body-modern{padding:1rem}.institutions-modern .table-container-modern{overflow-x:auto}.institutions-modern .btn-add-modern.mat-button{width:100%;justify-content:center!important}}@media (max-width: 480px){.institutions-modern .page-header-content h1{font-size:1.25rem}.institutions-modern .page-header-content p{font-size:.9rem}.institutions-modern .header-text-modern h3{font-size:1.1rem}.institutions-modern .mat-header-cell,.institutions-modern .mat-cell{padding:.5rem;font-size:.8rem}}.new-edit-institution-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.new-edit-institution-modern .new-edit-institution-container{max-width:1000px;margin:0 auto}.new-edit-institution-modern .alert-container-modern{margin-bottom:1.5rem}.new-edit-institution-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-edit-institution-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.new-edit-institution-modern .alert-modern.alert-success .alert-icon i{color:#059669}.new-edit-institution-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.new-edit-institution-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.new-edit-institution-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.new-edit-institution-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.new-edit-institution-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.new-edit-institution-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.new-edit-institution-modern .alert-icon{flex-shrink:0}.new-edit-institution-modern .alert-icon i{font-size:1.5rem}.new-edit-institution-modern .alert-content{flex:1}.new-edit-institution-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.new-edit-institution-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.new-edit-institution-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.new-edit-institution-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.new-edit-institution-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #f59e0b66}.new-edit-institution-modern .page-header-icon i{font-size:2rem;color:#fff}.new-edit-institution-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.new-edit-institution-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.new-edit-institution-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a}.new-edit-institution-modern .card-body-modern{padding:2rem}.new-edit-institution-modern .form-section-modern{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #e2e8f0}.new-edit-institution-modern .form-section-modern:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.new-edit-institution-modern .section-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.new-edit-institution-modern .section-icon{width:50px;height:50px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-institution-modern .section-icon i{font-size:1.25rem;color:#fff}.new-edit-institution-modern .section-icon.icon-location{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)}.new-edit-institution-modern .section-icon.icon-contacts{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.new-edit-institution-modern .section-icon.icon-users{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.new-edit-institution-modern .section-icon.icon-alerts{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.new-edit-institution-modern .section-title h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.new-edit-institution-modern .section-title p{color:#64748b;font-size:.875rem;margin:0}.new-edit-institution-modern .form-grid{display:flex;flex-wrap:wrap;gap:1rem}.new-edit-institution-modern .form-field-full{width:100%}.new-edit-institution-modern .form-field-half{flex:1;min-width:280px}.new-edit-institution-modern .mat-form-field{width:100%}.new-edit-institution-modern .mat-form-field-appearance-outline .mat-form-field-outline{color:#e2e8f0}.new-edit-institution-modern .mat-form-field-appearance-outline:hover .mat-form-field-outline,.new-edit-institution-modern .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.new-edit-institution-modern .mat-form-field.mat-focused .mat-form-field-label{color:#f59e0b}.new-edit-institution-modern .dynamic-list-modern{display:flex;flex-direction:column;gap:1rem}.new-edit-institution-modern .dynamic-item-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .3s ease}.new-edit-institution-modern .dynamic-item-modern:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b1a}.new-edit-institution-modern .item-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.new-edit-institution-modern .item-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#059669 0%,#047857 100%);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600}.new-edit-institution-modern .item-badge.badge-users{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.new-edit-institution-modern .item-badge.badge-alerts{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.new-edit-institution-modern .btn-remove-item.mat-button{color:#ef4444!important;font-size:.85rem}.new-edit-institution-modern .btn-remove-item.mat-button:hover{background:rgba(239,68,68,.1)!important}.new-edit-institution-modern .add-item-section{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.new-edit-institution-modern .btn-add-item.mat-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem!important;border-radius:10px!important;font-weight:600!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;color:#fff!important;box-shadow:0 3px 10px #0596694d!important;width:-moz-fit-content;width:fit-content}.new-edit-institution-modern .btn-add-item.mat-button:hover{box-shadow:0 4px 14px #05966966!important}.new-edit-institution-modern .btn-add-user.mat-button{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;box-shadow:0 3px 10px #8b5cf64d!important}.new-edit-institution-modern .btn-add-user.mat-button:hover{box-shadow:0 4px 14px #8b5cf666!important}.new-edit-institution-modern .btn-add-alert.mat-button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 3px 10px #ef44444d!important}.new-edit-institution-modern .btn-add-alert.mat-button:hover{box-shadow:0 4px 14px #ef444466!important}.new-edit-institution-modern .array-error{display:block;margin-top:.5rem;font-size:.8rem}.new-edit-institution-modern .form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.new-edit-institution-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b4d!important}.new-edit-institution-modern .btn-save-modern.mat-button:hover{box-shadow:0 6px 16px #f59e0b66!important}.new-edit-institution-modern .btn-back-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:2px solid #f59e0b!important;color:#d97706!important;background:transparent!important}.new-edit-institution-modern .btn-back-modern.mat-button:hover{background:rgba(245,158,11,.1)!important}@media (max-width: 768px){.new-edit-institution-modern{padding:1rem}.new-edit-institution-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.new-edit-institution-modern .page-header-icon{width:60px;height:60px}.new-edit-institution-modern .page-header-icon i,.new-edit-institution-modern .page-header-content h1{font-size:1.5rem}.new-edit-institution-modern .card-body-modern{padding:1.5rem}.new-edit-institution-modern .section-header-modern{flex-direction:column;text-align:center}.new-edit-institution-modern .form-field-half{min-width:100%}.new-edit-institution-modern .item-header-modern{flex-direction:column;gap:.75rem;text-align:center}.new-edit-institution-modern .form-actions-modern{flex-direction:column}.new-edit-institution-modern .btn-save-modern.mat-button,.new-edit-institution-modern .btn-back-modern.mat-button{width:100%;justify-content:center!important}.new-edit-institution-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.new-edit-institution-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.new-edit-institution-modern .page-header-content h1{font-size:1.25rem}.new-edit-institution-modern .page-header-content p{font-size:.9rem}.new-edit-institution-modern .section-title h3{font-size:1rem}.new-edit-institution-modern .card-body-modern{padding:1rem}}.role-institution-modern,.permission-institution-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.role-institution-modern .role-institution-container,.permission-institution-modern .permission-institution-container{max-width:1200px;margin:0 auto}.role-institution-modern .alert-container-modern,.permission-institution-modern .alert-container-modern{margin-bottom:1.5rem}.role-institution-modern .alert-modern,.permission-institution-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.role-institution-modern .alert-modern.alert-success,.permission-institution-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.role-institution-modern .alert-modern.alert-success .alert-icon i,.permission-institution-modern .alert-modern.alert-success .alert-icon i{color:#059669}.role-institution-modern .alert-modern.alert-error,.permission-institution-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.role-institution-modern .alert-modern.alert-error .alert-icon i,.permission-institution-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.role-institution-modern .alert-modern.alert-warning,.permission-institution-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.role-institution-modern .alert-modern.alert-warning .alert-icon i,.permission-institution-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.role-institution-modern .alert-modern.alert-info,.permission-institution-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.role-institution-modern .alert-modern.alert-info .alert-icon i,.permission-institution-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.role-institution-modern .alert-icon,.permission-institution-modern .alert-icon{flex-shrink:0}.role-institution-modern .alert-icon i,.permission-institution-modern .alert-icon i{font-size:1.5rem}.role-institution-modern .alert-content,.permission-institution-modern .alert-content{flex:1}.role-institution-modern .alert-text,.permission-institution-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.role-institution-modern .alert-close,.permission-institution-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.role-institution-modern .alert-close:hover,.permission-institution-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.role-institution-modern .page-header-modern,.permission-institution-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.role-institution-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #8b5cf666}.permission-institution-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0072bb66}.role-institution-modern .page-header-icon i,.permission-institution-modern .page-header-icon i{font-size:2rem;color:#fff}.role-institution-modern .page-header-content h1,.permission-institution-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.role-institution-modern .page-header-content p,.permission-institution-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.role-institution-modern .card-modern,.permission-institution-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem}.role-institution-modern .card-header-modern,.permission-institution-modern .card-header-modern{padding:1.5rem;display:flex;align-items:center;gap:1rem}.role-institution-modern .header-purple,.permission-institution-modern .header-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.role-institution-modern .header-indigo,.permission-institution-modern .header-indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.role-institution-modern .header-blue,.permission-institution-modern .header-blue{background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)}.role-institution-modern .header-green,.permission-institution-modern .header-green{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.role-institution-modern .header-icon-modern,.permission-institution-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-institution-modern .header-icon-modern i,.permission-institution-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.role-institution-modern .header-text-modern h3,.permission-institution-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.role-institution-modern .header-text-modern p,.permission-institution-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.role-institution-modern .card-body-modern,.permission-institution-modern .card-body-modern{padding:1.5rem}.role-institution-modern .form-field-full,.permission-institution-modern .form-field-full,.role-institution-modern .mat-form-field,.permission-institution-modern .mat-form-field{width:100%}.role-institution-modern .form-actions-modern,.permission-institution-modern .form-actions-modern{margin-top:1.5rem;padding-top:1rem}.role-institution-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf64d!important}.role-institution-modern .btn-save-modern.mat-button:hover:not([disabled]){box-shadow:0 6px 16px #8b5cf666!important}.permission-institution-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#0072bb 0%,#005a94 100%)!important;color:#fff!important;box-shadow:0 4px 12px #0072bb4d!important}.permission-institution-modern .btn-save-modern.mat-button:hover:not([disabled]){box-shadow:0 6px 16px #0072bb66!important}.role-institution-modern .btn-save-modern.mat-button:disabled,.permission-institution-modern .btn-save-modern.mat-button:disabled{opacity:.6!important;background:#94a3b8!important}.role-institution-modern .list-items-modern,.permission-institution-modern .list-items-modern{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.role-institution-modern .list-item-modern,.permission-institution-modern .list-item-modern{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.role-institution-modern .list-item-modern:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.permission-institution-modern .list-item-modern:hover{border-color:#059669;box-shadow:0 4px 12px #05966926}.role-institution-modern .item-icon,.permission-institution-modern .item-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.permission-institution-modern .item-icon.icon-green,.permission-institution-modern .item-icon{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.role-institution-modern .item-icon i,.permission-institution-modern .item-icon i{color:#fff;font-size:1rem}.role-institution-modern .item-content,.permission-institution-modern .item-content{flex:1;min-width:0}.role-institution-modern .item-name,.permission-institution-modern .item-name{font-weight:600;color:#0f172a;font-size:.95rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-institution-modern .item-actions,.permission-institution-modern .item-actions{display:flex;gap:.5rem;flex-shrink:0}.role-institution-modern .btn-edit-mini,.permission-institution-modern .btn-edit-mini{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 2px 6px #f59e0b4d!important;width:32px!important;height:32px!important}.role-institution-modern .btn-edit-mini .mat-icon,.permission-institution-modern .btn-edit-mini .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.role-institution-modern .btn-edit-mini:hover:not([disabled]),.permission-institution-modern .btn-edit-mini:hover:not([disabled]){box-shadow:0 4px 10px #f59e0b80!important;transform:scale(1.1)}.role-institution-modern .btn-delete-mini,.permission-institution-modern .btn-delete-mini{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 2px 6px #ef44444d!important;width:32px!important;height:32px!important}.role-institution-modern .btn-delete-mini .mat-icon,.permission-institution-modern .btn-delete-mini .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.role-institution-modern .btn-delete-mini:hover:not([disabled]),.permission-institution-modern .btn-delete-mini:hover:not([disabled]){box-shadow:0 4px 10px #ef444480!important;transform:scale(1.1)}.role-institution-modern .mat-mini-fab:disabled,.permission-institution-modern .mat-mini-fab:disabled{opacity:.5!important}.role-institution-modern .empty-state-modern,.permission-institution-modern .empty-state-modern{text-align:center;padding:2rem 1rem}.role-institution-modern .empty-state-modern i,.permission-institution-modern .empty-state-modern i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.role-institution-modern .empty-state-modern p,.permission-institution-modern .empty-state-modern p{color:#64748b;font-weight:500;margin:0}@media (max-width: 768px){.role-institution-modern,.permission-institution-modern{padding:1rem}.role-institution-modern .page-header-modern,.permission-institution-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.role-institution-modern .page-header-icon,.permission-institution-modern .page-header-icon{width:60px;height:60px}.role-institution-modern .page-header-icon i,.permission-institution-modern .page-header-icon i,.role-institution-modern .page-header-content h1,.permission-institution-modern .page-header-content h1{font-size:1.5rem}.role-institution-modern .card-header-modern,.permission-institution-modern .card-header-modern{flex-direction:column;text-align:center}.role-institution-modern .list-item-modern,.permission-institution-modern .list-item-modern{flex-direction:column;text-align:center;gap:.75rem}.role-institution-modern .alert-modern,.permission-institution-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.role-institution-modern .alert-close,.permission-institution-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.role-institution-modern .page-header-content h1,.permission-institution-modern .page-header-content h1{font-size:1.25rem}.role-institution-modern .page-header-content p,.permission-institution-modern .page-header-content p{font-size:.9rem}.role-institution-modern .header-text-modern h3,.permission-institution-modern .header-text-modern h3{font-size:1.1rem}}.roles-perm-inst-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.roles-perm-inst-modern .roles-perm-inst-container{max-width:1600px;margin:0 auto}.roles-perm-inst-modern .alert-container-modern{margin-bottom:1.5rem}.roles-perm-inst-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.roles-perm-inst-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.roles-perm-inst-modern .alert-modern.alert-success .alert-icon i{color:#059669}.roles-perm-inst-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.roles-perm-inst-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.roles-perm-inst-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.roles-perm-inst-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.roles-perm-inst-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.roles-perm-inst-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.roles-perm-inst-modern .alert-icon{flex-shrink:0}.roles-perm-inst-modern .alert-icon i{font-size:1.5rem}.roles-perm-inst-modern .alert-content{flex:1}.roles-perm-inst-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.roles-perm-inst-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.roles-perm-inst-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.roles-perm-inst-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.roles-perm-inst-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #f59e0b66}.roles-perm-inst-modern .page-header-icon i{font-size:2rem;color:#fff}.roles-perm-inst-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.roles-perm-inst-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.roles-perm-inst-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a}.roles-perm-inst-modern .card-header-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);padding:1.5rem;display:flex;align-items:center;gap:1rem}.roles-perm-inst-modern .header-icon-modern{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roles-perm-inst-modern .header-icon-modern i{font-size:1.5rem;color:#fff}.roles-perm-inst-modern .header-text-modern h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.roles-perm-inst-modern .header-text-modern p{color:#ffffffd9;font-size:.875rem;margin:0}.roles-perm-inst-modern .card-body-modern{padding:1.5rem}.roles-perm-inst-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.roles-perm-inst-modern .toolbar-buttons{display:flex;gap:1rem;flex-wrap:wrap}.roles-perm-inst-modern .btn-action-toolbar.mat-button{padding:.75rem 1.5rem!important;font-size:.9rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.roles-perm-inst-modern .btn-action-toolbar i{font-size:1rem}.roles-perm-inst-modern .btn-role.mat-button{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b4d!important}.roles-perm-inst-modern .btn-role.mat-button:hover:not([disabled]){box-shadow:0 6px 16px #f59e0b66!important}.roles-perm-inst-modern .btn-permission.mat-button{background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;color:#fff!important;box-shadow:0 4px 12px #0596694d!important}.roles-perm-inst-modern .btn-permission.mat-button:hover:not([disabled]){box-shadow:0 6px 16px #05966966!important}.roles-perm-inst-modern .btn-action-toolbar.mat-button:disabled{opacity:.6!important;background:#94a3b8!important}.roles-perm-inst-modern .toolbar-info{display:flex;align-items:center}.roles-perm-inst-modern .info-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;color:#92400e;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.roles-perm-inst-modern .info-badge i{color:#f59e0b}.roles-perm-inst-modern .table-container-modern{border-radius:12px;overflow:hidden;border:2px solid #e2e8f0}.roles-perm-inst-modern .permissions-table-modern{margin-bottom:0}.roles-perm-inst-modern .table-header-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#0f172a;font-weight:700;font-size:.9rem;padding:1rem .75rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.roles-perm-inst-modern .table-header-modern .header-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.roles-perm-inst-modern .table-header-modern .header-content i{color:#f59e0b;font-size:1rem}.roles-perm-inst-modern .table-row-modern{transition:all .3s ease}.roles-perm-inst-modern .table-row-modern:hover{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.roles-perm-inst-modern .table-cell-modern{padding:.875rem .75rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.roles-perm-inst-modern .permission-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-align:left}.roles-perm-inst-modern .permission-icon{width:36px;height:36px;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roles-perm-inst-modern .permission-icon i{font-size:.85rem;color:#fff}.roles-perm-inst-modern .permission-name{font-weight:600;color:#0f172a;font-size:.9rem}.roles-perm-inst-modern .checkbox-cell{display:flex;justify-content:center;align-items:center}.roles-perm-inst-modern .checkbox-modern{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.roles-perm-inst-modern .checkbox-modern input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.roles-perm-inst-modern .checkbox-modern .checkmark{width:28px;height:28px;background:white;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.roles-perm-inst-modern .checkbox-modern .checkmark i{color:#fff;font-size:.85rem;opacity:0;transform:scale(0);transition:all .2s ease}.roles-perm-inst-modern .checkbox-modern:hover .checkmark{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.roles-perm-inst-modern .checkbox-modern input:checked~.checkmark{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706;box-shadow:0 2px 8px #f59e0b66}.roles-perm-inst-modern .checkbox-modern input:checked~.checkmark i{opacity:1;transform:scale(1)}.roles-perm-inst-modern .checkbox-modern.disabled{cursor:not-allowed}.roles-perm-inst-modern .checkbox-modern.disabled .checkmark{background:#f1f5f9;border-color:#e2e8f0}.roles-perm-inst-modern .checkbox-modern.disabled:hover .checkmark{border-color:#e2e8f0;box-shadow:none}.roles-perm-inst-modern .empty-state-modern{text-align:center;padding:3rem 1.5rem}.roles-perm-inst-modern .empty-state-modern i{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#cbd5e1}.roles-perm-inst-modern .empty-state-modern p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#64748b}.roles-perm-inst-modern .empty-state-modern span{font-size:.9rem;color:#94a3b8}@media (max-width: 992px){.roles-perm-inst-modern .page-header-modern{flex-direction:column;text-align:center}.roles-perm-inst-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.roles-perm-inst-modern .toolbar-buttons,.roles-perm-inst-modern .toolbar-info{justify-content:center}}@media (max-width: 768px){.roles-perm-inst-modern{padding:1rem}.roles-perm-inst-modern .alert-modern{flex-direction:column;text-align:center;gap:.75rem;position:relative}.roles-perm-inst-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.roles-perm-inst-modern .page-header-modern{padding:1.5rem}.roles-perm-inst-modern .page-header-icon{width:60px;height:60px}.roles-perm-inst-modern .page-header-icon i,.roles-perm-inst-modern .page-header-content h1{font-size:1.5rem}.roles-perm-inst-modern .card-header-modern{flex-direction:column;text-align:center}.roles-perm-inst-modern .card-body-modern{padding:1rem}.roles-perm-inst-modern .table-container-modern{overflow-x:auto}.roles-perm-inst-modern .toolbar-buttons{flex-direction:column;width:100%}.roles-perm-inst-modern .btn-action-toolbar.mat-button{width:100%;justify-content:center!important}.roles-perm-inst-modern .info-badge{text-align:center}}@media (max-width: 480px){.roles-perm-inst-modern .page-header-content h1{font-size:1.25rem}.roles-perm-inst-modern .page-header-content p{font-size:.9rem}.roles-perm-inst-modern .header-text-modern h3{font-size:1.1rem}.roles-perm-inst-modern .table-header-modern{padding:.5rem;font-size:.8rem}.roles-perm-inst-modern .table-cell-modern{padding:.5rem}.roles-perm-inst-modern .permission-name{font-size:.8rem}.roles-perm-inst-modern .checkbox-modern .checkmark{width:24px;height:24px}}.myalerts-modern{padding:1.5rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 50%,#90caf9 100%);min-height:calc(100vh - 120px)}.myalerts-modern .myalerts-container{max-width:1200px;margin:0 auto}.myalerts-modern .alert-container-modern{margin-bottom:1.5rem}.myalerts-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.myalerts-modern .alert-modern.alert-success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #10b981}.myalerts-modern .alert-modern.alert-success .alert-icon i{color:#059669}.myalerts-modern .alert-modern.alert-error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444}.myalerts-modern .alert-modern.alert-error .alert-icon i{color:#dc2626}.myalerts-modern .alert-modern.alert-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b}.myalerts-modern .alert-modern.alert-warning .alert-icon i{color:#d97706}.myalerts-modern .alert-modern.alert-info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6}.myalerts-modern .alert-modern.alert-info .alert-icon i{color:#2563eb}.myalerts-modern .alert-icon{flex-shrink:0}.myalerts-modern .alert-icon i{font-size:1.5rem}.myalerts-modern .alert-content{flex:1}.myalerts-modern .alert-text{font-weight:600;color:#0f172a;font-size:.95rem}.myalerts-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#64748b}.myalerts-modern .alert-close:hover{background:rgba(0,0,0,.1);color:#0f172a}.myalerts-modern .page-header-modern{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 8px 32px #0f172a4d}.myalerts-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #ef444466}.myalerts-modern .page-header-icon i{font-size:2rem;color:#fff}.myalerts-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.myalerts-modern .page-header-content p{color:#94a3b8;font-size:1rem;margin:0;line-height:1.6}.myalerts-modern .filters-card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;margin-bottom:1.5rem}.myalerts-modern .card-header-modern{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.myalerts-modern .header-filters{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.myalerts-modern .header-icon-modern{width:45px;height:45px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.myalerts-modern .header-icon-modern i{font-size:1.25rem;color:#fff}.myalerts-modern .header-text-modern h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .15rem}.myalerts-modern .header-text-modern p{color:#ffffffd9;font-size:.8rem;margin:0}.myalerts-modern .card-body-modern{padding:1.5rem}.myalerts-modern .filters-row-modern{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.myalerts-modern .filter-field-modern{flex:1;min-width:200px}.myalerts-modern .filter-field-modern .mat-form-field-label i{margin-right:.25rem;color:#6366f1}.myalerts-modern .filter-date{min-width:280px}.myalerts-modern .btn-clear-filters.mat-button{padding:.75rem 1.5rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;color:#fff!important;margin-top:.5rem}.myalerts-modern .btn-clear-filters.mat-button:hover{background:linear-gradient(135deg,#475569 0%,#334155 100%)!important}.myalerts-modern .alerts-list-modern{display:flex;flex-direction:column;gap:1rem}.myalerts-modern .alert-card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:2px solid transparent;padding:0}.myalerts-modern .alert-card-modern:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef444426;transform:translateY(-2px)}.myalerts-modern .alert-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0}.myalerts-modern .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:2px solid #f59e0b}.myalerts-modern .status-badge.status-pending{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#f59e0b}.myalerts-modern .status-badge.status-process{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;border-color:#3b82f6}.myalerts-modern .status-badge.status-resolved{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46;border-color:#10b981}.myalerts-modern .status-badge i{font-size:.5rem}.myalerts-modern .alert-date{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.myalerts-modern .alert-date i{color:#ef4444}.myalerts-modern .alert-user-info{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.myalerts-modern .user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.myalerts-modern .user-avatar i{color:#fff;font-size:1.25rem}.myalerts-modern .user-details{display:flex;flex-direction:column}.myalerts-modern .user-name{font-weight:700;color:#0f172a;font-size:1rem}.myalerts-modern .user-role{font-size:.8rem;color:#64748b}.myalerts-modern .alert-card-content{padding:1.25rem 1.5rem!important}.myalerts-modern .content-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.myalerts-modern .content-item:last-child{margin-bottom:0}.myalerts-modern .content-item i{color:#ef4444;font-size:1rem;margin-top:.15rem;flex-shrink:0}.myalerts-modern .content-item p{margin:0;color:#334155;font-size:.95rem;line-height:1.5}.myalerts-modern .content-item strong{color:#0f172a}.myalerts-modern .alert-card-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem!important;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.myalerts-modern .btn-action.mat-button{padding:.5rem 1rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important;font-size:.85rem!important}.myalerts-modern .btn-delete.mat-button{color:#dc2626!important;border:1px solid #fecaca!important;background:#fef2f2!important}.myalerts-modern .btn-delete.mat-button:hover{background:#fee2e2!important}.myalerts-modern .btn-edit.mat-button{color:#d97706!important;border:1px solid #fde68a!important;background:#fffbeb!important}.myalerts-modern .btn-edit.mat-button:hover{background:#fef3c7!important}.myalerts-modern .btn-view.mat-button{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 2px 8px #ef44444d!important}.myalerts-modern .btn-view.mat-button:hover{box-shadow:0 4px 12px #ef444466!important}.myalerts-modern .empty-state-modern{text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 16px #00000014}.myalerts-modern .empty-state-modern i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.myalerts-modern .empty-state-modern h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.myalerts-modern .empty-state-modern p{color:#64748b;font-size:1rem;margin:0}.myalerts-modern .pagination-container-modern{display:flex;justify-content:center;margin-top:2rem}.myalerts-modern .pagination-modern{background:white;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination li{margin:0}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination a,.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination span{padding:.5rem 1rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination a{color:#0f172a;background:#f1f5f9}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination a:hover{background:#ef4444;color:#fff}.myalerts-modern .pagination-modern ::ng-deep .ngx-pagination .current{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}@media (max-width: 768px){.myalerts-modern{padding:1rem}.myalerts-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.myalerts-modern .page-header-icon{width:60px;height:60px}.myalerts-modern .page-header-icon i,.myalerts-modern .page-header-content h1{font-size:1.5rem}.myalerts-modern .card-header-modern{flex-direction:column;text-align:center}.myalerts-modern .filters-row-modern{flex-direction:column}.myalerts-modern .filter-field-modern,.myalerts-modern .filter-date{min-width:100%}.myalerts-modern .btn-clear-filters.mat-button{width:100%;justify-content:center!important}.myalerts-modern .alert-card-header{flex-direction:column;gap:.75rem;text-align:center}.myalerts-modern .alert-user-info{flex-direction:column;text-align:center}.myalerts-modern .alert-card-actions{flex-direction:column}.myalerts-modern .btn-action.mat-button{width:100%;justify-content:center!important}.myalerts-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.myalerts-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.myalerts-modern .page-header-content h1{font-size:1.25rem}.myalerts-modern .page-header-content p{font-size:.9rem}.myalerts-modern .header-text-modern h3{font-size:1rem}.myalerts-modern .user-name{font-size:.95rem}.myalerts-modern .content-item p{font-size:.9rem}}.new-edit-alert-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.new-edit-alert-modern .new-edit-alert-container{max-width:900px;margin:0 auto}.new-edit-alert-modern .alert-container-modern{margin-bottom:1.5rem}.new-edit-alert-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-edit-alert-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.new-edit-alert-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.new-edit-alert-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.new-edit-alert-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.new-edit-alert-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.new-edit-alert-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.new-edit-alert-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.new-edit-alert-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.new-edit-alert-modern .alert-icon{flex-shrink:0}.new-edit-alert-modern .alert-icon i{font-size:1.5rem}.new-edit-alert-modern .alert-content{flex:1}.new-edit-alert-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.new-edit-alert-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.new-edit-alert-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.new-edit-alert-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.new-edit-alert-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f871714d}.new-edit-alert-modern .page-header-icon i{font-size:2rem;color:#fff}.new-edit-alert-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.new-edit-alert-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.new-edit-alert-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.new-edit-alert-modern .card-body-modern{padding:2rem}.new-edit-alert-modern .form-section-modern{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.new-edit-alert-modern .form-section-modern:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.new-edit-alert-modern .section-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.new-edit-alert-modern .section-icon{width:45px;height:45px;background:#fee2e2;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-alert-modern .section-icon i{font-size:1.1rem;color:#ef4444}.new-edit-alert-modern .section-icon.icon-map{background:#dbeafe}.new-edit-alert-modern .section-icon.icon-map i{color:#3b82f6}.new-edit-alert-modern .section-icon.icon-location{background:#d1fae5}.new-edit-alert-modern .section-icon.icon-location i{color:#10b981}.new-edit-alert-modern .section-icon.icon-questions{background:#fef3c7}.new-edit-alert-modern .section-icon.icon-questions i{color:#f59e0b}.new-edit-alert-modern .section-icon.icon-general{background:#ede9fe}.new-edit-alert-modern .section-icon.icon-general i{color:#8b5cf6}.new-edit-alert-modern .section-icon.icon-evidence{background:#fce7f3}.new-edit-alert-modern .section-icon.icon-evidence i{color:#ec4899}.new-edit-alert-modern .section-title h3{color:#334155;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.new-edit-alert-modern .section-title p{color:#64748b;font-size:.85rem;margin:0}.new-edit-alert-modern .form-grid{display:flex;flex-wrap:wrap;gap:1rem}.new-edit-alert-modern .form-field-full{width:100%}.new-edit-alert-modern .form-field-half{flex:1;min-width:280px}.new-edit-alert-modern .mat-form-field{width:100%}.new-edit-alert-modern .map-container-modern{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.new-edit-alert-modern .map-container-modern google-map{display:block}.new-edit-alert-modern .images-preview-modern{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.new-edit-alert-modern .image-item-modern{position:relative;width:150px;height:150px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;transition:all .3s ease}.new-edit-alert-modern .image-item-modern:hover{border-color:#f87171;box-shadow:0 4px 12px #f8717133}.new-edit-alert-modern .image-item-modern img{width:100%;height:100%;object-fit:cover}.new-edit-alert-modern .btn-remove-image{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #ef44444d}.new-edit-alert-modern .btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.new-edit-alert-modern .btn-remove-image i{font-size:.8rem}.new-edit-alert-modern .upload-section-modern{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.new-edit-alert-modern .btn-upload-modern.mat-button{padding:.75rem 1.5rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#f1f5f9!important;color:#475569!important;border:2px dashed #cbd5e1!important}.new-edit-alert-modern .btn-upload-modern.mat-button:hover:not([disabled]){background:#e2e8f0!important;border-color:#94a3b8!important}.new-edit-alert-modern .btn-upload-modern.mat-button:disabled{opacity:.5!important}.new-edit-alert-modern .upload-hint{font-size:.8rem;color:#94a3b8}.new-edit-alert-modern .form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.new-edit-alert-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)!important;color:#fff!important;box-shadow:0 4px 12px #f871714d!important}.new-edit-alert-modern .btn-save-modern.mat-button:hover{box-shadow:0 6px 16px #f8717166!important}.new-edit-alert-modern .btn-back-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:1px solid #cbd5e1!important;color:#475569!important;background:white!important}.new-edit-alert-modern .btn-back-modern.mat-button:hover{background:#f8fafc!important;border-color:#94a3b8!important}@media (max-width: 768px){.new-edit-alert-modern{padding:1rem}.new-edit-alert-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.new-edit-alert-modern .page-header-icon{width:60px;height:60px}.new-edit-alert-modern .page-header-icon i{font-size:1.5rem}.new-edit-alert-modern .page-header-content h1{font-size:1.4rem}.new-edit-alert-modern .card-body-modern{padding:1.5rem}.new-edit-alert-modern .section-header-modern{flex-direction:column;text-align:center}.new-edit-alert-modern .form-field-half{min-width:100%}.new-edit-alert-modern .form-actions-modern{flex-direction:column}.new-edit-alert-modern .btn-save-modern.mat-button,.new-edit-alert-modern .btn-back-modern.mat-button{width:100%;justify-content:center!important}.new-edit-alert-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.new-edit-alert-modern .alert-close{position:absolute;top:.5rem;right:.5rem}.new-edit-alert-modern .image-item-modern{width:120px;height:120px}.new-edit-alert-modern .upload-section-modern{flex-direction:column;align-items:stretch}.new-edit-alert-modern .btn-upload-modern.mat-button{width:100%;justify-content:center!important}}@media (max-width: 480px){.new-edit-alert-modern .page-header-content h1{font-size:1.2rem}.new-edit-alert-modern .page-header-content p{font-size:.875rem}.new-edit-alert-modern .section-title h3{font-size:1rem}.new-edit-alert-modern .card-body-modern{padding:1rem}.new-edit-alert-modern .image-item-modern{width:100px;height:100px}}.detail-alert-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.detail-alert-modern .detail-alert-container{max-width:1000px;margin:0 auto}.detail-alert-modern .alert-container-modern{margin-bottom:1.5rem}.detail-alert-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.detail-alert-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.detail-alert-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.detail-alert-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.detail-alert-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.detail-alert-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.detail-alert-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.detail-alert-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.detail-alert-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.detail-alert-modern .alert-icon{flex-shrink:0}.detail-alert-modern .alert-icon i{font-size:1.5rem}.detail-alert-modern .alert-content{flex:1}.detail-alert-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.detail-alert-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.detail-alert-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.detail-alert-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.detail-alert-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f871714d}.detail-alert-modern .page-header-icon i{font-size:2rem;color:#fff}.detail-alert-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.detail-alert-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.detail-alert-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.detail-alert-modern .tabs-modern{width:100%}.detail-alert-modern .tab-label-modern{display:flex;align-items:center;gap:.5rem;font-weight:600}.detail-alert-modern .tab-label-modern i{font-size:1rem}.detail-alert-modern .mat-tab-label{min-width:120px}.detail-alert-modern .tab-content-modern{padding:1.5rem}.detail-alert-modern .status-header-modern{margin-bottom:1.5rem}.detail-alert-modern .status-badge-large{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;background:#fef3c7;color:#92400e;border:2px solid #fcd34d}.detail-alert-modern .status-badge-large.status-pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}.detail-alert-modern .status-badge-large.status-process{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.detail-alert-modern .status-badge-large.status-resolved{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.detail-alert-modern .status-badge-large i{font-size:.6rem}.detail-alert-modern .info-section-modern{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.detail-alert-modern .info-section-modern:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-alert-modern .info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.detail-alert-modern .info-header i{width:36px;height:36px;background:#fee2e2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1rem}.detail-alert-modern .info-header h3{font-size:1.1rem;font-weight:700;color:#334155;margin:0}.detail-alert-modern .info-content{padding-left:2.8rem}.detail-alert-modern .location-text{font-size:1rem;color:#475569;margin:0 0 .5rem;line-height:1.6}.detail-alert-modern .location-text strong{color:#0f172a}.detail-alert-modern .near-place-text{font-size:.95rem;color:#64748b;margin:0}.detail-alert-modern .address-text{font-size:1rem;color:#475569;margin:0;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #ef4444}.detail-alert-modern .map-section-modern{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.detail-alert-modern .map-container-modern{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;margin-left:2.8rem}.detail-alert-modern .no-location-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;margin-bottom:1.5rem}.detail-alert-modern .no-location-modern i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.detail-alert-modern .no-location-modern p{color:#64748b;font-weight:500;margin:0}.detail-alert-modern .evidence-content{padding-left:2.8rem}.detail-alert-modern .evidence-image-modern{max-width:400px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.detail-alert-modern .evidence-image-modern img{width:100%;height:auto;display:block}.detail-alert-modern .no-evidence-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;margin-left:2.8rem}.detail-alert-modern .no-evidence-modern i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.detail-alert-modern .no-evidence-modern p{color:#64748b;font-weight:500;margin:0}.detail-alert-modern .reporter-info-modern{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#f8fafc;border-radius:12px;margin-left:2.8rem}.detail-alert-modern .reporter-avatar{width:60px;height:60px;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-alert-modern .reporter-avatar i{font-size:2rem;color:#fff}.detail-alert-modern .reporter-details{flex:1}.detail-alert-modern .detail-item{display:flex;gap:.5rem;margin-bottom:.5rem}.detail-alert-modern .detail-item:last-child{margin-bottom:0}.detail-alert-modern .detail-label{font-weight:600;color:#64748b;font-size:.9rem}.detail-alert-modern .detail-value{font-weight:600;color:#0f172a;font-size:.9rem}.detail-alert-modern .action-bar-modern{margin-bottom:1.5rem}.detail-alert-modern .btn-change-status.mat-button{padding:.6rem 1.25rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#dbeafe!important;color:#1e40af!important;border:1px solid #93c5fd!important}.detail-alert-modern .btn-change-status.mat-button:hover{background:#bfdbfe!important}.detail-alert-modern .btn-change-institution.mat-button{padding:.6rem 1.25rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#fef3c7!important;color:#92400e!important;border:1px solid #fcd34d!important}.detail-alert-modern .btn-change-institution.mat-button:hover{background:#fde68a!important}.detail-alert-modern .timeline-modern{position:relative;padding-left:2rem}.detail-alert-modern .timeline-modern:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#e2e8f0}.detail-alert-modern .timeline-item{position:relative;padding-bottom:1.5rem}.detail-alert-modern .timeline-item:last-child{padding-bottom:0}.detail-alert-modern .timeline-marker{position:absolute;left:-2rem;top:0;width:32px;height:32px;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 2px 8px #0000001a;z-index:1}.detail-alert-modern .timeline-marker i{font-size:.85rem;color:#3b82f6}.detail-alert-modern .timeline-marker.marker-institution{background:#fef3c7}.detail-alert-modern .timeline-marker.marker-institution i{color:#f59e0b}.detail-alert-modern .timeline-content{background:#f8fafc;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e2e8f0;margin-left:.5rem}.detail-alert-modern .timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.detail-alert-modern .timeline-status{font-weight:700;color:#0f172a;font-size:1rem}.detail-alert-modern .timeline-date{font-size:.8rem;color:#64748b;background:#e2e8f0;padding:.25rem .75rem;border-radius:20px}.detail-alert-modern .timeline-details p{margin:0 0 .35rem;font-size:.875rem;color:#475569;display:flex;align-items:center;gap:.5rem}.detail-alert-modern .timeline-details p:last-child{margin-bottom:0}.detail-alert-modern .timeline-details i{color:#94a3b8;font-size:.8rem;width:16px}.detail-alert-modern .empty-timeline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}.detail-alert-modern .empty-timeline i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.detail-alert-modern .empty-timeline p{color:#64748b;font-weight:500;margin:0}@media (max-width: 768px){.detail-alert-modern{padding:1rem}.detail-alert-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.detail-alert-modern .page-header-icon{width:60px;height:60px}.detail-alert-modern .page-header-icon i{font-size:1.5rem}.detail-alert-modern .page-header-content h1{font-size:1.4rem}.detail-alert-modern .tab-content-modern{padding:1rem}.detail-alert-modern .info-content,.detail-alert-modern .map-container-modern,.detail-alert-modern .no-evidence-modern,.detail-alert-modern .reporter-info-modern{margin-left:0;padding-left:0}.detail-alert-modern .info-header,.detail-alert-modern .reporter-info-modern{flex-direction:column;text-align:center}.detail-alert-modern .timeline-modern{padding-left:1.5rem}.detail-alert-modern .timeline-modern:before{left:12px}.detail-alert-modern .timeline-marker{left:-1.5rem;width:28px;height:28px}.detail-alert-modern .timeline-header{flex-direction:column;align-items:flex-start}.detail-alert-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.detail-alert-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.detail-alert-modern .page-header-content h1{font-size:1.2rem}.detail-alert-modern .page-header-content p{font-size:.875rem}.detail-alert-modern .status-badge-large{font-size:.95rem;padding:.5rem 1rem}.detail-alert-modern .info-header h3{font-size:1rem}}.registered-inst-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.registered-inst-modern .registered-inst-container{max-width:1400px;margin:0 auto}.registered-inst-modern .alert-container-modern{margin-bottom:1.5rem}.registered-inst-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.registered-inst-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.registered-inst-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.registered-inst-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.registered-inst-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.registered-inst-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.registered-inst-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.registered-inst-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.registered-inst-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.registered-inst-modern .alert-icon{flex-shrink:0}.registered-inst-modern .alert-icon i{font-size:1.5rem}.registered-inst-modern .alert-content{flex:1}.registered-inst-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.registered-inst-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.registered-inst-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.registered-inst-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.registered-inst-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0ea5e94d}.registered-inst-modern .page-header-icon i{font-size:2rem;color:#fff}.registered-inst-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.registered-inst-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.registered-inst-modern .institutions-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem}.registered-inst-modern .institution-card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease;padding:0!important}.registered-inst-modern .institution-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0ea5e926;border-color:#0ea5e9}.registered-inst-modern .card-header-inst{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-bottom:1px solid #e0f2fe}.registered-inst-modern .inst-icon{width:60px;height:60px;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0ea5e940}.registered-inst-modern .inst-icon i{font-size:1.75rem;color:#fff}.registered-inst-modern .inst-title-group{flex:1;min-width:0}.registered-inst-modern .inst-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;line-height:1.3}.registered-inst-modern .inst-location{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#0284c7;background:#e0f2fe;padding:.3rem .75rem;border-radius:20px}.registered-inst-modern .inst-location i{font-size:.75rem}.registered-inst-modern .card-content-inst{padding:1.25rem 1.5rem!important}.registered-inst-modern .info-item-inst{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.registered-inst-modern .info-item-inst:last-child{margin-bottom:0}.registered-inst-modern .info-item-inst>i{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.85rem;flex-shrink:0}.registered-inst-modern .info-text{flex:1;min-width:0}.registered-inst-modern .info-label{display:block;font-size:.75rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}.registered-inst-modern .info-value{display:block;font-size:.9rem;color:#334155;font-weight:600}.registered-inst-modern .category-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:.2rem .6rem;border-radius:6px;font-size:.8rem}.registered-inst-modern .card-actions-inst{padding:1rem 1.5rem!important;margin:0!important;border-top:1px solid #e2e8f0;background:#f8fafc}.registered-inst-modern .btn-view-alerts.mat-button{width:100%;padding:.7rem 1.25rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)!important;color:#fff!important;box-shadow:0 3px 10px #0ea5e940!important;transition:all .3s ease!important}.registered-inst-modern .btn-view-alerts.mat-button:hover{box-shadow:0 5px 14px #0ea5e959!important;transform:translateY(-1px)}.registered-inst-modern .empty-state-modern{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.registered-inst-modern .empty-state-modern i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.registered-inst-modern .empty-state-modern h3{color:#334155;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.registered-inst-modern .empty-state-modern p{color:#64748b;font-size:1rem;margin:0}@media (max-width: 768px){.registered-inst-modern{padding:1rem}.registered-inst-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.registered-inst-modern .page-header-icon{width:60px;height:60px}.registered-inst-modern .page-header-icon i{font-size:1.5rem}.registered-inst-modern .page-header-content h1{font-size:1.4rem}.registered-inst-modern .institutions-grid-modern{grid-template-columns:1fr}.registered-inst-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.registered-inst-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.registered-inst-modern .page-header-content h1{font-size:1.2rem}.registered-inst-modern .page-header-content p{font-size:.875rem}.registered-inst-modern .card-header-inst{flex-direction:column;text-align:center;align-items:center}.registered-inst-modern .inst-icon{width:50px;height:50px}.registered-inst-modern .inst-icon i{font-size:1.5rem}.registered-inst-modern .inst-name{font-size:1.05rem}.registered-inst-modern .info-item-inst{flex-direction:column;align-items:center;text-align:center}}.reports-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.reports-modern .reports-container{max-width:1400px;margin:0 auto}.reports-modern .alert-container-modern{margin-bottom:1.5rem}.reports-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reports-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.reports-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.reports-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.reports-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.reports-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.reports-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.reports-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.reports-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.reports-modern .alert-icon{flex-shrink:0}.reports-modern .alert-icon i{font-size:1.5rem}.reports-modern .alert-content{flex:1}.reports-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.reports-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.reports-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.reports-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.reports-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #8b5cf64d}.reports-modern .page-header-icon i{font-size:2rem;color:#fff}.reports-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.reports-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.reports-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0;margin-bottom:1.5rem}.reports-modern .card-header-modern{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.reports-modern .card-header-modern.header-charts{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.reports-modern .header-icon-modern{width:45px;height:45px;background:rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reports-modern .header-icon-modern i{font-size:1.25rem;color:#fff}.reports-modern .header-text-modern h3{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 .15rem}.reports-modern .header-text-modern p{color:#ffffffe6;font-size:.85rem;margin:0}.reports-modern .card-body-modern{padding:1.5rem}.reports-modern .filters-row-modern{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.reports-modern .filter-field{flex:1;min-width:200px}.reports-modern .filter-date{min-width:280px}.reports-modern .checkbox-cruce-modern{display:flex;align-items:center;padding-top:.5rem}.reports-modern .checkbox-styled{background:#f5f3ff;padding:.6rem 1rem;border-radius:8px;border:1px solid #ddd6fe}.reports-modern .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#5b21b6}.reports-modern .checkbox-label i{font-size:.9rem}.reports-modern .btn-clear-filters.mat-button{padding:.75rem 1.5rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#f1f5f9!important;color:#475569!important;border:1px solid #cbd5e1!important;margin-top:.5rem}.reports-modern .btn-clear-filters.mat-button:hover{background:#e2e8f0!important}.reports-modern .graph-type-section{padding-top:1.5rem;border-top:1px solid #e2e8f0}.reports-modern .section-label{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#334155;margin-bottom:1rem}.reports-modern .section-label i{color:#8b5cf6}.reports-modern .radio-group-modern{display:flex;flex-wrap:wrap;gap:1rem}.reports-modern .radio-option-modern{background:#f8fafc;padding:.6rem 1rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.reports-modern .radio-option-modern:hover{border-color:#8b5cf6;background:#f5f3ff}.reports-modern .radio-option-modern.mat-radio-checked{background:#f5f3ff;border-color:#8b5cf6}.reports-modern .radio-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#475569}.reports-modern .radio-label i{color:#8b5cf6}.reports-modern .mat-radio-disabled .radio-label{color:#94a3b8}.reports-modern .mat-radio-disabled .radio-label i{color:#cbd5e1}.reports-modern .charts-container{min-height:450px}.reports-modern .chart-modern{width:100%;height:450px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.reports-modern .empty-chart-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.reports-modern .empty-chart-state i{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.reports-modern .empty-chart-state h3{color:#334155;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.reports-modern .empty-chart-state p{color:#64748b;font-size:1rem;margin:0;max-width:400px}@media (max-width: 992px){.reports-modern .filters-row-modern{flex-direction:column}.reports-modern .filter-field,.reports-modern .filter-date{min-width:100%}.reports-modern .checkbox-cruce-modern{width:100%}.reports-modern .btn-clear-filters.mat-button{width:100%;justify-content:center!important}}@media (max-width: 768px){.reports-modern{padding:1rem}.reports-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.reports-modern .page-header-icon{width:60px;height:60px}.reports-modern .page-header-icon i{font-size:1.5rem}.reports-modern .page-header-content h1{font-size:1.4rem}.reports-modern .card-header-modern{flex-direction:column;text-align:center}.reports-modern .card-body-modern{padding:1rem}.reports-modern .radio-group-modern{flex-direction:column}.reports-modern .radio-option-modern{width:100%}.reports-modern .chart-modern{height:350px}.reports-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.reports-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.reports-modern .page-header-content h1{font-size:1.2rem}.reports-modern .page-header-content p{font-size:.875rem}.reports-modern .header-text-modern h3{font-size:1rem}.reports-modern .chart-modern{height:300px}.reports-modern .empty-chart-state i{font-size:3rem}.reports-modern .empty-chart-state h3{font-size:1.25rem}}.categories-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.categories-modern .categories-container{max-width:1400px;margin:0 auto}.categories-modern .alert-container-modern{margin-bottom:1.5rem}.categories-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.categories-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.categories-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.categories-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.categories-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.categories-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.categories-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.categories-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.categories-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.categories-modern .alert-icon{flex-shrink:0}.categories-modern .alert-icon i{font-size:1.5rem}.categories-modern .alert-content{flex:1}.categories-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.categories-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.categories-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.categories-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.categories-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f59e0b4d}.categories-modern .page-header-icon i{font-size:2rem;color:#fff}.categories-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.categories-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.categories-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.categories-modern .card-header-modern{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.categories-modern .header-icon-modern{width:45px;height:45px;background:rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.categories-modern .header-icon-modern i{font-size:1.25rem;color:#fff}.categories-modern .header-text-modern h3{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 .15rem}.categories-modern .header-text-modern p{color:#ffffffe6;font-size:.85rem;margin:0}.categories-modern .card-body-modern{padding:1.5rem}.categories-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.categories-modern .toolbar-actions{display:flex;gap:.75rem}.categories-modern .btn-add-modern.mat-button{padding:.6rem 1.25rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;box-shadow:0 3px 10px #f59e0b40!important}.categories-modern .btn-add-modern.mat-button:hover:not([disabled]){box-shadow:0 5px 14px #f59e0b59!important}.categories-modern .btn-add-modern.mat-button:disabled{opacity:.6!important;background:#94a3b8!important}.categories-modern .search-field-modern{min-width:280px}.categories-modern .search-field-modern .mat-form-field{width:100%}.categories-modern .table-container-modern{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.categories-modern table.mat-table{width:100%}.categories-modern .table-header-cell{background:#f8fafc!important;color:#334155!important;font-weight:700!important;font-size:.85rem!important;padding:1rem .75rem!important;border-bottom:2px solid #e2e8f0!important}.categories-modern .table-body-cell{padding:.875rem .75rem!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important;font-size:.9rem;color:#334155}.categories-modern .table-row-modern:hover{background:#fefce8!important}.categories-modern .options-text{color:#475569;font-size:.85rem;line-height:1.4}.categories-modern .question-type-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.categories-modern .action-buttons-modern{display:flex;gap:.5rem;justify-content:flex-end}.categories-modern .btn-edit-mini.mat-mini-fab{width:32px!important;height:32px!important;background:#fef3c7!important;box-shadow:0 2px 6px #f59e0b33!important}.categories-modern .btn-edit-mini.mat-mini-fab .mat-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important;color:#d97706!important}.categories-modern .btn-edit-mini.mat-mini-fab:hover:not([disabled]){background:#fde68a!important}.categories-modern .btn-delete-mini.mat-mini-fab{width:32px!important;height:32px!important;background:#fee2e2!important;box-shadow:0 2px 6px #ef444433!important}.categories-modern .btn-delete-mini.mat-mini-fab .mat-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important;color:#dc2626!important}.categories-modern .btn-delete-mini.mat-mini-fab:hover:not([disabled]){background:#fecaca!important}.categories-modern .btn-edit-mini.mat-mini-fab:disabled,.categories-modern .btn-delete-mini.mat-mini-fab:disabled{opacity:.5!important;background:#f1f5f9!important}.categories-modern .btn-edit-mini.mat-mini-fab:disabled .mat-icon,.categories-modern .btn-delete-mini.mat-mini-fab:disabled .mat-icon{color:#94a3b8!important}.categories-modern .no-data-cell{padding:2rem!important}.categories-modern .no-data-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.categories-modern .no-data-modern i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.categories-modern .no-data-modern span{color:#64748b;font-weight:500}.categories-modern .paginator-modern{background:#f8fafc;border-top:1px solid #e2e8f0}@media (max-width: 768px){.categories-modern{padding:1rem}.categories-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.categories-modern .page-header-icon{width:60px;height:60px}.categories-modern .page-header-icon i{font-size:1.5rem}.categories-modern .page-header-content h1{font-size:1.4rem}.categories-modern .card-header-modern{flex-direction:column;text-align:center}.categories-modern .card-body-modern{padding:1rem}.categories-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.categories-modern .toolbar-actions{justify-content:center}.categories-modern .search-field-modern{min-width:100%}.categories-modern .table-container-modern{overflow-x:auto}.categories-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.categories-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.categories-modern .page-header-content h1{font-size:1.2rem}.categories-modern .page-header-content p{font-size:.875rem}.categories-modern .header-text-modern h3{font-size:1rem}.categories-modern .btn-add-modern.mat-button{width:100%;justify-content:center!important}}.new-edit-category-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.new-edit-category-modern .new-edit-category-container{max-width:800px;margin:0 auto}.new-edit-category-modern .alert-container-modern{margin-bottom:1.5rem}.new-edit-category-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-edit-category-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.new-edit-category-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.new-edit-category-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.new-edit-category-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.new-edit-category-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.new-edit-category-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.new-edit-category-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.new-edit-category-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.new-edit-category-modern .alert-icon{flex-shrink:0}.new-edit-category-modern .alert-icon i{font-size:1.5rem}.new-edit-category-modern .alert-content{flex:1}.new-edit-category-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.new-edit-category-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.new-edit-category-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.new-edit-category-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.new-edit-category-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f59e0b4d}.new-edit-category-modern .page-header-icon i{font-size:2rem;color:#fff}.new-edit-category-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.new-edit-category-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.new-edit-category-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.new-edit-category-modern .card-body-modern{padding:2rem}.new-edit-category-modern .form-section-modern{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.new-edit-category-modern .form-section-modern:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.new-edit-category-modern .section-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.new-edit-category-modern .section-icon{width:45px;height:45px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-category-modern .section-icon i{font-size:1.1rem;color:#64748b}.new-edit-category-modern .section-icon.icon-info{background:#fef3c7}.new-edit-category-modern .section-icon.icon-info i{color:#d97706}.new-edit-category-modern .section-icon.icon-options{background:#dbeafe}.new-edit-category-modern .section-icon.icon-options i{color:#2563eb}.new-edit-category-modern .section-title h3{color:#334155;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.new-edit-category-modern .section-title p{color:#64748b;font-size:.85rem;margin:0}.new-edit-category-modern .form-grid{display:flex;flex-wrap:wrap;gap:1rem}.new-edit-category-modern .form-field-full{width:100%}.new-edit-category-modern .form-field-half{flex:1;min-width:250px}.new-edit-category-modern .mat-form-field{width:100%}.new-edit-category-modern .options-container-modern{margin-bottom:1rem}.new-edit-category-modern .option-item-modern{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:.75rem;transition:all .3s ease}.new-edit-category-modern .option-item-modern:hover{border-color:#f59e0b;background:#fffbeb}.new-edit-category-modern .option-number{width:32px;height:32px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-category-modern .option-number span{color:#fff;font-weight:700;font-size:.85rem}.new-edit-category-modern .option-field{flex:1}.new-edit-category-modern .option-field .mat-form-field-wrapper{margin-bottom:0!important;padding-bottom:0!important}.new-edit-category-modern .btn-remove-option.mat-mini-fab{width:32px!important;height:32px!important;background:#fee2e2!important;box-shadow:0 2px 6px #ef444433!important;flex-shrink:0}.new-edit-category-modern .btn-remove-option.mat-mini-fab .mat-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important;color:#dc2626!important}.new-edit-category-modern .btn-remove-option.mat-mini-fab:hover{background:#fecaca!important}.new-edit-category-modern .empty-options-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1;text-align:center}.new-edit-category-modern .empty-options-modern i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.new-edit-category-modern .empty-options-modern p{font-weight:600;color:#64748b;margin:0 0 .25rem}.new-edit-category-modern .empty-options-modern span{font-size:.85rem;color:#94a3b8}.new-edit-category-modern .btn-add-option.mat-button{padding:.6rem 1.25rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#dbeafe!important;color:#1e40af!important;border:1px solid #93c5fd!important}.new-edit-category-modern .btn-add-option.mat-button:hover{background:#bfdbfe!important}.new-edit-category-modern .form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.new-edit-category-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b4d!important}.new-edit-category-modern .btn-save-modern.mat-button:hover{box-shadow:0 6px 16px #f59e0b66!important}.new-edit-category-modern .btn-back-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:1px solid #cbd5e1!important;color:#475569!important;background:white!important}.new-edit-category-modern .btn-back-modern.mat-button:hover{background:#f8fafc!important;border-color:#94a3b8!important}@media (max-width: 768px){.new-edit-category-modern{padding:1rem}.new-edit-category-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.new-edit-category-modern .page-header-icon{width:60px;height:60px}.new-edit-category-modern .page-header-icon i{font-size:1.5rem}.new-edit-category-modern .page-header-content h1{font-size:1.4rem}.new-edit-category-modern .card-body-modern{padding:1.5rem}.new-edit-category-modern .section-header-modern{flex-direction:column;text-align:center}.new-edit-category-modern .form-field-half{min-width:100%}.new-edit-category-modern .option-item-modern{flex-wrap:wrap}.new-edit-category-modern .option-field{order:3;width:100%;flex:none}.new-edit-category-modern .form-actions-modern{flex-direction:column}.new-edit-category-modern .btn-save-modern.mat-button,.new-edit-category-modern .btn-back-modern.mat-button{width:100%;justify-content:center!important}.new-edit-category-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.new-edit-category-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.new-edit-category-modern .page-header-content h1{font-size:1.2rem}.new-edit-category-modern .page-header-content p{font-size:.875rem}.new-edit-category-modern .section-title h3{font-size:1rem}.new-edit-category-modern .card-body-modern{padding:1rem}}.inst-routes-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.inst-routes-modern .inst-routes-container{max-width:1400px;margin:0 auto}.inst-routes-modern .alert-container-modern{margin-bottom:1.5rem}.inst-routes-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inst-routes-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.inst-routes-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.inst-routes-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.inst-routes-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.inst-routes-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.inst-routes-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.inst-routes-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.inst-routes-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.inst-routes-modern .alert-icon{flex-shrink:0}.inst-routes-modern .alert-icon i{font-size:1.5rem}.inst-routes-modern .alert-content{flex:1}.inst-routes-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.inst-routes-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.inst-routes-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.inst-routes-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.inst-routes-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #14b8a64d}.inst-routes-modern .page-header-icon i{font-size:2rem;color:#fff}.inst-routes-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.inst-routes-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.inst-routes-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.inst-routes-modern .card-header-modern{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.inst-routes-modern .header-icon-modern{width:45px;height:45px;background:rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inst-routes-modern .header-icon-modern i{font-size:1.25rem;color:#fff}.inst-routes-modern .header-text-modern h3{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 .15rem}.inst-routes-modern .header-text-modern p{color:#ffffffe6;font-size:.85rem;margin:0}.inst-routes-modern .card-body-modern{padding:1.5rem}.inst-routes-modern .table-toolbar-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.inst-routes-modern .toolbar-actions{display:flex;gap:.75rem}.inst-routes-modern .btn-add-modern.mat-button{padding:.6rem 1.25rem!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)!important;color:#fff!important;box-shadow:0 3px 10px #14b8a640!important}.inst-routes-modern .btn-add-modern.mat-button:hover:not([disabled]){box-shadow:0 5px 14px #14b8a659!important}.inst-routes-modern .btn-add-modern.mat-button:disabled{opacity:.6!important;background:#94a3b8!important}.inst-routes-modern .search-field-modern{min-width:280px}.inst-routes-modern .search-field-modern .mat-form-field{width:100%}.inst-routes-modern .table-container-modern{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.inst-routes-modern table.mat-table{width:100%}.inst-routes-modern .table-header-cell{background:#f8fafc!important;color:#334155!important;font-weight:700!important;font-size:.85rem!important;padding:1rem .75rem!important;border-bottom:2px solid #e2e8f0!important}.inst-routes-modern .table-body-cell{padding:.875rem .75rem!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important;font-size:.9rem;color:#334155}.inst-routes-modern .table-row-modern:hover{background:#f0fdfa!important}.inst-routes-modern .cell-text{color:#334155}.inst-routes-modern .action-buttons-modern{display:flex;gap:.5rem;justify-content:flex-end}.inst-routes-modern .btn-edit-mini.mat-mini-fab{width:32px!important;height:32px!important;background:#fef3c7!important;box-shadow:0 2px 6px #f59e0b33!important}.inst-routes-modern .btn-edit-mini.mat-mini-fab .mat-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important;color:#d97706!important}.inst-routes-modern .btn-edit-mini.mat-mini-fab:hover:not([disabled]){background:#fde68a!important}.inst-routes-modern .btn-delete-mini.mat-mini-fab{width:32px!important;height:32px!important;background:#fee2e2!important;box-shadow:0 2px 6px #ef444433!important}.inst-routes-modern .btn-delete-mini.mat-mini-fab .mat-icon{font-size:18px!important;width:18px!important;height:18px!important;line-height:18px!important;color:#dc2626!important}.inst-routes-modern .btn-delete-mini.mat-mini-fab:hover:not([disabled]){background:#fecaca!important}.inst-routes-modern .btn-edit-mini.mat-mini-fab:disabled,.inst-routes-modern .btn-delete-mini.mat-mini-fab:disabled{opacity:.5!important;background:#f1f5f9!important}.inst-routes-modern .btn-edit-mini.mat-mini-fab:disabled .mat-icon,.inst-routes-modern .btn-delete-mini.mat-mini-fab:disabled .mat-icon{color:#94a3b8!important}.inst-routes-modern .no-data-cell{padding:2rem!important}.inst-routes-modern .no-data-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.inst-routes-modern .no-data-modern i{font-size:2.5rem;color:#cbd5e1;margin-bottom:.75rem}.inst-routes-modern .no-data-modern span{color:#64748b;font-weight:500}.inst-routes-modern .paginator-modern{background:#f8fafc;border-top:1px solid #e2e8f0}@media (max-width: 768px){.inst-routes-modern{padding:1rem}.inst-routes-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.inst-routes-modern .page-header-icon{width:60px;height:60px}.inst-routes-modern .page-header-icon i{font-size:1.5rem}.inst-routes-modern .page-header-content h1{font-size:1.4rem}.inst-routes-modern .card-header-modern{flex-direction:column;text-align:center}.inst-routes-modern .card-body-modern{padding:1rem}.inst-routes-modern .table-toolbar-modern{flex-direction:column;align-items:stretch}.inst-routes-modern .toolbar-actions{justify-content:center}.inst-routes-modern .search-field-modern{min-width:100%}.inst-routes-modern .table-container-modern{overflow-x:auto}.inst-routes-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.inst-routes-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.inst-routes-modern .page-header-content h1{font-size:1.2rem}.inst-routes-modern .page-header-content p{font-size:.875rem}.inst-routes-modern .header-text-modern h3{font-size:1rem}.inst-routes-modern .btn-add-modern.mat-button{width:100%;justify-content:center!important}}.new-edit-inst-route-modern{padding:1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:calc(100vh - 120px)}.new-edit-inst-route-modern .new-edit-inst-route-container{max-width:700px;margin:0 auto}.new-edit-inst-route-modern .alert-container-modern{margin-bottom:1.5rem}.new-edit-inst-route-modern .alert-modern{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 16px #00000014;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-edit-inst-route-modern .alert-modern.alert-success{background:#ecfdf5;border:1px solid #a7f3d0}.new-edit-inst-route-modern .alert-modern.alert-success .alert-icon i{color:#10b981}.new-edit-inst-route-modern .alert-modern.alert-error{background:#fef2f2;border:1px solid #fecaca}.new-edit-inst-route-modern .alert-modern.alert-error .alert-icon i{color:#ef4444}.new-edit-inst-route-modern .alert-modern.alert-warning{background:#fffbeb;border:1px solid #fde68a}.new-edit-inst-route-modern .alert-modern.alert-warning .alert-icon i{color:#f59e0b}.new-edit-inst-route-modern .alert-modern.alert-info{background:#eff6ff;border:1px solid #bfdbfe}.new-edit-inst-route-modern .alert-modern.alert-info .alert-icon i{color:#3b82f6}.new-edit-inst-route-modern .alert-icon{flex-shrink:0}.new-edit-inst-route-modern .alert-icon i{font-size:1.5rem}.new-edit-inst-route-modern .alert-content{flex:1}.new-edit-inst-route-modern .alert-text{font-weight:600;color:#334155;font-size:.95rem}.new-edit-inst-route-modern .alert-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;color:#94a3b8}.new-edit-inst-route-modern .alert-close:hover{background:rgba(0,0,0,.05);color:#475569}.new-edit-inst-route-modern .page-header-modern{background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:16px;padding:2rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 20px #33415533}.new-edit-inst-route-modern .page-header-icon{width:70px;height:70px;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #14b8a64d}.new-edit-inst-route-modern .page-header-icon i{font-size:2rem;color:#fff}.new-edit-inst-route-modern .page-header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.new-edit-inst-route-modern .page-header-content p{color:#cbd5e1;font-size:1rem;margin:0;line-height:1.6}.new-edit-inst-route-modern .card-modern{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;border:1px solid #e2e8f0}.new-edit-inst-route-modern .card-header-modern{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.new-edit-inst-route-modern .header-icon-modern{width:45px;height:45px;background:rgba(255,255,255,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-inst-route-modern .header-icon-modern i{font-size:1.25rem;color:#fff}.new-edit-inst-route-modern .header-text-modern h3{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 .15rem}.new-edit-inst-route-modern .header-text-modern p{color:#ffffffe6;font-size:.85rem;margin:0}.new-edit-inst-route-modern .card-body-modern{padding:2rem}.new-edit-inst-route-modern .form-section-modern{margin-bottom:1.5rem}.new-edit-inst-route-modern .section-header-modern{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.new-edit-inst-route-modern .section-icon{width:45px;height:45px;background:#ccfbf1;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-edit-inst-route-modern .section-icon i{font-size:1.1rem;color:#0d9488}.new-edit-inst-route-modern .section-title h3{color:#334155;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.new-edit-inst-route-modern .section-title p{color:#64748b;font-size:.85rem;margin:0}.new-edit-inst-route-modern .form-grid{display:flex;flex-direction:column;gap:1rem}.new-edit-inst-route-modern .form-field-full,.new-edit-inst-route-modern .mat-form-field{width:100%}.new-edit-inst-route-modern .form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.new-edit-inst-route-modern .btn-save-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)!important;color:#fff!important;box-shadow:0 4px 12px #14b8a64d!important}.new-edit-inst-route-modern .btn-save-modern.mat-button:hover{box-shadow:0 6px 16px #14b8a666!important}.new-edit-inst-route-modern .btn-back-modern.mat-button{padding:.75rem 2rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:1px solid #cbd5e1!important;color:#475569!important;background:white!important}.new-edit-inst-route-modern .btn-back-modern.mat-button:hover{background:#f8fafc!important;border-color:#94a3b8!important}@media (max-width: 768px){.new-edit-inst-route-modern{padding:1rem}.new-edit-inst-route-modern .page-header-modern{flex-direction:column;text-align:center;padding:1.5rem}.new-edit-inst-route-modern .page-header-icon{width:60px;height:60px}.new-edit-inst-route-modern .page-header-icon i{font-size:1.5rem}.new-edit-inst-route-modern .page-header-content h1{font-size:1.4rem}.new-edit-inst-route-modern .card-header-modern{flex-direction:column;text-align:center}.new-edit-inst-route-modern .card-body-modern{padding:1.5rem}.new-edit-inst-route-modern .section-header-modern{flex-direction:column;text-align:center}.new-edit-inst-route-modern .form-actions-modern{flex-direction:column}.new-edit-inst-route-modern .btn-save-modern.mat-button,.new-edit-inst-route-modern .btn-back-modern.mat-button{width:100%;justify-content:center!important}.new-edit-inst-route-modern .alert-modern{flex-direction:column;text-align:center;position:relative}.new-edit-inst-route-modern .alert-close{position:absolute;top:.5rem;right:.5rem}}@media (max-width: 480px){.new-edit-inst-route-modern .page-header-content h1{font-size:1.2rem}.new-edit-inst-route-modern .page-header-content p{font-size:.875rem}.new-edit-inst-route-modern .section-title h3{font-size:1rem}.new-edit-inst-route-modern .card-body-modern{padding:1rem}}