:root{--font-body: Hanken Grotesk, system-ui, -apple-system, sans-serif;--font-display: Bricolage Grotesque, Hanken Grotesk, sans-serif;--accent2: #c4b5fd;--hero-grad: linear-gradient(135deg, #8b5cf6, #c4b5fd);--blur: 18px;--bg-page: #08070f;--bg-surface: #15131f;--bg-card: rgba(255, 255, 255, .045);--bg-card2: rgba(255, 255, 255, .075);--bg-hover: rgba(255, 255, 255, .065);--bg-input: rgba(255, 255, 255, .045);--text-1: #f3f3fa;--text-2: #a6a3bc;--text-3: #6b6885;--border: rgba(255, 255, 255, .09);--border2: rgba(255, 255, 255, .16);--accent: #8b5cf6;--accent-light: #a78bfa;--accent-dark: #6d28d9;--accent-bg: rgba(139, 92, 246, .16);--accent-border: rgba(139, 92, 246, .3);--green: #34d399;--green-bg: rgba(52, 211, 153, .15);--amber: #f59e0b;--amber-bg: rgba(245, 158, 11, .15);--red: #fb7185;--red-bg: rgba(251, 113, 133, .15);--blue: #38bdf8;--blue-bg: rgba(56, 189, 248, .15);--purple: #a78bfa;--purple-bg: rgba(167, 139, 250, .15);--sidebar-w: 252px;--sidebar-collapsed: 64px;--topbar-h: 68px;--mat-sys-surface-container: #15131f;--mat-sys-on-surface: #f3f3fa;--mat-sys-primary: #8b5cf6;color-scheme:dark}[data-theme=light]{color-scheme:light;--bg-page: #f4f5fa;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card2: #f1f2f8;--bg-hover: rgba(22, 24, 55, .055);--bg-input: rgba(22, 24, 55, .035);--text-1: #191b2c;--text-2: #585d74;--text-3: #9398ac;--border: rgba(22, 24, 55, .1);--border2: rgba(22, 24, 55, .18);--mat-sys-surface-container: #ffffff;--mat-sys-on-surface: #191b2c;--blur: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.user-avatar,.topbar-avatar,.profile-avatar,.pf-foto-preview,.sr-avatar,.si-avatar,.rs-av,.aniv-avatar,.u-avatar{overflow:hidden}.user-avatar>img,.topbar-avatar>img,.profile-avatar>img,.pf-foto-preview>img,.sr-avatar>img,.si-avatar>img,.rs-av>img,.aniv-avatar>img,.u-avatar>img{width:100%;height:100%;object-fit:cover;display:block}img.cert-avatar,img.sc-avatar,img.indisp-avatar,img.pod-img,img.rank-avatar-img{object-fit:cover;max-width:100%}select{color-scheme:dark}[data-theme=light] select{color-scheme:light}option{background-color:var(--bg-surface)!important;color:var(--text-1)!important}.srv-field{display:flex;flex-direction:column;gap:7px;min-width:0}.srv-field--full{grid-column:1/-1}.srv-label{font-size:13px;font-weight:600;color:var(--text-2)}.srv-label .req{color:var(--red)}.srv-input{width:100%;height:46px;padding:0 14px;border-radius:13px;background:var(--bg-card2);border:1px solid var(--border);color:var(--text-1);font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.srv-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.srv-input::placeholder{color:var(--text-3)}.srv-input:disabled{opacity:.6;cursor:not-allowed}.srv-input.invalid{border-color:var(--red)}select.srv-input{cursor:pointer}textarea.srv-input{height:auto;min-height:92px;padding:12px 14px;resize:vertical;line-height:1.5}.srv-hint{font-size:12px;color:var(--text-3)}.srv-error{font-size:12px;color:var(--red)}.srv-form{display:flex;flex-direction:column;gap:16px}.srv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:767.98px){.srv-form-grid{grid-template-columns:1fr}}html,body{height:100%;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--bg-page);color:var(--text-1);overflow:hidden;overscroll-behavior-x:contain}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(560px 560px at 22% -8%,rgba(139,92,246,.2),transparent 60%),radial-gradient(520px 520px at 108% 24%,rgba(219,39,119,.14),transparent 60%),radial-gradient(520px 520px at 78% 118%,rgba(56,189,248,.1),transparent 60%)}[data-theme=light] body:before{opacity:.5}srv-root{position:relative;z-index:1;display:block;height:100%}a{text-decoration:none;color:inherit}h1,h2,h3,.page-title,.page-head h1{font-family:var(--font-display);letter-spacing:-.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#1618372e;border:2px solid transparent;background-clip:padding-box}[data-theme=light] *{scrollbar-color:rgba(22,24,55,.2) transparent}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.animate-in{animation:fadeUp .22s cubic-bezier(.16,1,.3,1) both}.skeleton{height:16px;width:100%;border-radius:7px;background:linear-gradient(90deg,var(--bg-card2) 25%,var(--bg-hover) 50%,var(--bg-card2) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767.98px){.hide-mobile{display:none!important}}@media(min-width:768px){.show-mobile{display:none!important}}.s-green{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--green);background:var(--green-bg)}.s-green:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.s-amber{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--amber);background:var(--amber-bg)}.s-amber:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.s-red{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--red);background:var(--red-bg)}.s-red:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.s-blue{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--blue);background:var(--blue-bg)}.s-blue:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.s-purple{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--purple);background:var(--purple-bg)}.s-purple:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.s-gray{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;color:var(--text-3);background:var(--bg-card2)}.s-gray:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.srv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(var(--blur, 0px));-webkit-backdrop-filter:blur(var(--blur, 0px));box-shadow:0 8px 24px #00000047;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.srv-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}@media(max-width:767.98px){.srv-container{padding:0 16px}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:11px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn i{font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 5px 16px #8b5cf661}.btn-primary:hover{box-shadow:0 8px 24px #8b5cf680;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text-2)}.btn-outline:hover{background:var(--bg-hover);color:var(--text-1)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-icon{padding:7px;width:34px;height:34px;border-radius:11px;background:transparent;border:1px solid var(--border);color:var(--text-2)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-1)}.delta{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:2px 6px;border-radius:7px}.delta i{font-size:12px}.delta-up{background:var(--green-bg);color:var(--green)}.delta-down{background:var(--red-bg);color:var(--red)}.delta-flat{background:var(--bg-card2);color:var(--text-3)}.progress-bar{height:6px;background:var(--bg-card2);border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-mini{height:5px;background:var(--bg-card2);border-radius:3px;overflow:hidden}.progress-mini .fill{height:100%;border-radius:3px;background:var(--green)}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter-input{flex:1;min-width:160px;background:var(--bg-input);border:1px solid var(--border);border-radius:11px;padding:8px 12px;color:var(--text-1);font-size:13px;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;outline:none;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.filter-input:focus{border-color:var(--accent)}.filter-input::placeholder{color:var(--text-3)}.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:11px;padding:8px 12px;color:var(--text-1);font-size:13px;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;outline:none;cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1);color-scheme:dark}.filter-select:focus{border-color:var(--accent)}.filter-select option{background-color:#15131f;color:#f3f3fa}[data-theme=light] .filter-select{color-scheme:light}[data-theme=light] .filter-select option{background-color:#fff;color:#191b2c}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--text-2);background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.chip.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}.chip:hover:not(.active){border-color:var(--accent);color:var(--accent)}.chip .chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#ffffff40;font-size:10px;font-weight:700;padding:0 4px;margin-left:4px;line-height:1}.chip:not(.active) .chip-count{background:var(--accent-bg, rgba(92, 107, 192, .12));color:var(--accent)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:1}.data-table td{padding:12px 16px;white-space:nowrap;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-2);transition:background .2s cubic-bezier(.4,0,.2,1)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-1)}.data-table .td-primary{color:var(--text-1);font-weight:500}.data-table .td-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-3)}.empty-state i{font-size:44px;display:block;margin-bottom:12px;opacity:.4}.empty-state p{font-size:14px}.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}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-container .mat-mdc-menu-panel{--mat-menu-container-color: var(--bg-surface);--mdc-menu-container-color: var(--bg-surface);--mat-sys-surface-container: var(--bg-surface);background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:0 8px 32px #00000073!important;border-radius:10px!important;opacity:1!important}.cdk-overlay-container .mat-mdc-menu-panel:before{display:none!important}.cdk-overlay-container .mat-mdc-menu-item{--mat-menu-item-label-text-color: var(--text-1);color:var(--text-1)!important;background:transparent!important}.cdk-overlay-container .mat-mdc-menu-item:not([disabled]):hover,.cdk-overlay-container .mat-mdc-menu-item:not([disabled]):focus{background:var(--bg-hover)!important}.mat-mdc-form-field{--mdc-filled-text-field-container-color: var(--bg-input);--mdc-outlined-text-field-outline-color: var(--border);--mdc-outlined-text-field-hover-outline-color: var(--border2);--mdc-outlined-text-field-focus-outline-color: var(--accent);--mdc-outlined-text-field-label-text-color: var(--text-3);--mdc-outlined-text-field-focus-label-text-color: var(--accent);--mdc-outlined-text-field-input-text-color: var(--text-1);--mdc-outlined-text-field-disabled-outline-color: var(--border);--mdc-outlined-text-field-disabled-label-text-color: var(--text-3);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif}.mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:10px 0 0 10px!important;min-width:10px!important}.mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0 10px 10px 0!important}.mdc-text-field--outlined .mdc-text-field__input{padding-left:14px!important;padding-right:14px!important}.mat-mdc-select-trigger{padding-left:14px!important;padding-right:10px!important}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--accent)!important;border-width:2px!important}.mat-mdc-form-field.mat-focused .mat-mdc-floating-label,.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow{color:var(--accent)!important}.mat-mdc-select-value{color:var(--text-1)!important}.mat-mdc-select-placeholder,.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{color:var(--text-3)!important}.cdk-overlay-container div.mat-mdc-select-panel{--mat-select-panel-background-color: var(--bg-surface);--mat-sys-surface-container: var(--bg-surface);background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border2)!important;box-shadow:0 8px 32px #0006!important;border-radius:8px!important;opacity:1!important}.cdk-overlay-container div.mat-mdc-autocomplete-panel{--mat-autocomplete-background-color: var(--bg-surface);--mat-sys-surface-container: var(--bg-surface);background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border2)!important;box-shadow:0 8px 32px #0006!important;border-radius:8px!important;opacity:1!important}.cdk-overlay-container .mat-datepicker-content{--mat-datepicker-calendar-container-background-color: var(--bg-surface);--mat-sys-surface-container-high: var(--bg-surface);background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border2)!important;box-shadow:0 8px 32px #0006!important;border-radius:12px!important;color:var(--text-1)!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell-content,.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button,.cdk-overlay-container .mat-datepicker-content .mat-calendar-arrow,.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button,.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{color:var(--text-1)!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-arrow{fill:var(--text-1)!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header th,.cdk-overlay-container .mat-datepicker-content .mat-calendar-body-label{color:var(--text-3)!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:var(--accent)!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-body-selected{background-color:var(--accent)!important;color:#fff!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:var(--bg-hover)!important}.cdk-overlay-container .mat-mdc-option{color:var(--text-1)!important;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif!important;background:transparent!important}.cdk-overlay-container .mat-mdc-option:not(.mdc-list-item--disabled):hover,.cdk-overlay-container .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active{background:var(--bg-hover)!important}.cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple){background:var(--accent-bg)!important}.cdk-overlay-container .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple) .mdc-list-item__primary-text{color:var(--accent)!important}.cdk-overlay-container .mat-mdc-option .mdc-list-item__primary-text{color:var(--text-1)}.mat-mdc-form-field-hint{color:var(--text-3);font-size:11px}.mdc-snackbar{bottom:80px!important}@media(min-width:768px){.mdc-snackbar{bottom:16px!important}}.mat-mdc-snack-bar-container.snack-success{--mdc-snackbar-container-color: #34d399;--mdc-snackbar-supporting-text-color: #fff}.mat-mdc-snack-bar-container.snack-error{--mdc-snackbar-container-color: #fb7185;--mdc-snackbar-supporting-text-color: #fff}.cdk-overlay-container .mat-mdc-dialog-surface{background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;color:var(--text-1)!important;border:1px solid var(--border2)!important;box-shadow:0 16px 48px #0000008c!important;border-radius:18px!important}.mat-mdc-dialog-title{color:var(--text-1)!important;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif!important}.mat-mdc-dialog-content{color:var(--text-2)!important;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif!important}.mat-mdc-dialog-actions{border-top:1px solid var(--border);padding-top:12px!important}.mat-mdc-dialog-actions .mat-mdc-button:not([color]){color:var(--text-2)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:0 20px!important}.mat-mdc-dialog-actions .mat-mdc-button:not([color]):hover{background:var(--bg-card2)!important;color:var(--text-1)!important}.cdk-overlay-container .mat-mdc-form-field-subscript-wrapper{padding:0 4px!important}.cdk-overlay-container .form-col{gap:20px!important;padding-top:12px!important}.mat-datepicker-content{--mat-datepicker-calendar-container-background-color: var(--bg-surface);--mat-datepicker-calendar-container-text-color: var(--text-1);--mat-datepicker-calendar-date-text-color: var(--text-1);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-hover-state-background-color: var(--bg-hover);--mat-datepicker-calendar-date-focus-state-background-color: var(--bg-hover);--mat-datepicker-calendar-date-selected-state-background-color: var(--accent);--mat-datepicker-calendar-date-selected-state-text-color: #fff;--mat-datepicker-calendar-date-today-outline-color: var(--accent);--mat-datepicker-calendar-date-in-range-state-background-color: var(--accent-bg);--mat-datepicker-calendar-period-button-text-color: var(--text-1);--mat-datepicker-calendar-navigation-button-icon-color: var(--text-2);--mat-datepicker-calendar-body-label-text-color: var(--text-3);--mat-datepicker-calendar-header-text-color: var(--text-3);background:var(--bg-surface)!important;background-color:var(--bg-surface)!important;border:1px solid var(--border2)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;opacity:1!important}.mat-datepicker-content:before{display:none!important}.mat-datepicker-toggle{color:var(--text-3)}.mat-calendar-body-cell-content{color:var(--text-1)}.mat-calendar-arrow{fill:var(--text-2)}@media print{.no-print{display:none!important}}
