:root{--color-background: #F8FAFF;--color-primary: #254289;--color-accent: #F0C988;--color-text-primary: #1b1f33;--color-text-secondary: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 10px 30px rgba(15, 23, 42, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-background);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-root{display:flex;min-height:100%;height:100vh;max-height:100vh;overflow:hidden}.sidebar{flex-shrink:0;width:260px;min-height:0;height:100%;background-color:#fff;box-shadow:4px 0 20px #0f172a0f;display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);overflow:hidden}.sidebar-logo{font-weight:700;font-size:20px;color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl)}.sidebar-logo-img{width:190px;max-width:100%;height:auto;display:block;object-fit:contain}.sidebar-user-name{flex-shrink:0;margin-bottom:var(--spacing-md);padding:0 8px;text-align:center;font-size:14px;font-weight:600;color:var(--color-primary);line-height:1.35;word-break:break-word}.sidebar-nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-link{padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.sidebar-link.active{background-color:#f0c98833;color:var(--color-primary);font-weight:600;border-left:3px solid var(--color-accent)}.sidebar-footer{flex-shrink:0;margin-top:var(--spacing-lg);font-size:12px;color:var(--color-text-secondary)}.content{flex:1;min-width:0;min-height:0;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.page-title{font-size:24px;font-weight:600;color:var(--color-primary)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer}.btn-primary:disabled{opacity:.7;cursor:default}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-md)}.form-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-textarea{border-radius:var(--radius-md);border:1px solid #d1d5db;padding:8px 10px;font-size:14px;font-family:inherit}.form-textarea{min-height:80px;resize:vertical}.form-error{font-size:12px;color:#b91c1c}.lesson-modal-overlay{align-items:center!important;justify-content:center!important;padding:2% 12%!important}.lesson-modal-card{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;overflow-x:hidden!important;border-radius:10px!important}[role=dialog] *{scrollbar-width:auto}[role=dialog] *::-webkit-scrollbar{width:20px;height:20px}.lesson-modal-card img,.lesson-modal-card svg,.lesson-modal-card canvas,.lesson-modal-card video{max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain}.courses-page .lesson-modal-scroll table,.admin-dashboard-page .lesson-modal-scroll table{width:100%!important;max-width:100%!important;table-layout:fixed;border-collapse:collapse;border:1px solid #9ca3af}.courses-page .lesson-modal-scroll td,.courses-page .lesson-modal-scroll th,.admin-dashboard-page .lesson-modal-scroll td,.admin-dashboard-page .lesson-modal-scroll th{border:1px solid #9ca3af;word-break:break-word;overflow-wrap:anywhere;white-space:normal!important}@media(max-width:1023px){.sidebar{width:220px;padding:var(--spacing-md) var(--spacing-sm)}.sidebar-logo{margin-bottom:var(--spacing-lg)}.sidebar-link{font-size:13px;padding:7px 10px}.content{padding:var(--spacing-lg)}}@media(max-width:767px){.lesson-modal-overlay{padding:3% 3% 23%!important}html,body,#root{height:auto;min-height:100%}.app-root{flex-direction:column;height:auto;max-height:none;min-height:100%;overflow:visible}.sidebar{width:100%;height:auto;min-height:auto;box-shadow:0 2px 12px #0f172a14;border-bottom:1px solid #e5e7eb;padding:10px 12px;gap:8px}.sidebar-logo{margin-bottom:0;justify-content:flex-start}.sidebar-logo-img{width:140px}.sidebar-user-name{margin-bottom:0;padding:0;text-align:left;font-size:13px}.sidebar-nav{flex:none;display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;white-space:nowrap}.sidebar-link{flex:0 0 auto;border-radius:999px;border:1px solid #e5e7eb;background:#fff;padding:4px 8px;font-size:10px;line-height:1.15}.sidebar-link.active{border-left:1px solid #e5e7eb;border-color:var(--color-accent)}.sidebar-footer{margin-top:0}.content{overflow:visible;min-height:auto;padding:12px;gap:12px}.page-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.page-title{font-size:20px;line-height:1.25;word-break:break-word}.card{padding:12px;border-radius:12px}.btn-primary{min-height:22px;padding:4px 8px;font-size:10px;line-height:1.1;border-radius:10px}button[aria-label=Фильтр]{min-height:18px;padding:2px 4px!important}button[aria-label=Фильтр] img{width:17px!important;height:17px!important}.form-input,.form-textarea{font-size:16px}table{font-size:11px;line-height:1.2}.content table th,.content table td{padding:6px 4px!important;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;vertical-align:top}.statistics-table-wrap table{min-width:980px}.documents-cards-grid .documents-card-item{font-size:10px;line-height:1.2}.documents-cards-grid .documents-card-item>div:first-child{font-size:11px}.documents-cards-grid .documents-card-item .documents-card-label-row{font-size:7px!important;line-height:1.15}.courses-page .card:not(.lesson-modal-card){font-size:16px;line-height:1.15}.courses-page .card:not(.lesson-modal-card) .btn-primary{font-size:10px}.testing-page .card{font-size:16px;line-height:1.15}.testing-page .testing-card-title{font-size:18px!important;line-height:1.15}.courses-page .lesson-number-label{font-size:16px;line-height:1.1}.testing-page .card .btn-primary{font-size:10px}.lesson-complete-check{font-size:17px!important;line-height:1!important}.mobile-count-label{font-size:8px!important;line-height:1.1}[role=dialog] .card{font-size:8px;line-height:1.15}[role=dialog] .card .page-title{font-size:11px!important;line-height:1.15}[role=dialog] .card .form-label{font-size:9px}[role=dialog] .card .form-input,[role=dialog] .card .form-textarea,[role=dialog] .card select,[role=dialog] .card option{font-size:10px!important;line-height:1.15}.admin-dashboard-filter-panel .form-field,.employees-filter-panel .form-field,.certificates-filter-panel .form-field{width:100%;min-width:0}lesson-modal-overlay .admin-dashboard-table-wrap table,.employees-table-wrap table,.certificates-table-wrap table{min-width:680px}.admin-dashboard-row-actions{min-width:220px!important;flex-direction:column;align-items:stretch!important}.admin-dashboard-row-actions-main,.admin-dashboard-row-actions .btn-primary,.admin-dashboard-row-actions-main .btn-primary{width:100%}.admin-dashboard-pagination,.employees-pagination{flex-direction:column;align-items:flex-start!important}.admin-dashboard-pagination-buttons,.employees-pagination-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.certificates-grid{grid-template-columns:1fr!important}.certificates-grid>div{font-size:12px;line-height:1.15}.certificates-grid>div>div:first-child{font-size:15px;line-height:1.15}.certificates-grid>div>div:nth-child(2){font-size:12px;line-height:1.15}.certificates-grid>div>div:nth-child(3),.certificates-grid>div>div:nth-child(3) span{font-size:11px!important;line-height:1.1}.certificates-page .page-header>div{width:100%}.certificates-page .page-header>div .btn-primary{width:100%}.admin-dashboard-modal-card,.employees-modal-card,.certificates-modal-card{max-height:calc(100vh - 24px);overflow:auto;padding:12px!important}.certificates-preview-modal-card{height:calc(100vh - 24px)!important}.lesson-modal-header{padding:8px!important;margin-bottom:0!important;gap:6px}.lesson-modal-header .btn-primary{width:auto!important;min-height:28px;padding:4px 8px;font-size:11px;border-radius:12px}.lesson-modal-header .page-title{font-size:14px!important;line-height:1.2;margin:0;max-width:100%;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-modal-content{display:flex;flex-direction:column;overflow-x:hidden!important;border-radius:0!important}.lesson-modal-menu{position:sticky!important;top:0;z-index:5;width:auto!important;max-width:none!important;height:30vh;min-height:150px;max-height:40vh;margin:8px 8px 0;align-self:stretch;transform-origin:top center;overflow:auto}.lesson-modal-menu button{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:12px!important;line-height:1.25!important}.lesson-modal-scroll{flex:1 1 auto;min-height:0;height:auto!important;overflow-x:hidden!important;padding-right:8px!important}}