@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Inter:opsz,wght@14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-light: #cfd7ee;--color-dark: #0a0e1a;--color-primary: #03658C;--color-primary-dark: #050811;--color-accent: #BF7B54;--color-primary-accent: #84cc16;--color-primary-accent-dark: #69a115;--font-primary: "JetBrains Mono", "Inter", "Roboto", monospace;--font-secondary: "Inter", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--screen-phone: 30rem;--screen-tablet: 48rem;--screen-desktop: 75rem;--padding-2xs: .25rem;--padding-xs: .5rem;--padding-sm: .75rem;--padding-md: 1rem;--padding-lg: 1.5rem;--padding-xl: 2rem;--padding-2xl: 3rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 999rem;--btn-border: 1px solid rgba(132, 204, 22, .35);--btn-bg: rgba(10, 14, 26, .75);--btn-color: var(--color-light);--btn-hover-bg: rgba(132, 204, 22, .12);--btn-hover-border: rgba(132, 204, 22, .7);--btn-hover-shadow: 0 10px 30px rgba(132, 204, 22, .1);--btn-primary-border: rgba(3, 101, 140, .5);--btn-primary-bg: rgba(3, 101, 140, .18);--btn-primary-hover-bg: rgba(3, 101, 140, .28);--btn-primary-hover-border: rgba(3, 101, 140, .7);--btn-primary-hover-shadow: 0 10px 30px rgba(3, 101, 140, .15);--btn-secondary-border: rgba(191, 123, 84, .5);--btn-secondary-bg: rgba(191, 123, 84, .12);--btn-secondary-hover-bg: rgba(191, 123, 84, .22);--btn-secondary-hover-border: rgba(191, 123, 84, .7);--btn-secondary-hover-shadow: 0 10px 30px rgba(191, 123, 84, .1);--btn-danger-border: rgba(239, 68, 68, .55);--btn-danger-bg: rgba(239, 68, 68, .12);--btn-danger-hover-bg: rgba(239, 68, 68, .22);--btn-danger-hover-border: rgba(239, 68, 68, .7);--btn-danger-hover-shadow: 0 10px 30px rgba(239, 68, 68, .1);--table-container-bg: var(--color-primary-dark);--table-container-border: 1px solid rgba(207, 215, 238, .18);--table-container-shadow: 0 2px 8px rgba(10, 14, 26, .55);--table-thead-bg: var(--color-primary);--table-thead-border: 2px solid rgba(207, 215, 238, .24);--table-cell-padding: var(--padding-md);--table-cell-padding-compact: var(--padding-sm);--table-cell-font-size: .875rem;--table-tbody-bg: var(--color-primary-dark);--table-row-border: 1px solid rgba(207, 215, 238, .12);--table-row-hover-bg: rgba(207, 215, 238, .04);--popup-backdrop-bg: rgba(5, 8, 17, .55);--popup-backdrop-blur: blur(14px);--popup-z: 9000;--popup-bg: rgba(10, 14, 26, .95);--popup-border: 1px solid rgba(207, 215, 238, .16);--popup-shadow: 0 30px 80px rgba(0, 0, 0, .65), 0 0 0 1px rgba(3, 101, 140, .18);--popup-max-width: min(36rem, calc(100vw - 2rem) );--popup-max-height: min(80vh, 40rem);--popup-header-border: 1px solid rgba(207, 215, 238, .12);--popup-footer-border: 1px solid rgba(207, 215, 238, .12);--popup-close-border: 1px solid rgba(207, 215, 238, .18);--popup-close-bg: rgba(26, 33, 38, .35);--popup-close-hover-border: rgba(3, 101, 140, .7);--popup-close-hover-bg: rgba(3, 101, 140, .12)}:where(input,textarea,select){font-family:var(--font-secondary);background:#1a21268c;color:var(--color-light);border:1px solid rgba(207,215,238,.18);border-radius:var(--radius-md);padding:var(--padding-sm) var(--padding-md);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}:where(input,textarea,select)::placeholder{color:#cfd7ee8c}:where(input,textarea,select):focus{outline:none;border-color:#03658ce6;box-shadow:0 0 0 .2rem #03658c40;background:#1a2126b3}:where(input,textarea,select):disabled{opacity:.6;cursor:not-allowed}textarea{min-height:6rem;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(207,215,238,.7) 50%),linear-gradient(135deg,rgba(207,215,238,.7) 50%,transparent 50%);background-position:calc(100% - 1.05rem) 1.15rem,calc(100% - .8rem) 1.15rem;background-size:.28rem .28rem,.28rem .28rem;background-repeat:no-repeat;padding-right:2.25rem}:where(button,.btn){font-family:var(--font-primary);font-weight:600;border:var(--btn-border);background:var(--btn-bg);color:var(--btn-color);padding:var(--padding-sm) var(--padding-lg);border-radius:var(--radius-pill);cursor:pointer;transition:transform .1s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none;display:inline-block;text-align:center}:where(button,.btn):hover:not(:disabled){background:var(--btn-hover-bg);border-color:var(--btn-hover-border);box-shadow:var(--btn-hover-shadow);transform:translateY(-1px)}:where(button,.btn):active{transform:translateY(0)}:where(button,.btn):disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.btn-primary{border-color:var(--btn-primary-border);background:var(--btn-primary-bg)}.btn.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);box-shadow:var(--btn-primary-hover-shadow)}.btn.btn-secondary{border-color:var(--btn-secondary-border);background:var(--btn-secondary-bg)}.btn.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);box-shadow:var(--btn-secondary-hover-shadow)}.btn.btn-danger{border-color:var(--btn-danger-border);background:var(--btn-danger-bg)}.btn.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover-bg);border-color:var(--btn-danger-hover-border);box-shadow:var(--btn-danger-hover-shadow)}.popup-backdrop,.modal-backdrop,.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--popup-z);background:var(--popup-backdrop-bg);-webkit-backdrop-filter:var(--popup-backdrop-blur);backdrop-filter:var(--popup-backdrop-blur);display:flex;align-items:center;justify-content:center;padding:var(--padding-lg)}.popup,.modal,.dialog{width:var(--popup-max-width);max-height:var(--popup-max-height);overflow:auto;border-radius:var(--radius-xl);background:var(--popup-bg);border:var(--popup-border);box-shadow:var(--popup-shadow);color:var(--color-light)}.popup__header,.modal__header,.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-md);padding:var(--padding-md) var(--padding-lg);border-bottom:var(--popup-header-border)}.popup__title,.modal__title,.dialog__title{font-family:var(--font-primary);font-size:1rem;font-weight:700;margin:0}.popup__body,.modal__body,.dialog__body{padding:var(--padding-lg)}.popup__footer,.modal__footer,.dialog__footer{display:flex;justify-content:flex-end;gap:var(--padding-sm);padding:var(--padding-md) var(--padding-lg);border-top:var(--popup-footer-border)}.popup__close,.modal__close,.dialog__close{border:var(--popup-close-border);background:var(--popup-close-bg);color:var(--color-light);border-radius:var(--radius-pill);padding:.4rem .75rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.popup__close:hover,.modal__close:hover,.dialog__close:hover{border-color:var(--popup-close-hover-border);background:var(--popup-close-hover-bg)}.table-container{background:var(--table-container-bg);border-radius:var(--radius-md);overflow:hidden;border:var(--table-container-border);box-shadow:var(--table-container-shadow)}.table{width:100%;border-collapse:collapse;font-family:var(--font-secondary);color:var(--color-light)}.table thead{background:var(--table-thead-bg);border-bottom:var(--table-thead-border)}.table th,.table td{padding:var(--table-cell-padding);font-size:var(--table-cell-font-size);text-align:left}.table th{font-weight:600}.table--compact th,.table--compact td{padding:var(--table-cell-padding-compact)}.table tbody{background:var(--table-tbody-bg)}.table tbody tr{border-bottom:var(--table-row-border)}.table tbody tr:last-child{border-bottom:none}.table--interactive tbody tr{cursor:pointer;transition:background .2s ease}.table--interactive tbody tr:hover{background:var(--table-row-hover-bg)}.table__cell--actions{text-align:center;vertical-align:middle;width:5rem}*{box-sizing:border-box}html{height:100%;width:100%;margin:0;padding:0}body{min-height:100%;width:100%;margin:0;padding:0;font-family:var(--font-primary);color:var(--color-light);background-color:var(--color-primary-dark);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;margin:0 0 1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;color:var(--tech-green)}h3{font-size:1.5rem;color:var(--tech-purple)}p{font-family:var(--font-secondary);margin:0 0 1rem;color:#e0e0e0}code,pre,.code{font-family:var(--font-mono);background:var(--tech-gray);color:var(--tech-cyan);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--tech-light-gray);font-size:.9rem}pre{padding:1rem;overflow-x:auto;border-radius:8px;border:1px solid var(--tech-light-gray);background:var(--tech-gray)}input,textarea,select{font-family:var(--font-secondary);background:var(--tech-gray);color:#fff;border:1px solid var(--tech-light-gray);border-radius:4px;padding:.75rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--tech-cyan);box-shadow:0 0 10px #00d4ff4d}input::placeholder,textarea::placeholder,select::placeholder{color:#888;font-family:var(--font-mono)}a{color:var(--tech-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--tech-green)}.main-container__header{display:flex;justify-content:space-between}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--tech-gray)}::-webkit-scrollbar-thumb{background:var(--tech-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tech-green)}.main-menu{width:100%}.main-container{min-height:100vh;display:flex;flex-direction:column}.content__wrapper{flex:1;display:flex;flex-direction:column}.main-profile{width:100px}.main-profile .single-spa-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:auto}.preloader__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050811bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preloader__content{position:relative;z-index:1;min-width:18rem;max-width:26rem;padding:var(--padding-lg);display:flex;flex-direction:column;align-items:center;gap:var(--padding-md)}.preloader__logo{display:flex;align-items:center;gap:var(--padding-sm);margin-bottom:var(--padding-sm)}.preloader__logo-icon{width:2.25rem;height:2.25rem;filter:drop-shadow(0 0 10px rgba(132,204,22,.6))}.preloader__logo-text{font-family:var(--font-primary);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-light)}.preloader__spinner{width:3.5rem;height:3.5rem;border-radius:50%;border:3px solid rgba(207,215,238,.15);border-top-color:var(--color-primary-accent);border-right-color:var(--color-accent);animation:preloader-spin .9s linear infinite}.preloader__title{font-size:1rem;font-weight:500;margin-bottom:var(--padding-xs)}.preloader__progress{width:100%;margin-top:var(--padding-xs)}.preloader__progress-bar{position:relative;width:100%;height:.4rem;border-radius:999px;background:#ffffff14;overflow:hidden}.preloader__progress-bar-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-accent),var(--color-accent));transition:width .25s ease-out}.preloader__percent{margin-top:.25rem;font-size:.75rem;opacity:.8;text-align:right}.preloader__error{margin-top:var(--padding-sm);font-size:.85rem;color:#fecaca}.preloader__retry{margin-top:var(--padding-xs);padding:.5rem 1.25rem;border-radius:var(--radius-pill);border:1px solid rgba(132,204,22,.5);background:#0a0e1ae6;color:var(--color-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease}.preloader__retry:hover{background:#84cc161f;border-color:#84cc16e6;transform:translateY(-1px)}.preloader--error .preloader__spinner{opacity:.2}.preloader.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}@keyframes preloader-spin{to{transform:rotate(360deg)}}
