:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #050708;--text-secondary: #6B7280;--border-color: #e0e0e0;--hover-bg: linear-gradient(135deg, rgba(1, 153, 175, .15) 0%, rgba(255, 255, 255, .15) 100%);--active-bg: linear-gradient(135deg, rgba(116, 190, 137, .15) 0%, rgba(255, 255, 255, .15) 100%);--box-shadow: 0 0 10px rgba(0, 0, 0, .1);--modal-overlay: rgba(0, 0, 0, .5)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--border-color: #3a3a3a;--hover-bg: linear-gradient(135deg, rgba(1, 153, 175, .25) 0%, rgba(43, 176, 135, .15) 100%);--active-bg: linear-gradient(135deg, rgba(116, 190, 137, .25) 0%, rgba(43, 176, 135, .15) 100%);--box-shadow: 0 0 10px rgba(0, 0, 0, .5);--modal-overlay: rgba(0, 0, 0, .8)}*{box-sizing:border-box;font-family:Inter,serif}body{margin:0;padding:0;color:var(--text-primary, #050708);background-color:var(--bg-secondary, #f5f5f5);transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:inherit;text-decoration:inherit}.main{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary, #f5f5f5);transition:background-color .3s ease}.button,a.button,button.button{border-radius:4px!important;padding:12px 24px!important;line-height:1;font-size:16px!important;font-weight:600!important;color:#fff!important;border:none!important;background:linear-gradient(135deg,#74be89,#2bb087,#0199af)!important;display:inline-flex!important;gap:8px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.button.button-outline,a.button.button-outline,button.button.button-outline{background:transparent!important;color:#2bb087!important;border:1px solid #74BE89!important}.button:hover,a.button:hover,button.button:hover{background:linear-gradient(135deg,#74be89,#2bb087,#0199af)!important}.button.button-outline:hover,a.button.button-outline:hover,button.button.button-outline:hover,.button.active,a.button.active,button.button.active{background:linear-gradient(135deg,#74be89,#2bb087,#0199af)!important;color:#fff!important}.button-wide,a.button-wide,button.button-wide{width:100%}.button-sm,a.button-sm,button.button-sm{padding:8px 16px!important;font-size:14px!important}.button:disabled,a.button:disabled,button.button:disabled{filter:grayscale(1);cursor:not-allowed}.button-icon img,a.button-icon img,button.button-icon img{height:24px;width:auto;filter:invert(1)}.button-copy,a.button-copy,button.button-copy{padding:none;background:none;color:#2bb087;border:none;font-size:14px;font-weight:500;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:var(--text-primary, #050708);transition:color .3s ease}p{margin:0;padding:0;font-size:16px;line-height:1.4}label{font-size:13px;color:var(--text-primary, #050708);font-weight:600;line-height:2;margin-bottom:-4px;transition:color .3s ease}label a{text-decoration:underline;color:#2bb087}input,select,.input,.form__input{transition:.6s;font-size:11px;color:var(--text-primary, #050708);background-color:var(--bg-primary, #fff);padding:12px 20px;border:1px solid var(--border-color, #BEC5D1);border-radius:11px}input::placeholder,select::placeholder,.input::placeholder,.form__input::placeholder{color:var(--text-secondary, #9CA3AF)}input:focus,select:focus,.input:focus,.form__input:focus{border-color:#74be89;outline:none}img{max-width:100%}.heading{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.heading__h2{font-size:24px;font-weight:600;color:var(--text-primary, #050708);line-height:1.2;transition:color .3s ease}.heading__p{font-size:14px;color:var(--text-secondary, #6B7280);transition:color .3s ease}.table{width:100%;box-shadow:var(--box-shadow, 0 0 10px rgba(0, 0, 0, .1));border-radius:6px;overflow:clip;border-collapse:collapse;background-color:var(--bg-primary, #fff);transition:background-color .3s ease,box-shadow .3s ease}.table tr td,.table tr th{border:1px solid var(--border-color, #dedede);padding:10px;transition:border-color .3s ease}.table thead tr th{text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary, rgba(0, 0, 0, .5));border-top:none;transition:color .3s ease}.table thead tr th:first-child{border-top-left-radius:6px;border-left:none}.table thead tr th:last-child{border-top-right-radius:6px;border-right:none}.table tbody tr td{padding:8px 12px}.table tbody tr td:first-child{border-left:none}.table tbody tr td:last-child{border-right:none}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:last-child td:first-child{border-bottom-left-radius:6px}.table tbody tr:last-child td:last-child{border-bottom-right-radius:6px}.box{padding:18px 22px;background-color:var(--bg-primary, #fff);border-radius:6px;box-shadow:var(--box-shadow, 0 0 10px rgba(0, 0, 0, .1));margin-bottom:24px;transition:background-color .3s ease,box-shadow .3s ease}.text-center{text-align:center}.text-colored{color:#2bb087}.hr{border-width:2px;color:#2bb087;border-color:#74be89;margin:24px 0}.form__group{flex:1;display:flex;flex-direction:column;margin-bottom:12px}.form__row{display:flex;flex-direction:row;gap:12px}@media (max-width: 668px){.form__row{flex-direction:column}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-overlay, rgba(0, 0, 0, .5));overflow-y:auto;z-index:1000;padding:24px;transition:background-color .3s ease}.modal__content{background-color:var(--bg-primary, #fff);padding:24px;border-radius:6px;width:100%;max-width:540px;position:relative;margin:0 auto;transition:background-color .3s ease}.modal__close{position:absolute;right:-12px;top:-12px;width:36px;height:36px;padding:0!important;background:linear-gradient(135deg,#74be89,#2bb087,#0199af);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.modal__video{margin-bottom:12px;width:100%;aspect-ratio:16/9}.modal__video iframe,.modal__video video{aspect-ratio:16/9;width:100%;height:100%}.modal__h2{font-size:24px}.loading{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;flex:1;width:100%;padding:0;margin:0;min-height:calc(100vh - 200px)}.skeleton-wrapper{width:100%;display:flex;flex-direction:column;gap:24px}.skeleton-header{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.skeleton-content{display:flex;flex-direction:column;gap:24px}.skeleton-card{background-color:var(--bg-primary, #ffffff);border-radius:6px;padding:24px;box-shadow:var(--box-shadow, 0 0 10px rgba(0, 0, 0, .1));display:flex;flex-direction:column;gap:16px;transition:background-color .3s ease,box-shadow .3s ease}@media (max-width: 768px){.skeleton-card{padding:16px}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}@media (max-width: 768px){.skeleton-grid{grid-template-columns:1fr}}.skeleton-box{background:linear-gradient(90deg,var(--skeleton-base, #f0f0f0) 0%,var(--skeleton-highlight, #e8e8e8) 50%,var(--skeleton-base, #f0f0f0) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;transition:background .3s ease}.skeleton-box--large{height:32px;width:60%;max-width:300px}.skeleton-box--medium{height:20px;width:40%;max-width:200px}.skeleton-box--title{height:24px;width:50%;max-width:250px}.skeleton-box--text{height:16px;width:100%}.skeleton-box--text:not(:last-child){margin-bottom:4px}.skeleton-box--short{width:70%}.skeleton-box--button{height:40px;width:120px;border-radius:4px;margin-top:8px}.skeleton-box--square{aspect-ratio:1;width:100%;border-radius:6px;min-height:150px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--skeleton-base: #f0f0f0;--skeleton-highlight: #e8e8e8}[data-theme=dark]{--skeleton-base: #2d2d2d;--skeleton-highlight: #3a3a3a}.layout-container{display:flex;min-height:100vh;width:100%}.layout-container--sidebar-collapsed .layout-content{margin-left:80px}.layout-content{flex:1;margin-left:286px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease;width:calc(100% - 286px)}@media (max-width: 768px){.layout-content{margin-left:80px;width:calc(100% - 80px)}}.layout-container--sidebar-collapsed .layout-content{margin-left:80px;width:calc(100% - 80px)}@media (max-width: 768px){.layout-container--sidebar-collapsed .layout-content{margin-left:0;width:100%}}.wrapper{display:flex;gap:36px;margin-top:24px;align-items:flex-start}.wrapper-content{flex:1;width:100%}@media (max-width: 768px){.wrapper-content{width:100%}}@media (max-width: 768px){.wrapper{flex-direction:column}}.container{width:100%;max-width:1240px;padding:0 16px;margin:24px auto;flex:1}.alerts-container{display:flex;gap:16px;width:100%}.footer{margin-top:auto}.footer__bottom{background-color:#131313;height:61px;padding:0 12px;display:flex;align-items:center;justify-content:center}.footer__bottom p{color:#fff;font-size:16px;margin:0}.nav{position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;width:286px;background-color:var(--bg-primary, #1a1a1a);box-shadow:2px 0 10px #0000004d;border-radius:0;z-index:1000;transition:width .3s ease,background-color .3s ease;overflow:visible}.nav--collapsed{width:80px}.nav--collapsed .nav__logo{justify-content:center}.nav--collapsed .nav__logo img{width:40px;height:40px}.nav--collapsed .nav__ul__item{justify-content:center;padding-left:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-right:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-top:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-bottom:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));border-radius:0}.nav--collapsed .nav__ul__item span{opacity:0;width:0;overflow:hidden}.nav__header{display:flex;align-items:center;justify-content:center;padding:20px 18px;border-bottom:1px solid var(--border-color, #3a3a3a);min-height:88px;background-color:var(--bg-primary, #1a1a1a);transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.nav__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;gap:0}.nav__footer{padding:18px;border-top:1px solid var(--border-color, #3a3a3a);background-color:var(--bg-primary, #1a1a1a);transition:background-color .3s ease,border-color .3s ease;flex-shrink:0;display:flex;justify-content:center}.nav--collapsed .nav__footer{padding:18px}.nav__logo{display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:100%}.nav__logo img{height:32px;width:auto;display:block;transition:all .3s ease;filter:brightness(1)}.nav__theme-toggle{background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #3a3a3a);color:var(--text-primary, #e5e5e5);cursor:pointer;padding:12px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden}.nav__theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:#2bb08733;opacity:0;transition:opacity .3s ease}.nav__theme-toggle:hover{background-color:var(--bg-secondary, #2d2d2d);border-color:#2bb087;color:#2bb087;transform:scale(1.02)}.nav__theme-toggle:hover:before{opacity:1}.nav__theme-toggle:active{transform:scale(.98)}.nav__theme-toggle__icon{position:relative;z-index:1;transition:transform .3s ease}.nav__theme-toggle:hover .nav__theme-toggle__icon{transform:rotate(15deg)}.nav--collapsed .nav__theme-toggle{width:44px;padding:12px}.nav__toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #3a3a3a);color:var(--text-primary, #e5e5e5);cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;z-index:1001;box-shadow:0 2px 8px #0000004d;overflow:visible}.nav__toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:#2bb08733;opacity:0;transition:opacity .3s ease}.nav__toggle svg{position:relative;z-index:1;transition:transform .3s ease}.nav__toggle:hover{background-color:var(--bg-secondary, #2d2d2d);border-color:#2bb087;color:#2bb087;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #2bb0874d}.nav__toggle:hover:before{opacity:1}.nav__toggle:hover svg{transform:translate(2px)}.nav__toggle:active{transform:translateY(-50%) scale(.95)}.nav__ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden}.nav__ul:first-of-type{flex:4 1 0}.nav__ul:last-of-type{flex:5 1 0}.nav__ul li{width:100%;display:flex;flex:1 1 0;min-height:0}.nav__ul__item{display:flex;align-items:center;gap:12px;padding-left:24px;padding-right:24px;border-radius:0;transition:all .3s ease;white-space:nowrap;width:100%;box-sizing:border-box;color:var(--text-primary, #e5e5e5);border-left:3px solid transparent;flex:1 1 0;min-height:0;padding-top:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-bottom:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px))}.nav__ul__item__icon{width:24px;min-width:24px;align-items:center;display:flex;justify-content:center}.nav__ul__item__icon img{display:block;filter:brightness(.9);transition:filter .3s ease}.nav__ul__item span{font-size:16px;font-weight:600;transition:all .3s ease;opacity:1;color:var(--text-primary, #e5e5e5)}.nav__ul__item:hover{color:#2bb087;background:var(--hover-bg, linear-gradient(135deg, rgba(1, 153, 175, .25) 0%, rgba(43, 176, 135, .15) 100%))}.nav__ul__item:hover .nav__ul__item__icon img{filter:brightness(1.2)}.nav__ul__item.active{color:#2bb087;background:var(--active-bg, linear-gradient(135deg, rgba(116, 190, 137, .25) 0%, rgba(43, 176, 135, .15) 100%));border-left-color:#2bb087}.nav__ul__item.active .nav__ul__item__icon img{filter:brightness(1.2)}.nav__divider{height:1px;background-color:var(--border-color, #3a3a3a);margin:4px 18px;transition:background-color .3s ease;flex-shrink:0}@media (max-width: 768px){.nav{width:80px}.nav--collapsed{width:0;overflow:hidden}.nav .nav__logo{justify-content:center}.nav .nav__logo img{width:40px;height:40px}.nav .nav__ul__item{justify-content:center;padding-left:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-right:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-top:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));padding-bottom:max(6px,min(18px,(100vh - 88px - 72px - 1px) / 9 - 24px));border-radius:0}.nav .nav__ul__item span{opacity:0;width:0;overflow:hidden}}
