@font-face { font-family: 'Glepha'; src: url('/Geist-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; height: 100%; overflow: hidden; } body { font-family: 'Glepha', -apple-system, 'Segoe UI', 'Helvetica Neue', system-ui, sans-serif; background: radial-gradient(circle at 18% 12%, rgba(108, 208, 255, 0.18), transparent 24%), radial-gradient(circle at 80% 18%, rgba(178, 116, 255, 0.10), transparent 22%), linear-gradient(135deg, #2f3034 0%, #26272b 100%); color: #eef2f8; } .eva-shell { width: 100vw; height: 100vh; padding: 6px; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 6px; background: transparent; } .eva-sidebar { position: relative; z-index: 20; width: 76px; min-width: 76px; height: calc(100vh - 12px); padding: 2px; display: flex; flex-direction: column; align-items: center; gap: 3px; overflow: visible; border: 1px solid rgba(151, 160, 177, 0.28); border-radius: 28px; background: linear-gradient(180deg, rgba(74, 76, 84, 0.96) 0%, rgba(58, 60, 67, 0.96) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 34px rgba(0, 0, 0, 0.26); } .eva-sidebar::before { content: ''; position: absolute; inset: 2px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.05); pointer-events: none; } .eva-sidebar-logo { position: relative; width: 74px; height: 74px; padding: 0; border: 0; border-radius: 0; background: transparent !important; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; outline: none; appearance: none; -webkit-appearance: none; transition: transform 0.18s ease, filter 0.18s ease; } .eva-sidebar-logo::before, .eva-sidebar-logo::after { display: none; } .eva-sidebar-logo:hover, .eva-sidebar-logo:focus-visible { transform: translateY(-1px) scale(1.02); } .eva-sidebar-logo-img { width: 74px; height: 74px; object-fit: contain; border-radius: 0; display: block; background: transparent !important; box-shadow: none; filter: drop-shadow(0 0 5px rgba(124, 174, 206, 0.78)) drop-shadow(0 0 15px rgba(124, 174, 206, 0.28)); transition: transform 0.18s ease, filter 0.18s ease; } .eva-sidebar-logo:hover .eva-sidebar-logo-img, .eva-sidebar-logo:focus-visible .eva-sidebar-logo-img { filter: drop-shadow(0 0 8px rgba(124, 174, 206, 0.95)) drop-shadow(0 0 22px rgba(124, 174, 206, 0.42)); } .eva-sidebar-nav { width: 100%; flex: 1 1 auto; min-height: 0; margin-top: 12px; padding: 5px 0 2px; display: flex; flex-direction: column; align-items: center; gap: 1px; overflow-y: auto; overflow-x: visible; } .eva-sidebar-nav::-webkit-scrollbar { width: 0; height: 0; } .eva-sidebar-nav { scrollbar-width: none; } .eva-sidebar-btn { position: relative; width: 64px; min-height: 54px; border: 1px solid rgba(150, 158, 178, 0.28); border-radius: 10px; background: linear-gradient(180deg, #f6f7fb 0%, #eceff6 100%); color: #9b6af3; display: flex; align-items: center; justify-content: center; cursor: pointer; outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 8px 18px rgba(0, 0, 0, 0.14); transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .eva-sidebar-btn::before { content: ''; position: absolute; inset: 4px; border-radius: 7px; border: 1px solid rgba(124, 174, 206, 0.14); pointer-events: none; } .eva-sidebar-btn::after { content: ''; position: absolute; left: -7px; top: 50%; width: 4px; height: 0; border-radius: 999px; background: linear-gradient(180deg, #66d9ff 0%, #a270ff 100%); box-shadow: 0 0 12px rgba(102, 217, 255, 0.55); transform: translateY(-50%); transition: height 0.16s ease; } .eva-sidebar-btn:hover, .eva-sidebar-btn:focus-visible { transform: translateY(-1px); background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 100%); color: #8d59eb; border-color: rgba(123, 197, 255, 0.55); box-shadow: 0 0 0 2px rgba(124, 174, 206, 0.18), 0 10px 22px rgba(0, 0, 0, 0.18), 0 0 16px rgba(102, 217, 255, 0.12); } .eva-sidebar-btn.active { background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.96), rgba(232, 249, 255, 0.98) 46%, rgba(210, 239, 255, 0.98) 100%); color: #168fc8; border-color: rgba(102, 217, 255, 0.98); transform: translateY(-1px); box-shadow: 0 0 0 3px rgba(102, 217, 255, 0.35), 0 0 18px rgba(102, 217, 255, 0.55), 0 0 34px rgba(124, 174, 206, 0.34), 0 12px 26px rgba(0, 0, 0, 0.24); } .eva-sidebar-btn.active::before { border-color: rgba(102, 217, 255, 0.58); box-shadow: inset 0 0 14px rgba(102, 217, 255, 0.16); } .eva-sidebar-btn.active::after { height: 34px; width: 5px; background: linear-gradient(180deg, #7df0ff 0%, #54b9ff 48%, #a270ff 100%); box-shadow: 0 0 10px rgba(102, 217, 255, 0.88), 0 0 22px rgba(102, 217, 255, 0.48); } .eva-sidebar-tooltip { display: none; } .eva-floating-tooltip { pointer-events: none; position: fixed; z-index: 9999; min-width: max-content; max-width: 320px; padding: 10px 14px; border: 1px solid rgba(200, 205, 214, 0.96); border-radius: 14px; background: rgba(255, 255, 255, 0.98); color: #2b2e35; font-size: 0.82rem; font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18); opacity: 0; transform: translate(8px, -50%); transition: opacity 0.14s ease, transform 0.14s ease; } .eva-floating-tooltip::before { content: ''; position: absolute; left: -7px; top: 50%; width: 12px; height: 12px; background: rgba(255, 255, 255, 0.98); border-left: 1px solid rgba(200, 205, 214, 0.96); border-bottom: 1px solid rgba(200, 205, 214, 0.96); transform: translateY(-50%) rotate(45deg); } .eva-floating-tooltip.visible { opacity: 1; transform: translate(0, -50%); } .menu-icon { width: 27px; height: 27px; margin: 0; display: block; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; font-size: 0; line-height: 0; transition: transform 0.16s ease, filter 0.16s ease; } .eva-sidebar-btn:hover .menu-icon { transform: scale(1.05); filter: drop-shadow(0 0 8px rgba(153, 111, 255, 0.28)); } .eva-sidebar-btn.active .menu-icon { transform: scale(1.10); filter: drop-shadow(0 0 8px rgba(102, 217, 255, 0.72)) drop-shadow(0 0 16px rgba(102, 217, 255, 0.32)); } .eva-sidebar-footer { width: 100%; flex: 0 0 auto; padding: 2px 0 9px; display: flex; align-items: center; justify-content: center; } .eva-theme-toggle { position: relative; width: 64px; min-height: 36px; border: 1px solid rgba(150, 158, 178, 0.28); border-radius: 15px; background: linear-gradient(180deg, rgba(245, 247, 251, 0.96) 0%, rgba(226, 232, 240, 0.96) 100%); color: #5e7280; display: flex; align-items: center; justify-content: center; cursor: pointer; outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70), 0 8px 18px rgba(0, 0, 0, 0.12); transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .eva-theme-toggle:hover, .eva-theme-toggle:focus-visible { transform: translateY(-1px); border-color: rgba(123, 197, 255, 0.55); box-shadow: 0 0 0 2px rgba(124, 174, 206, 0.15), 0 10px 20px rgba(0, 0, 0, 0.16); } .eva-theme-toggle-icon { font-size: 18px; line-height: 1; font-weight: 700; } .eva-workspace { position: relative; min-width: 0; height: calc(100vh - 12px); overflow: hidden; border: 1px solid rgba(149, 156, 172, 0.20); border-radius: 28px; background: rgba(34, 36, 41, 0.56); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 34px rgba(0, 0, 0, 0.22); } .eva-workspace-empty, .eva-section-frame { position: absolute; inset: 0; width: 100%; height: 100%; } .eva-workspace-empty { display: block; overflow: hidden; background: radial-gradient(circle at 18% 14%, rgba(118, 212, 255, 0.12), transparent 24%), radial-gradient(circle at 82% 20%, rgba(168, 117, 255, 0.08), transparent 24%), linear-gradient(135deg, #35373d 0%, #2a2c31 100%); } .eva-workspace-empty::before { content: ''; position: absolute; inset: 0; background-image: url('../../eva_logo.png'); background-repeat: no-repeat; background-position: center; background-size: min(76vw, 840px); opacity: 0.13; filter: none; transform: translateY(-1%); pointer-events: none; } .eva-workspace-empty::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, transparent 0%, rgba(42, 44, 49, 0.08) 48%, rgba(42, 44, 49, 0.30) 100%); pointer-events: none; } .eva-workspace-copyright { position: absolute; left: 50%; bottom: 12px; z-index: 2; transform: translateX(-50%); color: rgba(221, 227, 232, 0.52); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap; pointer-events: none; user-select: none; } .eva-section-frame { display: block; border: 0; background: transparent; opacity: 0; visibility: hidden; pointer-events: none; transform: none; transition: none !important; } .eva-section-frame.visible { opacity: 1; visibility: visible; pointer-events: auto; z-index: 2; } .eva-section-frame:not(.visible) { z-index: 1; } .eva-section-frame.loading { opacity: 1; visibility: visible; pointer-events: auto; } .icon-details { -webkit-mask-image: url('../icons/menu/details.svg'); mask-image: url('../icons/menu/details.svg'); } .icon-marks { -webkit-mask-image: url('../icons/menu/marks.svg'); mask-image: url('../icons/menu/marks.svg'); } .icon-directory { -webkit-mask-image: url('../icons/menu/directory.svg?v=129'); mask-image: url('../icons/menu/directory.svg?v=129'); } .icon-labor { -webkit-mask-image: url('../icons/menu/labor.svg?v=173'); mask-image: url('../icons/menu/labor.svg?v=173'); } .icon-norms { -webkit-mask-image: url('../icons/menu/norms.svg'); mask-image: url('../icons/menu/norms.svg'); } .icon-planning { -webkit-mask-image: url('../icons/menu/planning.svg'); mask-image: url('../icons/menu/planning.svg'); } .icon-normcontrol { -webkit-mask-image: url('../icons/menu/normcontrol.svg'); mask-image: url('../icons/menu/normcontrol.svg'); } .icon-ai-assistant { -webkit-mask-image: url('../icons/ui/brain.svg'); mask-image: url('../icons/ui/brain.svg'); } .icon-manual { -webkit-mask-image: url('../icons/menu/manual.svg'); mask-image: url('../icons/menu/manual.svg'); } .icon-system { -webkit-mask-image: url('../icons/ui/hammer.svg'); mask-image: url('../icons/ui/hammer.svg'); } .icon-users { -webkit-mask-image: url('../icons/ui/settings.svg'); mask-image: url('../icons/ui/settings.svg'); } .icon-dashboard { -webkit-mask-image: url('../icons/ui/chart.svg'); mask-image: url('../icons/ui/chart.svg'); } .icon-welds { -webkit-mask-image: url('../icons/menu/welds.svg'); mask-image: url('../icons/menu/welds.svg'); } .icon-shift-tasks { -webkit-mask-image: url('../icons/ui/calendar.svg'); mask-image: url('../icons/ui/calendar.svg'); } .icon-warehouse { -webkit-mask-image: url('../icons/ui/box.svg'); mask-image: url('../icons/ui/box.svg'); } .icon-quality-control { -webkit-mask-image: url('../icons/ui/check.svg'); mask-image: url('../icons/ui/check.svg'); } .icon-customer-report { -webkit-mask-image: url('../icons/menu/customer-report.svg?v=172'); mask-image: url('../icons/menu/customer-report.svg?v=172'); } html[data-theme="light"] body { color-scheme: light; background: radial-gradient(circle at 18% 12%, rgba(126, 178, 205, 0.15), transparent 24%), radial-gradient(circle at 80% 18%, rgba(150, 161, 190, 0.10), transparent 22%), linear-gradient(135deg, #e6ebee 0%, #d9e1e5 100%); color: #26323b; } html[data-theme="light"] .eva-sidebar { border-color: rgba(123, 139, 150, 0.34); background: linear-gradient(180deg, rgba(224, 232, 235, 0.98) 0%, rgba(205, 217, 223, 0.98) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 14px 34px rgba(71, 85, 96, 0.16); } html[data-theme="light"] .eva-sidebar::before { border-color: rgba(255, 255, 255, 0.42); } html[data-theme="light"] .eva-workspace { border-color: rgba(119, 137, 148, 0.32); background: rgba(220, 228, 232, 0.78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.60), 0 14px 34px rgba(77, 90, 101, 0.14); } html[data-theme="light"] .eva-workspace-empty { background: radial-gradient(circle at 18% 14%, rgba(95, 161, 191, 0.12), transparent 24%), radial-gradient(circle at 82% 20%, rgba(130, 145, 170, 0.08), transparent 24%), linear-gradient(135deg, #e6ebee 0%, #d8e1e5 100%); } html[data-theme="light"] .eva-workspace-empty::before { opacity: 0.10; filter: grayscale(0.15) saturate(0.85); } html[data-theme="light"] .eva-workspace-empty::after { background: radial-gradient(circle at center, transparent 0%, rgba(214, 224, 228, 0.06) 48%, rgba(181, 195, 202, 0.20) 100%); } html[data-theme="light"] .eva-workspace-copyright { color: rgba(53, 69, 79, 0.52); } html[data-theme="light"] .eva-theme-toggle { background: linear-gradient(180deg, #657987 0%, #526b7a 100%); color: #eef7fb; border-color: rgba(72, 97, 112, 0.55); } html[data-theme="light"] .eva-floating-tooltip { background: rgba(245, 248, 249, 0.98); color: #26323b; border-color: rgba(142, 155, 164, 0.72); box-shadow: 0 14px 28px rgba(71, 85, 96, 0.16); } html[data-theme="light"] .eva-floating-tooltip::before { background: rgba(245, 248, 249, 0.98); border-color: rgba(142, 155, 164, 0.72); } @media (max-width: 960px) { .eva-shell { padding: 6px; gap: 6px; grid-template-columns: 74px minmax(0, 1fr); } .eva-sidebar { width: 74px; min-width: 74px; height: calc(100vh - 12px); padding: 3px; border-radius: 24px; } .eva-workspace { height: calc(100vh - 12px); border-radius: 24px; } .eva-sidebar-logo { width: 68px; height: 68px; } .eva-sidebar-logo-img { width: 68px; height: 68px; } .eva-sidebar-nav { margin-top: 6px; gap: 1px; } .eva-sidebar-btn { width: 60px; min-height: 52px; } .menu-icon { width: 25px; height: 25px; } } .eva-sidebar-nav { padding-top: 13px !important; padding-left: 4px !important; padding-right: 4px !important; } .eva-sidebar-btn.active, .eva-sidebar-btn:hover, .eva-sidebar-btn:focus-visible { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 0 0 2px rgba(102, 217, 255, 0.28), 0 0 16px rgba(102, 217, 255, 0.45), 0 8px 18px rgba(0, 0, 0, 0.18) !important; } @media (max-width: 960px) { .eva-sidebar-nav { padding-top: 11px !important; padding-left: 4px !important; padding-right: 4px !important; } } .eva-sidebar-btn { background: linear-gradient(180deg, rgba(76, 78, 86, 0.68) 0%, rgba(58, 60, 67, 0.72) 100%) !important; color: #b9b4c9 !important; border-color: rgba(171, 177, 193, 0.16) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), inset 0 0 0 1px rgba(0, 0, 0, 0.08) !important; transform: none !important; } .eva-sidebar-btn::before { border-color: rgba(255, 255, 255, 0.035) !important; box-shadow: none !important; } .eva-sidebar-btn:hover, .eva-sidebar-btn:focus-visible { background: linear-gradient(180deg, rgba(79, 81, 90, 0.82) 0%, rgba(61, 63, 71, 0.86) 100%) !important; color: #eef4fb !important; border-color: rgba(106, 217, 255, 0.86) !important; box-shadow: inset 0 0 0 1px rgba(126, 225, 255, 0.20), 0 0 8px rgba(102, 217, 255, 0.42), 0 0 16px rgba(102, 217, 255, 0.20) !important; transform: none !important; } .eva-sidebar-btn.active { background: linear-gradient(180deg, rgba(66, 79, 88, 0.94) 0%, rgba(50, 64, 73, 0.94) 100%) !important; color: #86e6ff !important; border-color: rgba(102, 217, 255, 0.90) !important; box-shadow: inset 0 0 0 1px rgba(153, 232, 255, 0.18), 0 0 9px rgba(102, 217, 255, 0.38) !important; transform: none !important; } .eva-sidebar-btn.active::after { height: 30px !important; width: 3px !important; box-shadow: 0 0 8px rgba(102, 217, 255, 0.62) !important; } .eva-sidebar-btn:hover .menu-icon, .eva-sidebar-btn.active .menu-icon { transform: none !important; } html[data-theme="light"] .eva-sidebar-btn { background: linear-gradient(180deg, rgba(215, 224, 228, 0.74) 0%, rgba(203, 214, 219, 0.80) 100%) !important; color: #60727d !important; border-color: rgba(106, 124, 135, 0.20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), inset 0 0 0 1px rgba(91, 111, 122, 0.04) !important; } html[data-theme="light"] .eva-sidebar-btn:hover, html[data-theme="light"] .eva-sidebar-btn:focus-visible { background: linear-gradient(180deg, rgba(226, 234, 237, 0.90) 0%, rgba(211, 222, 227, 0.94) 100%) !important; color: #245b75 !important; border-color: rgba(65, 161, 206, 0.84) !important; box-shadow: inset 0 0 0 1px rgba(95, 185, 225, 0.18), 0 0 8px rgba(57, 169, 220, 0.28), 0 0 15px rgba(57, 169, 220, 0.14) !important; } html[data-theme="light"] .eva-sidebar-btn.active { background: linear-gradient(180deg, rgba(207, 224, 231, 0.96) 0%, rgba(191, 214, 223, 0.96) 100%) !important; color: #176d95 !important; border-color: rgba(53, 164, 213, 0.90) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38), 0 0 9px rgba(57, 169, 220, 0.26) !important; } .eva-sidebar-btn, html[data-theme="light"] .eva-sidebar-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; } .eva-sidebar-btn::before, html[data-theme="light"] .eva-sidebar-btn::before { display: none !important; border-color: transparent !important; box-shadow: none !important; } .eva-sidebar-btn { color: #b9c3c9 !important; } html[data-theme="light"] .eva-sidebar-btn { color: #60727d !important; } .eva-sidebar-btn.active { background: rgba(78, 172, 226, 0.075) !important; color: #83d8ff !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="light"] .eva-sidebar-btn.active { background: rgba(78, 172, 226, 0.075) !important; color: #277ead !important; border-color: transparent !important; box-shadow: none !important; } .eva-sidebar-btn.active::after, html[data-theme="light"] .eva-sidebar-btn.active::after { height: 28px !important; width: 3px !important; background: rgba(78, 172, 226, 0.62) !important; box-shadow: none !important; } .eva-sidebar-btn:hover, .eva-sidebar-btn:focus-visible, .eva-sidebar-btn.active:hover, .eva-sidebar-btn.active:focus-visible, html[data-theme="light"] .eva-sidebar-btn:hover, html[data-theme="light"] .eva-sidebar-btn:focus-visible, html[data-theme="light"] .eva-sidebar-btn.active:hover, html[data-theme="light"] .eva-sidebar-btn.active:focus-visible { background: rgba(78, 172, 226, 0.075) !important; color: #9be7ff !important; border-color: rgba(102, 217, 255, 0.82) !important; box-shadow: 0 0 0 1px rgba(102, 217, 255, 0.16), 0 0 9px rgba(102, 217, 255, 0.34), 0 0 18px rgba(102, 217, 255, 0.16) !important; transform: none !important; } html[data-theme="light"] .eva-sidebar-btn:hover, html[data-theme="light"] .eva-sidebar-btn:focus-visible, html[data-theme="light"] .eva-sidebar-btn.active:hover, html[data-theme="light"] .eva-sidebar-btn.active:focus-visible { color: #226f98 !important; } .eva-sidebar-btn.active:hover::after, .eva-sidebar-btn.active:focus-visible::after, html[data-theme="light"] .eva-sidebar-btn.active:hover::after, html[data-theme="light"] .eva-sidebar-btn.active:focus-visible::after { background: #66d9ff !important; box-shadow: 0 0 8px rgba(102, 217, 255, 0.58) !important; } .eva-sidebar-btn .menu-icon, html[data-theme="light"] .eva-sidebar-btn .menu-icon { filter: none !important; } .eva-sidebar-btn:hover .menu-icon, .eva-sidebar-btn:focus-visible .menu-icon, .eva-sidebar-btn.active:hover .menu-icon, .eva-sidebar-btn.active:focus-visible .menu-icon, html[data-theme="light"] .eva-sidebar-btn:hover .menu-icon, html[data-theme="light"] .eva-sidebar-btn:focus-visible .menu-icon, html[data-theme="light"] .eva-sidebar-btn.active:hover .menu-icon, html[data-theme="light"] .eva-sidebar-btn.active:focus-visible .menu-icon { filter: drop-shadow(0 0 6px rgba(102, 217, 255, 0.62)) drop-shadow(0 0 12px rgba(102, 217, 255, 0.24)) !important; } .eva-floating-tooltip, html[data-theme="dark"] .eva-floating-tooltip, html[data-theme="light"] .eva-floating-tooltip { background: rgba(248,250,251,.99) !important; color: #26323b !important; border-color: rgba(160,172,180,.78) !important; } .eva-floating-tooltip::before, html[data-theme="dark"] .eva-floating-tooltip::before, html[data-theme="light"] .eva-floating-tooltip::before { background: rgba(248,250,251,.99) !important; border-color: rgba(160,172,180,.78) !important; }