:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiBackdrop-root{z-index:1000!important}.MuiAppBar-root{z-index:1100!important}.MuiDrawer-root{z-index:1200!important}.MuiDrawer-paper{z-index:1200!important;position:fixed!important}.MuiDialog-root,.MuiDialog-paper{z-index:1400!important}.MuiMenu-root,.MuiPopover-root{z-index:1500!important}.MuiMenu-paper,.MuiPopover-paper{z-index:1500!important;position:fixed!important}.MuiSelect-menu,.MuiPortal-root .MuiMenu-root,.MuiPortal-root .MuiPopover-root{z-index:1500!important}.MuiPortal-root .MuiMenu-paper,.MuiPortal-root .MuiPopover-paper{z-index:1500!important;position:fixed!important}.MuiTooltip-tooltip{z-index:1600!important}.MuiSnackbar-root,.MuiAlert-root{z-index:1700!important}.MuiDrawer-root[data-admin-nav=true]{z-index:1200!important}.MuiDrawer-root[data-admin-nav=true] .MuiDrawer-paper{z-index:1200!important;position:fixed!important}.MuiDrawer-root[data-admin-nav=true] .MuiBackdrop-root{z-index:1100!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea,[contenteditable=true],[contenteditable=true] *{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;font-family:Inter,Source Sans Pro,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #142b5a1a;padding:40px;width:100%;max-width:420px;border:1px solid #E2E8F0;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{height:50px;width:auto;margin-bottom:24px;object-fit:contain}.login-header h1{color:#0e1116;font-size:24px;font-weight:700;margin-bottom:8px}.login-header p{color:#4a5568;font-size:16px;margin:0}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.message.success{background:#f0fff4;color:#22543d;border:1px solid #9ae6b4}.message.error{background:#fed7d7;color:#742a2a;border:1px solid #feb2b2}.message.info{background:#ebf8ff;color:#2a4365;border:1px solid #90cdf4}.login-info{margin-top:20px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.login-info p{margin:4px 0;font-size:14px;color:#64748b;line-height:1.4}.login-redirect-info{margin-top:16px;padding:12px 16px;background-color:#eff6ff;border-radius:8px;border:1px solid #bfdbfe;text-align:center}.login-redirect-info p{margin:4px 0;font-size:13px;color:#1e40af;line-height:1.4}.login-form{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#0e1116;font-weight:600;font-size:14px;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid #E2E8F0;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;color:#0e1116;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#0b2664;box-shadow:0 0 0 3px #0b26641a}.form-group input::placeholder{color:#a0aec0}.form-group input:invalid{border-color:#e53e3e}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#4a5568;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:#e6ecf5;color:#0b2664}.password-toggle:focus{outline:none;box-shadow:0 0 0 2px #0b266433}.submit-btn{width:100%;background:linear-gradient(135deg,#0b2664,#1e40af);color:#fff;border:none;padding:14px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #0b266433}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn .spinner{animation:spin 1s linear infinite}.login-footer{text-align:center;display:flex;flex-direction:column;gap:12px}.link-btn{background:none;border:none;color:#0b2664;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;text-decoration:underline;text-underline-offset:2px}.link-btn:hover:not(:disabled){color:#1e40af}.link-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.login-container{padding:16px}.login-card{padding:32px 24px;border-radius:12px}.login-header h1{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}.form-group input{padding:12px 14px;font-size:16px}.submit-btn{padding:14px}}@media (max-width: 480px){.login-card{padding:24px 20px}.login-logo{height:45px}.login-header h1{font-size:20px}.login-header p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Source Sans Pro,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#0e1116;background-color:#fff}.app{min-height:100vh}.container{max-width:1500px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}.navbar{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:16px 0;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 8px 32px #00000014,0 1px #fffc inset,0 -1px #0000000d inset;border-bottom:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.app:has(.app-widget-header) .navbar{top:80px}@media (min-width: 1200px){.navbar{display:none}}.nav-container{max-width:1500px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.nav-logo{display:flex;align-items:center}.logo-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.logo-button:hover{background:none;border:none}.logo-button:focus{outline:none}.logo-image{height:40px;width:auto;object-fit:contain}.desktop-menu{display:none;gap:40px;margin:0 auto}@media (min-width: 1200px){.desktop-menu{display:flex}}.nav-link{background:none;border:none;color:#4b5563;padding:.75rem 1.5rem;margin:0 .25rem;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);opacity:0;transition:opacity .3s ease;border-radius:12px}.nav-link:hover{color:#2563eb;transform:translateY(-2px)}.nav-link:hover:before{opacity:1}.nav-link.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;box-shadow:0 8px 20px #3b82f659,0 2px 8px #3b82f633,inset 0 1px #fff3;transform:translateY(-2px)}.nav-link.active:before{opacity:0}.nav-link.active:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 28px #3b82f666,0 4px 12px #3b82f640,inset 0 1px #fff3;transform:translateY(-3px)}.nav-actions{display:flex;align-items:center;gap:16px}.qr-scanner-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;border-radius:8px;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #667eea33}.qr-scanner-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.qr-scanner-btn svg{flex-shrink:0;color:#fff}.qr-btn-text{color:#fff}.supabase-test-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 16px;border-radius:8px;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #10b98133;min-width:100px;justify-content:center;position:relative}.supabase-test-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.supabase-test-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.supabase-test-btn svg{flex-shrink:0;color:#fff}.supabase-test-btn.testing{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b33}.supabase-test-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.supabase-test-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.user-avatar-container{position:relative;display:flex;align-items:center}.user-avatar{background:linear-gradient(135deg,#667eea,#8b5cf6);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea40,0 2px 4px #667eea26,inset 0 1px #fff3;position:relative;overflow:hidden}.user-avatar:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.user-avatar:hover{background:linear-gradient(135deg,#5a6fd8,#7c3aed);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #667eea59,0 4px 8px #667eea33,inset 0 1px #ffffff4d;border-color:#ffffff80}.user-avatar:hover:before{width:100%;height:100%}.avatar-initials{color:#fff;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:12px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,0 1px #fffc inset;border:1px solid rgba(226,232,240,.6);min-width:280px;z-index:1001;overflow:hidden;animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #E2E8F0}.user-email{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:4px;word-break:break-all}.user-role{color:#64748b;font-size:12px;font-weight:500}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:none;border:none;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-logout-btn:hover{background:#fef2f2;color:#dc2626}.dropdown-logout-btn svg{flex-shrink:0;color:#ef4444}.dropdown-logout-btn:hover svg{color:#dc2626}.dropdown-profile-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:none;border:none;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-profile-btn:hover{background:#eff6ff;color:#2563eb}.dropdown-profile-btn svg{flex-shrink:0;color:#3b82f6}.dropdown-profile-btn:hover svg{color:#2563eb}.dropdown-login-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:none;border:none;color:#10b981;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-login-btn:hover{background:#ecfdf5;color:#059669}.dropdown-login-btn svg{flex-shrink:0;color:#10b981}.dropdown-login-btn:hover svg{color:#059669}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0}.loading-spinner p{color:#64748b;font-size:16px;font-weight:500;margin:0}.loading-spinner .spinner{animation:spin 1s linear infinite;color:#0b2664}.spinner{animation:spin 1s linear infinite}.supabase-test-btn-mobile{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important;width:100%!important;text-align:left!important}.supabase-test-btn-mobile:hover{background:linear-gradient(135deg,#0d9488,#047857)!important;color:#fff!important}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.user-email{font-size:14px;color:#4a5568;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;color:#e53e3e;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#fed7d7;color:#c53030}.logout-btn:focus{outline:none;box-shadow:0 0 0 2px #e53e3e33}.mobile-user-info{padding:16px;border-top:1px solid #e2e8f0;margin-top:16px}.mobile-user-email{display:block;font-size:14px;color:#4a5568;font-weight:500;margin-bottom:12px}.mobile-logout-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.mobile-logout-btn:hover{background:linear-gradient(135deg,#c53030,#9b2c2c);transform:translateY(-1px)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{text-align:center;color:#fff}.loading-spinner .spinner{margin-bottom:16px}.loading-spinner p{font-size:18px;font-weight:500;margin:0}.test-message-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:8px;max-width:250px;text-align:center}.test-message-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.test-message-tooltip.success{border-color:#9ae6b4;color:#22543d;background:#f0fff4}.test-message-tooltip.success:before{border-bottom-color:#f0fff4}.test-message-tooltip.error{border-color:#feb2b2;color:#742a2a;background:#fed7d7}.test-message-tooltip.error:before{border-bottom-color:#fed7d7}.supabase-test-btn{position:relative}.burger-menu{display:none;flex-direction:column;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#3b82f60d;border:1px solid rgba(59,130,246,.1);gap:4px}.burger-menu:hover{background:#3b82f61a;border-color:#3b82f633;transform:scale(1.05)}.burger-line{width:24px;height:2.5px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px;box-shadow:0 1px 2px #3b82f633}.burger-line.open:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{display:none;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:20px 0;position:absolute;top:100%;left:0;width:100%;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f,0 1px #fffc inset;z-index:999}.mobile-menu.open{display:block;transform:translateY(0);opacity:1;visibility:visible;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav-link{background:none;border:none;color:#4b5563;padding:1rem 1.5rem;margin:.5rem 1rem;border-radius:12px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:block;width:calc(100% - 2rem);text-align:left;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);opacity:0;transition:opacity .3s ease;border-radius:12px}.mobile-nav-link:hover{color:#2563eb;transform:translate(6px)}.mobile-nav-link:hover:before{opacity:1}.mobile-nav-link.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;box-shadow:0 8px 20px #3b82f659,0 2px 8px #3b82f633,inset 0 1px #fff3;transform:translate(6px)}.mobile-nav-link.active:before{opacity:0}.mobile-nav-link.active:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 28px #3b82f666,0 4px 12px #3b82f640,inset 0 1px #fff3;transform:translate(8px)}@media (hover: none) and (pointer: coarse){.mobile-nav-link:hover{background-color:transparent}.mobile-nav-link:active{background-color:#e6ecf5;transform:none}}.qr-scanner-btn-mobile{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 16px;border-radius:8px;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:500;width:100%;justify-content:center;margin-top:8px}.qr-scanner-btn-mobile:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.qr-scanner-btn-mobile svg{flex-shrink:0;color:#fff}.main-content{margin-top:0;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:0}.app:has(.app-header) .main-content{padding-top:0}@media (min-width: 1200px){.main-content{padding-top:0}}@media (max-width: 1199px){.main-content{padding-top:0}}@media (min-width: 768px) and (max-width: 1199px){.main-content{margin-top:0}html,body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}.modern-feature-card{min-height:200px;cursor:pointer}.modern-feature-card h3{font-size:1.375rem;line-height:1.3}.modern-feature-card p{font-size:1rem;line-height:1.5}}.hero-section{position:relative;height:700px;overflow:hidden;background:linear-gradient(135deg,#0b2664,#1e3c72,#2a5298);width:100%;display:flex;justify-content:center;align-items:center}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b2664cc,#0b266466,#0b266400);clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.hero-content{position:relative;text-align:center;width:100%;max-width:1500px;padding:0 24px;z-index:2;box-sizing:border-box;margin:0 auto}.hero-title{font-size:56px;line-height:1.1;font-weight:800;color:#fff;margin-bottom:32px;letter-spacing:-.03em;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:20px;line-height:1.6;color:#e6ecf5;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400}.hero-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.btn{padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:inherit;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;box-shadow:0 8px 25px #2e7d3266}.btn-primary:hover{background:linear-gradient(135deg,#1b5e20,#0d4a14);transform:translateY(-3px);box-shadow:0 12px 35px #2e7d3280}.btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea66}.btn-secondary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.btn-outline{background:transparent;color:#0b2664;border:2px solid #0b2664;transition:all .3s ease}.btn-outline:hover{background:#0b2664;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #0b26644d}.btn-large{padding:20px 40px;font-size:18px}.features-section{padding:120px 0;background:linear-gradient(180deg,#e6ecf5,#fff);position:relative;width:100%;display:flex;justify-content:center}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,#E6ECF5 100%)}.section-header{text-align:center;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:10}.section-title{font-size:1.5rem;line-height:1.3;font-weight:600;color:#111827;margin-bottom:8px;letter-spacing:-.01em}.section-subtitle{font-size:.875rem;line-height:1.5;color:#6b7280;max-width:400px;margin:0 auto;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1500px;margin:0 auto;padding:0 24px;box-sizing:border-box;width:100%}.feature-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 8px 30px #00000014;transition:all .4s ease;border:1px solid #E2E8F0;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0b2664,#2e7d32);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000026;border-color:#0b2664}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#e6ecf5,#d1e7dd);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;color:#0b2664;transition:all .3s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#0b2664,#2e7d32);color:#fff;transform:scale(1.1)}.feature-card h3{font-size:24px;line-height:1.3;font-weight:700;color:#0b2664;margin-bottom:20px;text-align:center}.feature-card p{color:#4a5568;line-height:1.7;margin-bottom:24px;font-size:16px;text-align:center}.feature-link{color:#0b2664;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;margin-top:16px;display:inline-block}.feature-link:hover{color:#667eea;transform:translate(4px)}.feature-link:focus{outline:none;color:#667eea}.qr-scanner-section{padding:80px 0;background:#f8fafc;width:100%;display:flex;justify-content:center}.qr-scanner-section .section-header{text-align:center;margin-bottom:40px}.qr-scanner-section .section-title{font-size:36px;font-weight:700;color:#0b2664;margin:0 0 16px}.qr-scanner-section .section-subtitle{font-size:18px;color:#64748b;max-width:600px;margin:0 auto}.qr-scanner-info{max-width:600px;margin:0 auto}.scanner-info-content{text-align:center;padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0}.info-icon{color:#0b2664;margin-bottom:24px}.scanner-info-content h3{font-size:24px;font-weight:700;color:#0b2664;margin:0 0 16px}.scanner-info-content p{font-size:16px;color:#64748b;margin:0 0 24px;line-height:1.6}.scanner-features{display:flex;flex-direction:column;gap:16px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.feature-item svg{color:#10b981;flex-shrink:0}.feature-item span{font-size:14px;color:#475569;font-weight:500}.cta-section{padding:120px 0;background:linear-gradient(135deg,#0b2664,#1e3c72);color:#fff;position:relative;overflow:hidden;width:100%;display:flex;justify-content:center}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.3}.cta-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:2}.cta-content h2{font-size:36px;line-height:1.25;font-weight:800;margin-bottom:24px;letter-spacing:-.02em}.cta-content p{font-size:20px;line-height:1.6;color:#e6ecf5;margin-bottom:40px;font-weight:400}.footer{background:linear-gradient(180deg,#0b2664,#0d1b2a);color:#fff;padding:80px 0 40px;position:relative;width:100%;display:flex;justify-content:center}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(180deg,transparent 0%,rgba(230,236,245,.3) 50%,transparent 100%)}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;margin-bottom:60px;max-width:1500px;margin-left:auto;margin-right:auto;padding:0 24px;box-sizing:border-box;width:100%}.footer-section h3{font-size:28px;line-height:1.3;font-weight:700;margin-bottom:20px;color:#fff}.footer-section h4{font-size:20px;line-height:1.3;font-weight:600;margin-bottom:20px;color:#e6ecf5}.footer-section p{color:#e6ecf5;line-height:1.7;margin-bottom:12px;font-size:16px}.footer-bottom{border-top:1px solid rgba(230,236,245,.2);padding-top:40px;text-align:center;max-width:1500px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;width:100%}.footer-bottom p{color:#e6ecf5;font-size:14px}.pwa-install-banner{position:fixed;top:0;left:0;right:0;background:#0b2664;color:#fff;z-index:1001;padding:16px 0;box-shadow:0 2px 8px #00000026}.pwa-install-content{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.pwa-install-text h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#fff}.pwa-install-text p{font-size:14px;color:#e6ecf5;margin:0}.pwa-install-buttons{display:flex;gap:12px;flex-shrink:0}.pwa-install-buttons .btn{padding:8px 16px;font-size:14px;white-space:nowrap}.app:has(.pwa-install-banner) .main-content{margin-top:120px}.verification-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.verification-page{background:#fff;border-radius:16px;padding:32px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.verification-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.verification-header h2{color:#0b2664;margin:0 0 8px;font-size:28px}.verification-header p{color:#64748b;margin:0;font-size:16px}.verification-content{margin-bottom:32px}.url-display{margin-bottom:24px}.url-display label{display:block;font-size:14px;font-weight:600;color:#64748b;margin-bottom:8px}.url-value{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;padding:16px;word-break:break-all;line-height:1.5}.url-link{color:#0ea5e9;text-decoration:none;font-weight:500;transition:color .2s ease}.url-link:hover{color:#0284c7;text-decoration:underline}.qr-content-display{margin-bottom:24px}.qr-content-display label{display:block;font-size:14px;font-weight:600;color:#64748b;margin-bottom:8px}.content-value{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:14px;color:#1e293b;word-break:break-all;line-height:1.5;min-height:60px}.verification-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.verification-actions .btn{min-width:160px}.verification-info{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.verification-info h3{color:#0b2664;margin:0 0 12px;font-size:18px}.verification-info ul{margin:0;padding-left:20px}.verification-info li{color:#64748b;margin-bottom:8px;line-height:1.4}.verification-info li:last-child{margin-bottom:0}.page-header{text-align:center;margin-bottom:48px;padding:32px 0}.page-title{font-size:2.5rem;font-weight:700;color:#0b2664;margin-bottom:16px;line-height:1.2}.page-subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:64px}.choice-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #142b5a1a;border:1px solid #E2E8F0;transition:all .3s ease;text-align:center}.choice-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #142b5a26}.choice-icon{margin-bottom:24px;color:#0b2664}.choice-card h3{font-size:1.5rem;font-weight:600;color:#0b2664;margin-bottom:16px}.choice-card p{color:#64748b;line-height:1.6;margin-bottom:32px}.choice-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.choice-actions .btn{min-width:160px}.quick-actions{margin-top:64px}.quick-actions h3{text-align:center;font-size:1.75rem;font-weight:600;color:#0b2664;margin-bottom:32px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:500;text-decoration:none}.quick-action-btn:hover{background:#f8fafc;border-color:#0b2664;color:#0b2664;transform:translateY(-2px);box-shadow:0 4px 12px #0b26641a}.quick-action-btn svg{color:#0b2664;transition:color .3s ease}.quick-action-btn:hover svg{color:#0b2664}@media (max-width: 768px){.page-title{font-size:2rem}.choice-cards{grid-template-columns:1fr;gap:24px}.choice-card{padding:24px}.choice-actions{flex-direction:column;align-items:center}.choice-actions .btn{width:100%;max-width:280px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:16px}.quick-action-btn{padding:20px 12px}.desktop-menu{display:none}.burger-menu{display:flex}.mobile-menu{display:none}.mobile-menu.open{display:block}.navbar{display:none}.container,.nav-container{padding:0 16px}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.features-grid{grid-template-columns:1fr}.section-title{font-size:28px}.features-section,.cta-section{padding:64px 0}.footer-content{grid-template-columns:1fr;gap:32px}.nav-actions{gap:12px}.qr-scanner-btn{padding:8px 12px;font-size:12px}.qr-btn-text{display:none}.scanner-info-content{padding:24px;margin:0 16px}.verification-page{padding:24px;margin:10px;max-width:95vw}.verification-actions{flex-direction:column;align-items:center}.verification-actions .btn{width:100%;max-width:280px}}@media (max-width: 480px){.quick-actions-grid{grid-template-columns:1fr}.hero-section{height:500px}.hero-title,.section-title{font-size:24px}.feature-card{padding:24px}.cta-content h2{font-size:24px}.nav-actions{gap:8px}.qr-scanner-btn{padding:6px 10px}.scanner-info-content{padding:20px;margin:0 8px}.verification-page{padding:20px;margin:5px}.content-value{font-size:12px;padding:12px}}@media (max-width: 1199px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:36px}}html,body{overflow-x:hidden;max-width:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-touch-callout:none}#root,.app{overflow-x:hidden;max-width:100%;touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}@media (pointer: coarse){html,body,#root,.app{touch-action:pan-x pan-y}*{touch-action:manipulation}}.bottom-app-bar{display:block;position:fixed;bottom:12px;left:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;z-index:1000;padding:7px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2)}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;padding:0 8px}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:12px;text-decoration:none;color:#6b7280;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:60px;max-width:72px;position:relative;overflow:hidden;background:transparent;border:none;cursor:pointer}.bottom-nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.bottom-nav-link:hover{color:#374151;transform:translateY(-2px)}.bottom-nav-link:hover span{opacity:1;transform:translateY(0);max-height:20px;pointer-events:auto}.bottom-nav-link:hover:before{opacity:1}.bottom-nav-link.active{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f633,0 4px 6px -2px #3b82f61a}.bottom-nav-link.active span{opacity:1;transform:translateY(0);max-height:20px;pointer-events:auto}.bottom-nav-link.active:before{opacity:0}.bottom-nav-link svg{margin-bottom:3px;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:hover svg{transform:scale(1.1)}.bottom-nav-link.active svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.bottom-nav-link span{font-size:11px;line-height:1.3;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.025em;opacity:0;transform:translateY(5px);max-height:0;overflow:hidden;pointer-events:none}@media (hover: none) and (pointer: coarse){.bottom-nav-link{padding:8px 12px;min-height:56px;border-radius:12px}.bottom-nav-link:active{transform:translateY(0) scale(.95);transition:transform .1s ease}.bottom-nav-link svg{width:22px;height:22px;margin-bottom:3px}.bottom-nav-link span{font-size:11px;font-weight:600;opacity:0;transform:translateY(5px);max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:active span,.bottom-nav-link.active span{opacity:1;transform:translateY(0);max-height:20px}.modern-feature-card{min-height:200px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modern-feature-card:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.modern-feature-card:hover{transform:none}}.bottom-nav-link:active{transform:translateY(0) scale(.95);transition:transform .1s ease}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.bottom-nav-link:active{animation:buttonPress .15s ease}@supports (backdrop-filter: blur(20px)){.bottom-app-bar{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000!important}}@supports not (backdrop-filter: blur(20px)){.bottom-app-bar{background:#fffffff2;z-index:1000!important}}@media (max-width: 768px){.bottom-app-bar{display:block;bottom:16px;left:16px;right:16px;transform:none;max-width:none;width:auto;z-index:1000}.navbar{display:none}.app{padding-bottom:80px}.container{padding-top:0}}@media (min-width: 1200px){.bottom-app-bar{display:none}.navbar{display:block}.app{padding-bottom:0}.bottom-nav-link{padding:16px 24px;min-height:80px;border-radius:20px}.bottom-nav-link svg{width:28px;height:28px;margin-bottom:6px}.bottom-nav-link span{font-size:12px;font-weight:600}}@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait){.bottom-app-bar{display:block;bottom:12px;left:50%;right:auto;transform:translate(-50%);max-width:600px;width:calc(100% - 40px);border-radius:18px;padding:7px;z-index:1000}.navbar{display:none}.app{padding-bottom:70px}.container{padding-top:0}.bottom-nav-link{padding:8px 12px;min-height:56px;border-radius:12px}.bottom-nav-link svg{width:22px;height:22px;margin-bottom:3px}.bottom-nav-link span{font-size:11px;font-weight:600;opacity:0;transform:translateY(5px);max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:hover span,.bottom-nav-link:active span,.bottom-nav-link.active span{opacity:1;transform:translateY(0);max-height:20px}}@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape){.bottom-app-bar{display:block;bottom:12px;left:50%;right:auto;transform:translate(-50%);max-width:500px;width:calc(100% - 32px);border-radius:18px;padding:7px;z-index:1000}.navbar{display:none}.app{padding-bottom:60px}.container{padding-top:0}.bottom-nav-link{padding:8px 12px;min-height:56px;border-radius:12px}.bottom-nav-link svg{width:22px;height:22px;margin-bottom:3px}.bottom-nav-link span{font-size:11px;font-weight:600;opacity:0;transform:translateY(5px);max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-link:hover span,.bottom-nav-link:active span,.bottom-nav-link.active span{opacity:1;transform:translateY(0);max-height:20px}}.sticky-top-bar{position:sticky!important;top:0!important;z-index:1000!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transition:all .3s ease!important;width:100%!important;left:0!important;right:0!important;margin:0!important;padding:0!important}.sticky-top-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transition:all .3s ease!important;width:100%!important;margin:0!important;padding:0!important}.sticky-top-bar.sticky{position:sticky!important;top:0!important}@supports not (position: sticky){.sticky-top-bar.sticky{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}}.sticky-container{padding-top:80px;position:relative;overflow:visible;min-height:100vh}html{scroll-behavior:smooth;height:100%}body{overflow-x:hidden;max-width:100%;height:100%;margin:0;padding:0}#root,.app{overflow-x:hidden;max-width:100%;height:100%;position:relative}*{box-sizing:border-box}.sticky-top-bar{transform:translateZ(0);will-change:transform}.sticky-top-bar{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.app{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);min-height:100vh;position:relative;padding-top:0}@media (min-width: 1200px){.app{max-width:none;margin:0;padding-top:0}.app-widget-header{display:block}}.app:has([data-admin=true]){padding-top:0!important}.app:has([data-admin=true]) .main-content{padding-top:0!important}@media (max-width: 768px){.app-widget-header{left:12px;right:12px;transform:none;width:auto;max-width:none;margin:0;border-radius:0 0 20px 20px}}@media (min-width: 769px) and (max-width: 1199px){.app-widget-header{left:20px;right:20px;transform:none;width:auto;max-width:none;margin:0;border-radius:0 0 24px 24px;display:block}}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(156,163,175,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(107,114,128,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(75,85,99,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-widget-header{position:fixed;top:0;left:16px;right:16px;z-index:1000;background:#ffffffd9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f,0 1px #fffc inset,0 -1px #0000000d inset;padding:16px 0 12px;border-radius:0 0 24px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-widget-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(156,163,175,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(107,114,128,.03) 0%,transparent 50%);pointer-events:none;border-radius:0 0 24px 24px}.unified-widget{display:flex;align-items:center;max-width:100%;margin:0 auto;position:relative;z-index:10;background:transparent;border-radius:0;padding:12px 32px;box-shadow:none;border:none;min-height:80px;justify-content:center;gap:8px}.widget-left{flex:0 0 auto;display:flex;align-items:center}.widget-center{flex:0 0 auto;display:flex;justify-content:center}.widget-right{flex:0 0 auto;display:flex;justify-content:flex-end}.widget-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(229,231,235,.8) 20%,rgba(229,231,235,.8) 80%,transparent 100%);margin:0 20px;opacity:.6}.time-section{display:flex;align-items:center;gap:20px;min-width:200px;flex-shrink:0}.current-time{font-size:2rem;font-weight:300;line-height:1;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.05em;text-shadow:0 2px 4px rgba(0,0,0,.08);width:120px;text-align:left;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-section{display:flex;flex-direction:column;gap:2px}.current-date{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.current-weekday{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:capitalize}.weather-section{display:flex;align-items:center;gap:12px}.weather-icon{color:#3b82f6;opacity:.8}.weather-info{display:flex;flex-direction:column;gap:1px}.temperature{font-size:1.125rem;font-weight:700;line-height:1;color:#111827}.weather-desc{font-size:.75rem;font-weight:500;color:#6b7280}.status-section{display:flex;flex-direction:row;gap:20px;align-items:center}.status-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.4)}.status-item:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.status-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.status-dot{width:10px;height:10px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.status-dot.online{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 3px #10b98133,0 2px 4px #10b9814d;animation:pulse 2s ease-in-out infinite}.status-dot.offline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 3px #ef444433,0 2px 4px #ef44444d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.status-info{display:flex;flex-direction:column;gap:1px}.status-label{font-size:.625rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:.75rem;font-weight:600;color:#374151}@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait){.app-widget-header{left:12px;right:12px;padding:12px 0 8px;border-radius:0 0 16px 16px;display:block}.unified-widget{padding:8px 24px;min-height:60px}.time-section{min-width:180px}.current-time{font-size:1.75rem;font-weight:300;width:100px}.widget-divider{height:24px;margin:0 16px}.app{padding-top:80px}}@media (max-width: 768px){.app-widget-header{left:8px;right:8px;padding:10px 0 6px;border-radius:0 0 16px 16px}.unified-widget{flex-direction:row;gap:8px;max-width:100%;padding:6px 20px;min-height:50px}.widget-divider{width:1px;height:20px;margin:0 12px}.widget-left,.widget-center,.widget-right{justify-content:center}.time-section{justify-content:center;gap:12px;min-width:160px}.current-time{font-size:1.5rem;font-weight:300;width:90px}.status-section{gap:12px;flex-direction:row;justify-content:center}.app{padding-top:70px}}.status-item .MuiIconButton-root{padding:4px!important;margin:0!important;min-width:auto!important;width:24px!important;height:24px!important}.status-item .MuiIconButton-root:hover{background-color:#ffffff1a!important}.status-item .offline-data-status{display:flex;align-items:center;gap:4px;font-size:12px}.status-item .offline-data-status .offline-icon{color:#f59e0b}.status-item .offline-data-status .machine-count{font-weight:600;color:#f59e0b}.MuiMenu-paper{border-radius:12px!important;box-shadow:0 10px 40px #00000026!important;border:1px solid rgba(0,0,0,.05)!important;z-index:1500!important}.MuiMenuItem-root{padding:12px 16px!important;min-height:48px!important}.MuiMenuItem-root:hover{background-color:#f8fafc!important}.MuiMenuItem-root.Mui-disabled{opacity:.7!important}.MuiListItemIcon-root{min-width:40px!important;color:#64748b!important}.MuiListItemText-primary{font-weight:500!important;color:#1e293b!important}.MuiListItemText-secondary{color:#64748b!important;font-size:12px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.MuiTooltip-tooltip{background-color:#1e293b!important;color:#fff!important;font-size:12px!important;padding:8px 12px!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important}.MuiTooltip-arrow{color:#1e293b!important}.MuiMenu-root{z-index:1500!important}.MuiBackdrop-root{z-index:1300!important}.MuiPortal-root .MuiMenu-paper{z-index:1500!important;position:fixed!important}.MuiPortal-root .MuiBackdrop-root{z-index:1300!important}:root{--z-index-app-header: 1000;--z-index-modal-backdrop: 1300;--z-index-modal: 1301;--z-index-tooltip: 1500;--z-index-snackbar: 1600;--z-index-drawer: 1200;--z-index-app-bar: 1100}.app-widget-header{z-index:1000!important}.MuiTooltip-tooltip{z-index:1500!important}.MuiSnackbar-root{z-index:1600!important}