:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-text:#202124;--color-muted:#5f6368;--color-border:#e8eaed;--brand:#1a73e8;--brand-strong:#1557b0;--brand-surface:#e8f0fe;--success:#34a853;--success-surface:#e6f4ea;--warning:#f9ab00;--warning-surface:#fef7e0;--error:#ea4335;--error-surface:#fce8e6;--hero-morning-start:#8ab4f8;--hero-morning-end:#4285f4;--hero-day-start:#1a73e8;--hero-day-end:#4285f4;--hero-evening-start:#5c6bc0;--hero-evening-end:#3f51b5;--hero-night-start:#1a237e;--hero-night-end:#0d47a1;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 2px 8px #0000001f;--font-sans:"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-sm:12px;--text-md:14px;--text-lg:16px;--text-xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;color-scheme:light}@media (prefers-color-scheme:dark) and (min-width:99999px){:root{--color-bg:#202124;--color-surface:#2d2e30;--color-text:#e8eaed;--color-muted:#9aa0a6;--color-border:#3c4043;--brand:#8ab4f8;--brand-strong:#4285f4;--brand-surface:#1a73e833;--success:#81c995;--success-surface:#81c99529;--warning:#fbc02d;--warning-surface:#fbc02d2e;--error:#f28b82;--error-surface:#f28b822e}}.btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;gap:var(--space-2);padding:10px 14px;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease}.btn:hover{background:#f8f9fa}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--brand)}.btn-primary{background:var(--brand);border-color:#1a73e826}.btn-primary:hover{background:var(--brand-strong)}.btn-outline{background:var(--brand-surface);border-color:#1a73e840;color:var(--brand-strong)}.btn-outline:hover{background:#1a73e82e}.btn-icon{border-radius:50%;height:40px;padding:0;width:40px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chip{color:var(--color-muted);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.chip,.list-row{align-items:center;border:1px solid var(--color-border)}.list-row{background:#fff;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:14px 16px;transition:background .15s ease,border-color .15s ease,transform .06s ease}.list-row:hover{background:#f8f9fa}:focus-visible{outline-color:var(--brand)}#root,body,html{height:100%}body,html{overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.App{display:flex;flex-direction:column;max-width:100%;min-height:100%;overflow-x:clip}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@supports (padding:max(0px)){@media (display-mode:standalone){body{padding-top:max(env(safe-area-inset-top),0px)}}}@media (display-mode:standalone){body,html{background:#fff;background:var(--color-surface,#fff);height:-webkit-fill-available}body{padding-top:constant(safe-area-inset-top)}body:after{background:#fff;background:var(--color-surface,#fff);bottom:0;content:"";display:none!important;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom);left:0;pointer-events:none;position:fixed;right:0;z-index:0}}@media (display-mode:fullscreen){body,html{background:#fff;background:var(--color-surface,#fff);height:-webkit-fill-available}body:after{display:none!important}}.landing-page:after{background:url(/static/media/surfproduktionsplan.7e89baa69065594fa31e.png) 50%/cover no-repeat;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.landing-page{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:24px;padding-bottom:calc(24px + var(--safe-bottom));padding-top:calc(24px + var(--safe-top));position:relative}.landing-page:before{background:linear-gradient(135deg,#ffffffb3,#f8f9facc),radial-gradient(ellipse at center,#1a73e808 0,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:1}.landing-container{max-width:480px;position:relative;width:100%;z-index:2}.content-card{animation:fadeInUp .8s cubic-bezier(.2,0,0,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:56px 40px;text-align:center}.brand-section{margin-bottom:40px}.logo{align-items:center;animation:gentleFloat 4s ease-in-out infinite;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;height:80px;justify-content:center;margin:0 auto 24px;overflow:hidden;width:80px}.logo img{height:100%;object-fit:cover;object-position:center;width:100%}.brand-title{color:#202124;font-family:Source Sans Pro,Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.brand-subtitle{color:#5f6368;font-size:1.1rem;font-weight:400;letter-spacing:.5px;margin:0;opacity:.9}.description{margin-bottom:48px}.description p{color:#5f6368;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto 16px;max-width:400px}.login-description{color:#5f6368!important;font-size:.95rem!important;font-weight:400!important;margin-top:16px!important;opacity:.8}.error-message{align-items:flex-start;animation:slideInDown .4s ease-out;border-radius:12px;display:flex;font-weight:500;gap:12px;line-height:1.4;margin-bottom:32px;padding:16px;position:relative}.error-icon{flex-shrink:0;font-size:18px;margin-top:2px}.error-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.error-text{text-align:left;white-space:pre-line}.error-retry-button{align-items:center;align-self:flex-start;background:#d93025;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.error-retry-button:hover:not(:disabled){background:#b52d20;transform:translateY(-1px)}.error-retry-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-close{background:none;border:none;border-radius:4px;color:#d93025;cursor:pointer;flex-shrink:0;font-size:20px;padding:4px;position:absolute;right:8px;top:8px;transition:background-color .2s}.error-close:hover{background-color:#d930251a}.enter-button{align-items:center;background:#1a73e8;border:none;border-radius:28px;box-shadow:0 2px 8px #1a73e84d,0 1px 3px #1a73e833;color:#fff;cursor:pointer;display:inline-flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;gap:12px;height:56px;justify-content:center;letter-spacing:.25px;margin-bottom:32px;min-width:240px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.2,0,0,1)}.enter-button:disabled{background:#f1f3f4;box-shadow:none;color:#5f6368;cursor:not-allowed;opacity:.6}.enter-button:disabled:hover{box-shadow:none;transform:none}.enter-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.enter-button:hover:before:not(:disabled){left:100%}.enter-button:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e866,0 2px 6px #1a73e84d;transform:translateY(-2px)}.enter-button:active:not(:disabled){box-shadow:0 2px 6px #1a73e84d,0 1px 3px #1a73e833;transform:translateY(0)}.button-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center}.button-arrow,.button-icon,.button-text{position:relative;z-index:2}.button-arrow{font-size:1.1rem;transition:transform .3s ease}.enter-button:hover:not(:disabled) .button-arrow{transform:translateX(3px)}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.loading-spinner-container{align-items:center;display:flex;justify-content:center;padding:20px}.landing-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f3f4;border-radius:50%;border-top-color:#1a73e8;height:40px;width:40px}.login-info{border-top:1px solid #5f636833;margin-top:32px;padding-top:24px}.info-text{color:#5f6368;font-size:.875rem;font-weight:500;line-height:1.5;margin:0 0 12px}.privacy-text{color:#5f6368;font-size:.8rem;font-style:italic;line-height:1.4;margin:0 0 16px;opacity:.8}.status-indicator{align-items:center;background:#f8f9facc;border:1px solid #dadce080;border-radius:20px;color:#5f6368;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:12px;padding:8px 12px}.status-dot{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-dot.ready{background-color:#34a853;box-shadow:0 0 8px #34a85366}.status-dot.loading{animation:pulse 2s infinite;background-color:#fbbc04}.status-text{font-weight:500;letter-spacing:.25px}.debug-panel{background:#f8f9fae6;border:1px solid #e8eaedcc;border-radius:12px;font-size:12px;margin-top:24px;padding:16px;text-align:left}.debug-panel summary{border-radius:6px;color:#1a73e8;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:8px;padding:4px 8px;transition:background-color .2s}.debug-panel summary:hover{background-color:#1a73e81a}.debug-content{border-top:1px solid #dadce080;margin-top:12px;padding-top:12px}.debug-content h4{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.debug-content pre{border-radius:8px;color:#202124;max-height:200px}.debug-content ul{background:#fff;border:1px solid #dadce0;border-radius:6px;margin:8px 0;padding:8px 16px}.debug-content li{align-items:center;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;gap:8px;margin:6px 0}.debug-button{align-items:center;background:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:12px;padding:8px 16px;transition:all .2s ease}.debug-button:hover{background:#1557b0;box-shadow:0 2px 4px #1a73e84d;transform:translateY(-1px)}.debug-info{background:#f8f9facc;border:1px solid #e8eaed99;margin-top:20px;text-align:left}.debug-info summary{font-weight:500}.debug-info pre{background:#fff;border:1px solid #dadce0;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;max-height:150px;overflow-x:auto;padding:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app-loading{padding:40px}.app-loading p{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.app-error{max-width:500px;padding:40px}.app-error h2{align-items:center;color:#d93025;display:flex;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px}.app-error p{line-height:1.6;margin:0 0 32px;white-space:pre-line}.retry-button{border-radius:8px;transition:all .2s ease}@media (max-width:768px){.landing-page{padding:16px}.content-card{border-radius:12px;padding:40px 24px}.brand-title{font-size:2rem}.brand-subtitle,.description p{font-size:1rem}.enter-button{font-size:14px;min-width:200px;padding:14px 24px}.debug-panel{font-size:11px;padding:12px}.debug-content pre{font-size:10px}.error-message{font-size:13px;padding:12px}}@media (max-width:480px){.content-card{padding:32px 20px}.brand-title{font-size:1.75rem}.logo{height:64px;width:64px}.enter-button{font-size:13px;height:48px;min-width:180px;padding:12px 20px}.debug-panel{font-size:10px;padding:10px}.status-indicator{font-size:12px;padding:6px 10px}}@media (prefers-contrast:high){.content-card{background:#fff;border:2px solid #000}.enter-button{border:2px solid #1a73e8}.error-message{border:2px solid #d93025}.debug-panel{border:2px solid #5f6368}}@media (prefers-reduced-motion:reduce){.button-spinner,.content-card,.debug-button,.enter-button,.error-message,.landing-loading-spinner,.loading-spinner,.logo,.retry-button,.status-dot{animation:none;transition:none}.debug-button:hover,.enter-button:hover:not(:disabled),.retry-button:hover{transform:none}}@media print{.landing-page{background:#fff;color:#000}.content-card{background:#fff;border:1px solid #000;box-shadow:none}.debug-button,.debug-panel,.enter-button,.error-retry-button,.retry-button{display:none}}@media (prefers-color-scheme:dark) and (min-width:99999px){.landing-page:before{background:linear-gradient(135deg,#202124e6,#202124f2),radial-gradient(ellipse at center,#8ab4f80d 0,#0000 60%)}.content-card{background:#202124f2;border:1px solid #5f63684d;color:#e8eaed}.brand-title{color:#e8eaed}.brand-subtitle,.description p,.info-text,.login-description,.privacy-text,.status-text{color:#9aa0a6}.status-indicator{background:#3c4043cc;border:1px solid #5f63684d}.debug-panel{background:#3c4043e6;border:1px solid #5f63684d}.debug-content pre,.debug-content ul,.debug-info pre{background:#202124cc;border:1px solid #5f63684d;color:#e8eaed}}.debug-button:focus,.debug-panel summary:focus,.enter-button:focus,.error-close:focus,.error-retry-button:focus,.retry-button:focus{outline:2px solid #1a73e8;outline-offset:2px}.debug-panel summary:focus{border-radius:4px}.debug-content pre,.debug-info pre{scroll-behavior:smooth}.button-spinner,.landing-loading-spinner,.loading-spinner{will-change:transform}.content-card,.enter-button,.logo{transform:translateZ(0);will-change:transform}.recipe-viewer{background:#0000;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);padding:24px 24px max(96px,calc(56px + env(safe-area-inset-bottom)));position:relative}@supports (height:100dvh){.recipe-viewer{min-height:100dvh}}.recipe-viewer input,.recipe-viewer select,.recipe-viewer textarea{font-size:16px}.recipe-viewer.is-refreshing{pointer-events:none}.rv-refresh-overlay{align-items:center;background:#ffffffb3;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:5}.rv-refresh-text{color:#5f6368;font-size:14px;margin-top:8px}.recipe-header{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.recipe-header h1{color:#202124;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin:0}.current-day-info{color:#5f6368;font-size:14px;font-weight:400;margin:8px 0 0}.current-day-selected{color:#1a73e8;font-weight:500}.auth-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.auth-status{color:#137333;font-size:14px;gap:8px}.auth-status,.auth-status:before{align-items:center;display:flex;font-weight:500}.auth-status:before{background:#137333;border-radius:50%;color:#fff;content:"✓";font-size:12px;height:20px;justify-content:center;width:20px}.btn{touch-action:manipulation}.btn-primary:hover{box-shadow:0 1px 3px 0 #1a73e866}.btn-success:hover{background:#0f5132;box-shadow:0 1px 3px 0 #13733366}.btn-info:hover{box-shadow:0 1px 3px 0 #1a73e866}.btn-danger:hover{background:#a50e0e;box-shadow:0 1px 3px 0 #d9302566}.btn:active{transform:translateY(0)}.error-message{background:#fce8e6;border:1px solid #fad2cf;border-radius:8px;color:#d93025;font-size:14px;font-weight:400;margin-bottom:24px;padding:16px 20px}.error-message:before{content:"⚠️";font-size:16px;margin-right:8px}.day-navigation{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:820px;padding:16px}.day-button{touch-action:manipulation}.day-button.selected.today{will-change:background-position}.recipe-count-badge{align-items:center;background:#d93025;border-radius:50%;box-shadow:0 1px 3px #d9302566;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px;z-index:2}.recipe-selection{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:32px;padding:24px}.recipe-selection h3{color:#202124;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:16px}.recipe-buttons{display:flex;flex-wrap:wrap;gap:12px}.recipe-button{background:#f8f9fa;border:1px solid #e8eaed;border-radius:20px;color:#5f6368;cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;touch-action:manipulation;transition:all .2s cubic-bezier(.2,0,0,1)}.recipe-button:hover{background:#f1f3f4;color:#202124}.recipe-button.selected{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:600}.recipe-button.completed{background:#e6f4ea;border-color:#34a853;color:#137333;font-weight:600}.recipe-button.completed.selected{background:#d9f2e3;border-color:#1e8e3e}.recipe-info-header{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:32px;padding:24px}.recipe-info-header h2{color:#202124;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:600;margin:0 0 12px}.recipe-meta{color:#5f6368;font-size:14px;font-weight:400;margin:8px 0 16px}.recipe-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.recipe-stat{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px}.recipe-content-wrapper{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.recipe-content-wrapper.single{grid-template-columns:1fr}.ingredients-container,.ingredients-section{display:flex;flex-direction:column}.ingredients-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;min-height:100%;padding:24px}.ingredients-section h3{align-items:center;color:#8b4513;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 24px}.ingredient-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;justify-content:space-between;min-height:56px;padding:16px 0;transition:all .2s cubic-bezier(.2,0,0,1);-webkit-user-select:none;user-select:none}.ingredient-item:hover{background:#f8f9fa;border-bottom:1px solid #0000;border-radius:8px;margin:0 -16px;padding:16px}.ingredient-item:last-child{border-bottom:none}.ingredient-name{color:#202124;flex:1 1;font-size:15px;font-weight:500;line-height:1.4;padding-right:16px}.ingredient-weight{color:#202124;font-size:15px;font-weight:600;min-width:140px;text-align:right;white-space:nowrap}.ingredient-weight strong{color:#1a73e8;margin-right:4px}.ingredient-item.ingredient-added{background:#e6f4ea;border-bottom:1px solid #34a853;color:#137333}.ingredient-item.ingredient-added:hover{background:#d2e3fc;border-bottom:1px solid #0000;border-radius:8px;margin:0 -16px;padding:16px}.ingredient-check{color:#137333;font-size:16px;font-weight:700;margin-right:8px}.ingredient-item.ingredient-added .ingredient-name{color:#137333;font-weight:600}.ingredient-item.ingredient-added .ingredient-weight{color:#137333}.ingredient-item.ingredient-added .ingredient-weight strong{color:#0f5132}.background-loading{color:#666;font-size:14px;font-style:italic;margin:5px 0}.day-button.loading{cursor:not-allowed;opacity:.6;position:relative}.loading-indicator{animation:pulse 1.5s infinite;font-size:12px;margin-left:5px}.day-button:disabled{cursor:not-allowed;opacity:.5}.day-loading{padding:40px 20px;text-align:center}.day-loading .loading-spinner{margin:20px auto}.loading-progress{background:#f5f5f5;border-radius:8px;margin-top:20px;padding:15px}.progress-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-top:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);height:100%;transition:width .3s ease}.btn-warning{background-color:#ff9800;color:#fff;margin-left:10px}.btn-warning:hover{background-color:#f57c00}.ingredients-reset{border-top:1px solid #e8eaed;margin-top:16px;padding-top:16px}.btn-reset{background:#f8f9fa;border:1px solid #e8eaed;color:#5f6368;font-size:13px;padding:8px 16px}.btn-reset:hover{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.task-completion{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;gap:12px;justify-content:space-between;margin:8px 0 16px;padding:16px 20px}.task-completion.completed{background:#e6f4ea;border-color:#34a853}.completed-badge{color:#137333;font-weight:700}.btn-complete{background:#e0e0e0;color:#5f6368}.btn-complete.enabled{background:#34a853;color:#fff}.btn-complete.enabled:hover{background:#1e8e3e}.btn-complete.done{background:#137333;color:#fff}.complete-prompt-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.complete-prompt{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:440px;padding:20px;width:90%}.complete-prompt h4{color:#202124;margin:0 0 8px}.complete-prompt p{color:#5f6368;margin:0 0 16px}.prompt-actions{display:flex;gap:10px;justify-content:flex-end}.production-notes{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-top:16px;padding:24px;width:100%}.production-notes h3{align-items:center;color:#ea4335;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin-bottom:24px}.notes-textarea,.production-notes h3{font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif}.notes-textarea{background:#fff;border:1px solid #e8eaed;border-radius:8px;color:#202124;font-size:14px;height:300px;line-height:1.5;margin-bottom:16px;padding:16px;resize:vertical;transition:all .2s cubic-bezier(.2,0,0,1);width:100%}.notes-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.notes-textarea::placeholder{color:#5f6368;font-style:normal}.notes-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-save{background:#137333;color:#fff}.btn-save:disabled{background:#f1f3f4;color:#5f6368;cursor:not-allowed}.btn-clear{background:#5f6368;color:#fff}.btn-clear:hover{background:#3c4043}.latest-note{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;margin-top:8px;padding:20px}.latest-note h4{align-items:center;color:#5f6368;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.latest-note h4:before{content:""}.note-preview{font-size:14px}.note-preview small{color:#5f6368;display:block;font-size:12px;font-weight:500;margin-bottom:12px}.note-preview p{border-radius:6px;color:#202124;line-height:1.5;margin:0;padding:16px;white-space:pre-wrap}.note-preview p,.timer-widget{background:#fff;border:1px solid #e8eaed}.timer-widget{border-radius:12px;box-shadow:0 1px 3px #0000000f;margin:16px 0 24px;overflow:hidden}.timer-header{cursor:pointer;justify-content:space-between;padding:16px 20px}.timer-header,.timer-title{align-items:center;display:flex}.timer-title{gap:12px}.timer-title h3{color:#202124;font-size:1.125rem;font-weight:600;margin:0}.timer-subtitle{color:#5f6368;font-size:12px}.timer-symbol{font-size:20px}.timer-toggle{background:#0000;color:#5f6368}.chevron{border-bottom:2px solid #5f6368;border-right:2px solid #5f6368;display:inline-block;height:10px;transform:rotate(45deg);transition:transform .2s ease;width:10px}.chevron.up{transform:rotate(-135deg)}.chevron.down{transform:rotate(45deg)}.timer-body{border-top:1px solid #e8eaed;max-height:0;opacity:0;padding:8px 16px 16px;transition:max-height .3s ease,opacity .2s ease}.timer-widget.open .timer-body{max-height:1000px;opacity:1}.timer-step{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f3f4;display:grid;gap:16px;grid-template-columns:1fr auto;padding:12px 8px}.timer-step:last-child{border-bottom:none}.step-info{align-items:center;display:flex;gap:16px}.step-label{color:#202124;font-weight:600;min-width:72px}.step-adjust{align-items:center;display:flex;gap:8px}.step-adjust .adjust{font-size:12px;padding:4px 10px}.minutes{color:#1a73e8;font-weight:600;min-width:70px;text-align:center;-webkit-user-select:none;user-select:none}.minutes::-webkit-inner-spin-button,.minutes::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-controls-right{align-items:center;display:flex;gap:12px}.countdown{color:#202124;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;min-width:70px;text-align:right}.countdown.running{color:#137333}.timer-footer{display:flex;justify-content:flex-end;padding:8px}.empty-state{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#5f6368;margin:32px auto;max-width:820px;padding:64px 32px;text-align:center}.empty-state h3{color:#202124;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:16px}.empty-state p{font-size:14px;line-height:1.5;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:400px}.empty-state .btn{margin-top:16px}.loading-container{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#5f6368;margin:32px auto;max-width:400px;padding:60px 20px;text-align:center}.loading-container h2{color:#202124;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;margin-bottom:20px}.loading-spinner{margin:20px auto}@media (max-width:1024px){.recipe-viewer{padding:20px}.recipe-content-wrapper{display:block}.ingredients-container{margin-bottom:32px}.procedure-content{max-height:400px;overflow:auto}.recipe-stats{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.notes-textarea{height:250px}}@media (max-width:768px){.recipe-viewer{padding:16px}.recipe-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.recipe-header h1{font-size:1.75rem}.auth-section{justify-content:center}.day-navigation{padding:12px}.day-button{font-size:13px;min-width:80px;padding:10px 16px}.recipe-stats{gap:12px;grid-template-columns:1fr}.ingredients-section,.procedure-section,.production-notes{padding:20px}.procedure-content{max-height:300px;min-height:150px;overflow:auto}.ingredient-weight{font-size:14px;min-width:120px}.ingredient-name{font-size:14px}.notes-textarea{height:200px}.notes-actions{flex-direction:column}.task-completion{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;bottom:12px;position:-webkit-sticky;position:sticky;z-index:4}}@media (max-width:480px){.recipe-viewer{padding:12px}.recipe-header{padding:16px}.recipe-header h1{font-size:1.5rem}.day-navigation{gap:6px;padding:8px}.day-button{font-size:12px;min-width:70px;padding:8px 12px}.ingredients-section,.procedure-section,.production-notes{padding:16px}.procedure-content{font-size:13px;max-height:250px;min-height:120px;overflow:auto}.ingredient-weight{font-size:13px;min-width:100px}.ingredient-name{font-size:13px}.empty-state{padding:48px 20px}.empty-state h3{font-size:1.25rem}.notes-textarea{height:180px}}@media print{.recipe-viewer{padding:0}.auth-section,.day-navigation,.latest-note,.notes-actions{display:none}.ingredients-section,.procedure-section,.production-notes,.recipe-header{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.recipe-content-wrapper{display:block}}.btn:focus,.day-button:focus,.notes-textarea:focus{outline:2px solid #1a73e8;outline-offset:2px}.day-navigation::-webkit-scrollbar{height:6px}.day-navigation::-webkit-scrollbar-track{background:#f1f3f4;border-radius:6px}.day-navigation::-webkit-scrollbar-thumb{background:#dadce0;border-radius:6px}.day-navigation::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.ingredients-section,.procedure-section,.production-notes,.recipe-header,.recipe-selection,.task-completion{overflow:hidden;position:relative}.ingredients-section:after,.procedure-section:after,.production-notes:after,.recipe-header:after,.recipe-selection:after,.task-completion:after{content:"";height:4px;left:0;position:absolute;right:0;top:0}.ingredients-section,.recipe-header,.task-completion{background:linear-gradient(180deg,#ceeeda59,#fffffffa)}.ingredients-section:after,.recipe-header:after,.task-completion:after{background:linear-gradient(90deg,#34a853d9,#66bb6aa6)}.procedure-section{background:linear-gradient(180deg,#e0ebff59,#fffffffa);border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px}.procedure-section:after{background:linear-gradient(90deg,#1a73e8d9,#4285f4a6)}.procedure-section h3{color:#202124;font-size:1.1rem;font-weight:600;margin:0 0 12px}.procedure-content{line-height:1.6}.procedure-content p{margin:0 0 10px}.procedure-content p:last-child{margin-bottom:0}.production-notes{background:linear-gradient(180deg,#fff4d659,#fffffffa)}.production-notes:after{background:linear-gradient(90deg,#f9ab00e6,#ffb74db3)}.recipe-selection:after{background:linear-gradient(90deg,#1a73e8d9,#4285f4a6)}.recipe-viewer>.wiener-header.topbar{margin-top:-24px}@media (max-width:1024px){.recipe-viewer>.wiener-header.topbar{margin-top:-20px}}@media (max-width:768px){.recipe-viewer>.wiener-header.topbar{margin-top:-16px}}@media (max-width:480px){.recipe-viewer>.wiener-header.topbar{margin-top:-12px}}.topbar-hero{align-items:center;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin:0 calc(50% - 50vw) 24px;padding:20px calc(24px + env(safe-area-inset-right)) 20px calc(24px + env(safe-area-inset-left));width:100vw}.topbar-hero h2{color:inherit;font-size:1.5rem;font-weight:600;margin:0;padding-left:64px}.topbar-hero.cpanel h2{font-family:Londrina Solid,cursive;font-weight:400;letter-spacing:1px}.topbar-hero .header-actions{color:inherit}.topbar-hero.cpanel h2{align-items:center;display:inline-flex;gap:10px;padding-left:0}.topbar-hero.cpanel h2:before{background-image:url(https://d29fhpw069ctt2.cloudfront.net/icon/image/85208/preview.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));height:1.4em;width:1.4em}@media (max-width:480px){.topbar-hero.cpanel h2:before{height:1.2em;width:1.2em}}.topbar-hero.morning{background:linear-gradient(135deg,var(--hero-morning-start) 0,var(--hero-morning-end) 100%)}.topbar-hero.day{background:linear-gradient(135deg,var(--hero-day-start) 0,var(--hero-day-end) 100%)}.topbar-hero.evening{background:linear-gradient(135deg,var(--hero-evening-start) 0,var(--hero-evening-end) 100%)}.topbar-hero.night{background:linear-gradient(135deg,var(--hero-night-start) 0,var(--hero-night-end) 100%)}.recipe-viewer>.topbar-hero{margin-top:-24px}@media (max-width:1024px){.recipe-viewer>.topbar-hero{margin-top:-20px}}@media (max-width:768px){.recipe-viewer>.topbar-hero{margin-top:-16px}}@media (max-width:480px){.recipe-viewer>.topbar-hero{margin-top:-12px}}.inv-admin>.topbar-hero{margin-top:-24px}@media (max-width:1024px){.inv-admin>.topbar-hero{margin-top:-20px}}@media (max-width:768px){.inv-admin>.topbar-hero{margin-top:-16px}}@media (max-width:480px){.inv-admin>.topbar-hero{margin-top:-12px}}body,html{overflow-x:hidden}.inv-admin{background:#0000;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px;position:relative}@supports (height:100dvh){.inv-admin{min-height:100dvh}}.inv-admin.is-refreshing{pointer-events:none}.inv-refresh-overlay{align-items:center;background:#ffffffb3;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:5}.inv-refresh-text{color:#5f6368;font-size:14px;margin-top:8px}.inv-header{align-items:center;background:linear-gradient(180deg,#ceeeda59,#fffffffa);border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px 24px;position:relative}.inv-header:after{background:linear-gradient(90deg,#34a853d9,#66bb6aa6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.inv-header h1{color:#202124;font-size:1.75rem;font-weight:600;letter-spacing:-.01em;margin:0}.inv-sub{color:#5f6368;font-size:14px;margin-top:6px}.inv-auth{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.inv-status{color:#137333;font-size:14px;gap:8px}.inv-status,.inv-status:before{align-items:center;display:inline-flex;font-weight:500}.inv-status:before{background:#137333;border-radius:50%;color:#fff;content:"✓";font-size:12px;height:20px;justify-content:center;width:20px}.btn{letter-spacing:.25px;min-height:36px;transition:all .2s cubic-bezier(.2,0,0,1)}.btn-primary:hover{background:#1557b0;box-shadow:0 1px 3px #1a73e866}.btn-info{background:#1a73e8;color:#fff}.btn-info:hover{background:#1557b0;box-shadow:0 1px 3px #1a73e866}.btn-danger{background:#d93025;color:#fff}.btn-success{background:#137333;color:#fff}.inv-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.inv-status-text{color:#2e8b57;font-weight:500}.inv-error-text{color:#d93025;font-weight:500}.inv-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;padding:20px 24px;position:relative}.inv-section:after{background:linear-gradient(90deg,#1a73e8d9,#4285f4a6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.inv-table{grid-gap:0;border:1px solid #e8eaed;border-radius:10px;display:grid;gap:0;grid-template-columns:1fr 140px;overflow:hidden}.inv-row{display:contents}.inv-cell{align-items:center;background:#fff;border-bottom:1px solid #f1f3f4;display:flex;padding:12px}.inv-head .inv-cell{background:#f8f9fa;color:#202124;font-weight:700}.inv-row:last-child .inv-cell{border-bottom:none}.inv-name{color:#202124}.inv-input{background:#fff;border:1px solid #e8eaed;border-radius:8px;color:#202124;font-size:16px;padding:10px 12px;width:100%}.inv-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826;outline:none}.toast{background:#fff;border:1px solid #e8eaed;border-radius:10px;box-shadow:0 2px 10px #00000014;color:#202124;position:fixed;right:16px;top:16px;z-index:10}.toast.success{background:#e6f4ea;border-color:#34a85359;color:#137333}.toast.error{background:#fce8e6;border-color:#fad2cf;color:#d93025}.loading-spinner{border:4px solid #f3f4f6;height:40px;width:40px}@media (max-width:768px){.inv-admin{padding:16px}.inv-header{flex-direction:column;gap:12px;padding:16px 20px;text-align:center}.inv-table{grid-template-columns:1fr 120px}}.dashboard-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn-cta{background:#0000;border:1px solid #dadce0;border-radius:20px;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-cta:hover{background:#f8f9fa}.btn-primary-cta{background:#0000;border-color:#1a73e8;color:#1a73e8}.btn-primary-cta:hover{background:#1a73e80f}.btn-secondary-cta{background:#0000;border-color:#dadce0;color:#202124}.btn-secondary-cta:hover{background:#f1f3f4}.ppo-new .btn-cta{border-width:2px}.ppo-new .btn-primary-cta{border-color:#1a73e8;color:#1557b0}.ppo-new .btn-primary-cta:hover{background:#1a73e814}.ppo-new .btn-secondary-cta{border-color:#c2c7cf;color:#202124}.dashboard-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:28px auto;max-width:1200px;padding:0 24px}.card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:16px;box-shadow:0 1px 1px #0000000a,0 3px 6px #0000000f,0 8px 20px #0000000a;display:flex;flex-direction:column;overflow:hidden;padding:18px 18px 16px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.card:before{content:none}.card:after{border-top-left-radius:16px;border-top-right-radius:16px;content:"";height:4px;left:0;position:absolute;right:0;top:0}.card.card--routines:after,.card:after{background:linear-gradient(90deg,#1a73e8e6,#4285f4b3)}.card.card--today:after{background:linear-gradient(90deg,#34a853e6,#66bb6ab3)}.card.card--tomorrow:after{background:linear-gradient(90deg,#f9ab00f2,#ffb74dbf)}.card.card--routines{background:linear-gradient(180deg,#1a73e82e,#1a73e814),#fff;background:linear-gradient(180deg,#1a73e82e 0,#1a73e814 100%),var(--color-surface,#fff)}.card.card--today{background:linear-gradient(180deg,#34a85329,#34a85312),#fff;background:linear-gradient(180deg,#34a85329 0,#34a85312 100%),var(--color-surface,#fff)}.card.card--tomorrow{background:linear-gradient(180deg,#f9ab0033,#f9ab0014),#fff;background:linear-gradient(180deg,#f9ab0033 0,#f9ab0014 100%),var(--color-surface,#fff)}.card:hover{border-color:#e0e3e7;box-shadow:0 2px 2px #0000000d,0 6px 12px #0000001a,0 14px 28px #00000014;transform:translateY(-3px)}.card:active{transform:translateY(-1px)}.card h3{color:#202124;color:var(--color-text,#202124);font-size:1.14rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.card small{color:#5f6368;color:var(--color-muted,#5f6368)}.card h3+small{display:block;margin-bottom:8px}.card ul{color:#5f6368;color:var(--color-muted,#5f6368);list-style:none;margin:12px 0 0;padding:0}.card ul li{background:#0000;border:0;border-radius:12px;box-shadow:none;padding:10px 12px;position:relative;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .12s ease}.card ul li+li{margin-top:8px}.card ul li:hover{background:#ffffff14;transform:translateY(-1px)}@media (prefers-color-scheme:dark) and (min-width:99999px){.card ul li:hover{background:#ffffff0f}}.card ul li.completed{background:#e6f4ea;background:var(--success-surface,#e6f4ea);border:1px solid color-mix(in oklab,#34a853 25%,#e8eaed);border:1px solid color-mix(in oklab,#34a853 25%,var(--color-border,#e8eaed));border-radius:12px;color:#0b4f26;padding:8px 10px 8px 44px;position:relative}.card ul li.completed:before{background:#34a853;background:var(--success,#34a853);border-radius:50%;box-shadow:0 1px 2px #0000001f;content:""}.card ul li.completed:after,.card ul li.completed:before{height:22px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.card ul li.completed:after{align-items:center;color:#fff;content:"✓";display:inline-flex;font-size:14px;font-weight:700;justify-content:center}@keyframes pop-in{0%{opacity:0;transform:translateY(-50%) scale(.6)}to{opacity:1;transform:translateY(-50%) scale(1)}}.card ul li.completed:after,.card ul li.completed:before{animation:pop-in .18s ease-out}@media (prefers-color-scheme:dark) and (min-width:99999px){.card{box-shadow:0 1px 2px #0009,0 8px 24px #00000059}.card.card--routines{background:linear-gradient(180deg,#8ab4f842,#8ab4f81a),#202124;background:linear-gradient(180deg,#8ab4f842 0,#8ab4f81a 100%),var(--color-surface,#202124)}.card.card--today{background:linear-gradient(180deg,#81c9953d,#81c9951a),#202124;background:linear-gradient(180deg,#81c9953d 0,#81c9951a 100%),var(--color-surface,#202124)}.card.card--tomorrow{background:linear-gradient(180deg,#fbc02d47,#fbc02d1f),#202124;background:linear-gradient(180deg,#fbc02d47 0,#fbc02d1f 100%),var(--color-surface,#202124)}.card ul li{background:#202124;border-color:#ffffff0f}.card ul li:hover{background:#2d2e30;border-color:#ffffff1f;box-shadow:0 2px 6px #00000080}.card ul li.completed{background:color-mix(in oklab,var(--success) 18%,#0000);border-color:color-mix(in oklab,var(--success) 35%,var(--color-border));color:#d7ffea}.card ul li.completed:before{background:color-mix(in oklab,var(--success) 85%,#000)}}.card-link{align-items:center;color:inherit;display:flex;justify-content:space-between;width:100%}.card .card-link{font:inherit}.card-link:after{color:#5f6368;content:"›";font-size:16px;opacity:.6;transition:transform .15s ease,opacity .15s ease}.card ul li:hover .card-link:after{opacity:.9;transform:translateX(2px)}.card .card-actions{border-top:1px solid #ecedf0;display:flex;justify-content:center;margin-top:auto;padding-top:12px}.card-note{color:#5f6368;font-size:12.5px;margin-top:8px}.link-btn{background:none;border:none;color:#1a73e8;cursor:pointer;font:inherit;padding:0}.link-btn:hover{text-decoration:underline}.dashboard{background:#fafafa;background:var(--color-bg,#fafafa);color:#202124;color:var(--color-text,#202124);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;padding-bottom:max(96px,calc(56px + env(safe-area-inset-bottom)));position:relative}.dashboard.view.is-refreshing{pointer-events:none}.hero{background:linear-gradient(135deg,#1a73e8,#4285f4);box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;overflow:hidden;padding:48px 24px;position:relative}.hero,.overview-loading{align-items:center;display:flex}.overview-loading{justify-content:center;padding:24px 0 32px}.hero{background:linear-gradient(135deg,var(--hero-day-start) 0,var(--hero-day-end) 100%)}.hero.morning{background:linear-gradient(135deg,var(--hero-morning-start) 0,var(--hero-morning-end) 100%)}.hero.day{background:linear-gradient(135deg,var(--hero-day-start) 0,var(--hero-day-end) 100%)}.hero.evening{background:linear-gradient(135deg,var(--hero-evening-start) 0,var(--hero-evening-end) 100%)}.hero.night{background:linear-gradient(135deg,var(--hero-night-start) 0,var(--hero-night-end) 100%)}.hero-chip{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:inherit;display:inline-flex;font-size:.95rem;gap:6px;padding:6px 12px}.hero-chip.selected{background:#ffffff47;border-color:#ffffff80;font-weight:600}.hero .connection-chip{color:#fff;font-weight:500;gap:8px}.hero .connection-chip .icon{border:2px solid #fffffff2;border-radius:50%;display:inline-block;height:12px;position:relative;width:12px}.hero .connection-chip.ok{background:#2ecc712e;border-color:#2ecc716b}.hero .connection-chip.ok .icon{background:#1db954}.hero .connection-chip.error{background:#f443362e;border-color:#f443366b}.hero .connection-chip.error .icon{background:#ff4d4f}.hero .connection-chip.ok .icon:after{border:2px solid #1db9548c;border-radius:50%}.hero .connection-chip.ok .icon:after,.hero .connection-chip.ok .icon:before{animation:beaconSmooth 2.2s cubic-bezier(.215,.61,.355,1) infinite;content:"";inset:-2px;position:absolute;transform-origin:center center;will-change:transform,opacity}.hero .connection-chip.ok .icon:before{animation-delay:1.1s;border:2px solid #1db95452;border-radius:50%}.hero .connection-chip.error .icon:after{animation:beaconSmooth 2.6s cubic-bezier(.215,.61,.355,1) infinite;border:2px solid #ff4d4f8c;border-radius:50%;content:"";inset:-2px;position:absolute;transform-origin:center center;will-change:transform,opacity}@keyframes beaconSmooth{0%{opacity:.5;transform:translateZ(0) scale(.9)}60%{opacity:0;transform:translateZ(0) scale(1.8)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero .connection-chip.error .icon:after,.hero .connection-chip.ok .icon:after,.hero .connection-chip.ok .icon:before{animation:none;opacity:0}}.weather-emoji{display:inline-block;text-align:center;width:1.1em}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.08)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.04)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.06)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.15;pointer-events:none;position:absolute;right:0;top:0}.hero-content{flex:1 1;position:relative;z-index:2}.hero-metrics{display:inline-block;max-width:100%}.hero-metrics .hero-meta{display:inline-flex;flex-wrap:wrap}.hero-metrics .day-progress{width:100%}.hero-title{font-size:2.2rem;font-weight:500;letter-spacing:-.3px;margin:0 0 8px;text-shadow:none}.hero-meta{display:flex;font-size:1rem;font-weight:400;gap:24px;opacity:.95}.hero-date,.hero-time{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.hero-date:before,.hero-time:before{content:""}.hero-actions{align-items:flex-start;display:flex;gap:16px;margin-top:6px;position:relative;z-index:2}.auth-controls{align-items:center;display:flex;gap:16px}.hero .connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff38;border:1px solid #ffffff61;border-radius:999px;box-shadow:0 2px 10px #0000001f;display:inline-flex;font-size:.9rem;gap:10px;line-height:1;padding:8px 14px}.hero .connection-status .status-text{align-items:center;color:#fff;display:inline-flex;font-weight:700;letter-spacing:.2px;line-height:1;opacity:.98}.hero .connection-status.error .status-text,.hero .connection-status.ok .status-text{color:#fff}.hero .status-dot{animation:pulse 2s infinite;border:2px solid #fffffff2;border-radius:50%;box-shadow:0 0 0 0 #1a73e880;display:inline-block;height:12px;transform:translateY(2px);width:12px}.hero .connection-status.ok .status-dot{background:#1db954;box-shadow:0 0 0 0 #34a85373}.hero .connection-status.error .status-dot{animation-duration:2.6s;background:#ff4d4f;box-shadow:0 0 0 0 #ea433573}.focus-indicator{animation:focusPulse 2s ease-in-out infinite;background:#ffffff26;border:1px solid #ffffff40;font-size:.875rem}.day-progress{margin:10px 0 0;max-width:none;width:100%}.day-progress-label{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:6px;opacity:.98}.day-progress-track{background:#ffffff40;border-radius:999px;height:8px;overflow:hidden}.day-progress-fill{background:#fffffff2;border-radius:999px;box-shadow:0 1px 4px #0000001f;height:100%}.indicator-icon{animation:bounce 2s infinite;font-size:1.1em}.indicator-text{opacity:.95}@keyframes focusPulse{0%,to{background:#ffffff26;border-color:#ffffff40}50%{background:#fff3;border-color:#ffffff59}}.quick-navigation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000001a;padding:8px 0;position:-webkit-sticky;position:sticky;top:64px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:100}.landing-content .quick-navigation{top:0}.quick-navigation .nav-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 24px}.quick-navigation .nav-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#5f6368;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.quick-navigation .nav-button:hover{background:#1a73e814;border-color:#1a73e833;color:#1a73e8}.quick-navigation .nav-button.focused{background:#1a73e8;border-color:#1a73e8;box-shadow:0 2px 8px #1a73e84d;color:#fff;font-weight:600}.quick-navigation .nav-button.completed{background:#1a73e81a;border-color:#1a73e84d;color:#1a73e8}.quick-navigation .nav-button.preview{background:#f9ab001a;border-color:#f9ab004d;color:#b8860b}.quick-navigation .nav-icon{font-size:16px;line-height:1}.quick-navigation .nav-label{font-size:13px;font-weight:inherit}.quick-navigation .focus-dot{animation:pulse 2s infinite;background:#ea4335;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.quick-navigation .completed-check{font-size:12px;margin-left:4px}.focus-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:8px 16px}.indicator-icon{font-size:16px}.debug-info{background:#000000e6;bottom:20px;color:#0f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;left:20px;max-width:400px;padding:12px;position:fixed;z-index:9999}.debug-info summary{color:#0ff;font-weight:700;margin-bottom:8px}.debug-content h5{color:#ff0;font-size:12px;margin:12px 0 4px}.debug-content pre{background:#ffffff1a;font-size:10px;margin:4px 0;padding:8px}.debug-actions{gap:4px;margin:8px 0}.debug-btn{background:#1a1a1a;border:1px solid #333;color:#0f0;font-family:inherit;font-size:10px;padding:4px 8px;transition:all .2s}.debug-btn:hover{background:#333;border-color:#555;color:#0ff}@media (max-width:768px){.quick-navigation{padding:6px 0;top:56px}.quick-navigation .nav-container{gap:4px;padding:0 16px}.quick-navigation .nav-button{font-size:12px;min-height:36px;padding:6px 12px}.quick-navigation .nav-label{display:none}.quick-navigation .nav-icon{font-size:18px}}@media (max-width:480px){.quick-navigation .nav-button{min-height:32px;padding:6px 10px}.quick-navigation .nav-icon{font-size:16px}}.focus-dot{animation:pulse 2s infinite;background:#1a73e8;border-radius:50%;box-shadow:0 0 0 2px #1a73e84d;height:8px;position:absolute;right:6px;top:6px;width:8px}.completed-check{animation:checkBounce .5s ease-out;font-size:.875rem;position:absolute;right:4px;top:4px}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.nav-button[data-priority="10"]{order:1}.nav-button[data-priority="7"]{order:2}.nav-button[data-priority="5"]{order:3}.nav-button[data-priority="0"]{order:4}.btn{align-items:center;border-radius:8px;display:inline-flex;font-family:inherit;font-size:.875rem;justify-content:center;min-height:44px;outline:none;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn-primary{background:#1a73e8;box-shadow:0 2px 4px #1a73e84d;color:#fff}.btn-primary:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 8px #1a73e866;transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.btn-toggle{background:#f8f9fa;border:1px solid #dadce0;color:#5f6368;gap:8px}.btn-toggle:hover:not(:disabled){background:#e8f0fe;border-color:#d2e3fc;color:#1a73e8}.btn-toggle.active{background:#1a73e8;border-color:#1a73e8;color:#fff}.btn-large{font-size:1rem;min-height:56px;padding:16px 32px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.toggle-icon{font-size:1.2em}.error-banner{align-items:center;animation:slideDown .3s ease-out;background:#fce8e6;border-left:4px solid #d93025;display:flex;font-size:.875rem;justify-content:space-between;margin:0;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-content{color:#d93025;font-weight:500}.error-dismiss{background:none;border:none;border-radius:4px;color:#d93025;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;transition:background-color .2s}.error-dismiss:hover{background:#d930251a}.main-content{margin:0 auto;max-width:1200px;padding:32px 24px}.daily-focus-section,.focus-section,.production-section,.standalone-section,.time-sections-container,.week-toggle-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f;margin-bottom:24px;overflow:hidden;transition:box-shadow .2s ease}.daily-focus-section:hover,.focus-section:hover,.production-section:hover,.standalone-section:hover{box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f}.standalone-section{position:relative;scroll-margin-top:80px}.close-section,.open-section{border-left:4px solid #34a853}.week-overview-section{border-left:4px solid #1a73e8}.standalone-section.focused{border-left-color:#1a73e8;border-left-width:6px;box-shadow:0 8px 16px #1a73e826,0 4px 8px #1a73e81a;transform:translateY(-2px)}.standalone-section.completed{background:#34a85305;border-left-color:#34a853;opacity:.8}.standalone-section.preview{background:#f9ab0005;border-left-color:#f9ab00;border-left-width:5px}.time-sections-container{background:#0000;box-shadow:none;padding:0}.time-section-wrapper{margin-bottom:24px;scroll-margin-top:80px;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-section-wrapper.focused{transform:translateY(-4px);z-index:10}.time-section-wrapper.completed{opacity:.8}.time-section-wrapper.preview{background:#f9ab0005;border-radius:12px;padding:4px}.section-header{background:#fafbfc;border-bottom:1px solid #f1f3f4;padding:24px 24px 16px}.section-header h2{align-items:center;color:#202124;display:flex;font-size:1.5rem;font-weight:400;gap:12px;margin:0 0 4px}.section-header p{color:#5f6368;font-size:.875rem;margin:0}.section-icon{font-size:1.3em}.section-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.focus-badge{animation:focusBadgePulse 2s ease-in-out infinite;background:#1a73e81a;color:#1a73e8}.completed-badge,.focus-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.completed-badge{background:#34a8531a;color:#34a853}@keyframes focusBadgePulse{0%,to{background:#1a73e81a}50%{background:#1a73e833}}.collapsible-header{background:none;background:#fafbfc;border:none;border-bottom:1px solid #f1f3f4;cursor:pointer;padding:24px 24px 16px;text-align:left;transition:background-color .2s ease;width:100%}.collapsible-header:hover{background:#f1f3f4}.collapsible-header:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px}.collapse-icon{color:#5f6368;font-size:.875rem;margin-left:auto;transition:transform .2s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.collapse-icon.expanded{transform:rotate(0deg)}.section-content{padding:24px;transition:all .3s ease}.section-content.minimized{background:#00000005;opacity:.7;padding:12px 24px}.week-overview-content{animation:expandDown .3s ease-out;padding:24px}@keyframes expandDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:1000px;opacity:1;padding-bottom:24px;padding-top:24px}}.week-toggle-section{background:#f8f9fa;padding:24px;text-align:center}.placeholder-content{color:#5f6368;padding:48px 24px;text-align:center}.placeholder-content h3{color:#202124;font-size:1.25rem;font-weight:500;margin:0 0 12px}.placeholder-content p{font-size:.875rem;line-height:1.5;margin:0 0 24px}.coming-soon{align-items:center;background:#f9ab001a;border:1px solid #f9ab004d;border-radius:20px;color:#f9ab00;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px}.coming-soon-icon{font-size:1.1em}.daily-focus-container{padding:24px}.daily-focus-grid{grid-gap:24px;display:grid;gap:24px}.daily-focus-grid.two-columns{grid-template-columns:1fr 1fr}.daily-focus-grid.single-column{grid-template-columns:1fr}.focus-card{border:2px solid;border-radius:12px;overflow:hidden;padding:24px;position:relative}.focus-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;opacity:.3;position:absolute;right:0;top:0}.today-card{background:#e8f5e8;border-color:#34a853;color:#137333}.tomorrow-card{background:#fff3cd;border-color:#f9ab00;color:#b8860b}.focus-card-header{margin-bottom:16px}.focus-card-title{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.focus-icon{font-size:1.2em}.preparation-info,.production-info{font-size:.875rem;margin-bottom:16px;opacity:.8}.product-list{display:flex;flex-direction:column;gap:8px}.product-item{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.product-item:hover{background:#fffffff2;transform:translateX(4px)}.product-item.wiener-product{background:#f9ab001a;border-color:#f9ab00}.product-name{display:flex;font-weight:500;gap:8px}.product-amount{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600}.wiener-icon{font-size:1.1em}.no-production{color:#5f6368;font-style:italic;padding:32px 16px;text-align:center}.reminder-note{align-items:center;background:#ea43351a;border:1px solid #ea433533;border-radius:8px;color:#d93025;display:flex;font-size:.8125rem;font-weight:500;gap:8px;justify-content:center;margin-top:16px;padding:12px 16px;text-align:center}.reminder-icon{animation:bounce 2s infinite;font-size:1.2em}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.tech-modal-content{max-height:90vh;width:min(1200px,98vw)}.tech-modal-content.catalog{width:min(1280px,98vw)}.tech-modal-content.catalog .table-container{overflow-x:auto}.tech-modal-content.catalog .production-table{min-width:1100px;table-layout:auto}.week-overview-container{padding:24px}.table-container{border:1px solid #e8eaed;border-radius:8px;margin-bottom:32px;overflow-x:auto}.production-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.tech-modal-content .production-table td{vertical-align:top}.tech-modal-content .production-table td:nth-child(7),.tech-modal-content .production-table th:nth-child(7){-webkit-hyphens:none;hyphens:none;min-width:280px;overflow-wrap:break-word;word-break:normal}.production-table thead{background:#f8f9fa;border-bottom:2px solid #e8eaed}.production-table th{background:#f8f9fa;border-right:1px solid #f1f3f4;color:#202124;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.production-table th:last-child{border-right:none}.product-column{min-width:200px;text-align:left}.day-column{min-width:80px;text-align:center}.total-column{background:#e8f0fe;font-weight:600;min-width:100px;text-align:center}.production-table td{border-bottom:1px solid #f1f3f4;border-right:1px solid #f1f3f4;padding:12px;transition:background-color .2s ease}.production-table td:last-child{border-right:none}.production-table tbody tr:hover{background:#f8f9fa}.product-row.wiener-row{background:#f9ab000d}.product-row.wiener-row:hover{background:#f9ab001a}.day-value{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;text-align:center}.day-value.current-day{background:#e8f5e8;border-radius:4px;color:#137333;font-weight:600;position:relative}.day-value.current-day:before{background:#34a853;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.total-value{background:#e8f0fe;color:#1a73e8;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:600;text-align:center}.components-section,.time-section{margin-top:48px}.components-section h3,.time-section h3{align-items:center;color:#202124;display:flex;font-size:1.25rem;font-weight:500;gap:8px;margin:0 0 16px}.components-section h3:before{content:"🔧";font-size:1.2em}.time-section h3:before{content:"⏱️";font-size:1.2em}.components-table .component-row{background:#34a85305}.components-table .component-row:hover{background:#34a8530d}.time-table .time-row{background:#1a73e805}.time-table .time-row:hover{background:#1a73e80d}.daily-totals{background:#f8f9fa;border:1px solid #e8eaed;border-radius:12px;margin-top:32px;padding:24px}.daily-totals h4{align-items:center;color:#202124;display:flex;font-size:1.125rem;font-weight:500;gap:8px;margin:0 0 20px}.daily-totals h4:before{content:"📊";font-size:1.2em}.totals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.total-item{border-radius:8px;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease}.total-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.total-item.current-day{background:#e8f5e8;border-color:#34a853;box-shadow:0 2px 8px #34a85333}.total-item.week-total{background:#e8f0fe;border-color:#1a73e8;flex-direction:row;font-weight:600;grid-column:1/-1;justify-content:space-between}.day-label{color:#5f6368;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.total-item.week-total .day-label{font-size:.875rem;margin-bottom:0}.total-hours{color:#202124;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.25rem;font-weight:600}.total-item.current-day .total-hours{color:#137333}.total-item.week-total .total-hours{color:#1a73e8;font-size:1.5rem}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:48px 24px;text-align:center}.loading-spinner{margin-bottom:24px}.loading-state h2{color:#202124;font-size:1.5rem;font-weight:400;margin:0 0 8px}.loading-state p{color:#5f6368;font-size:.875rem;margin:0}.login-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-prompt{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;margin:24px;max-width:400px;width:90%}.login-content{padding:48px 32px;text-align:center}.login-content h3{color:#202124;font-size:1.5rem;font-weight:400;margin:0 0 12px}.login-content p{color:#5f6368;font-size:.875rem;line-height:1.5;margin:0 0 32px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-footer{background:#f8f9fa;border-top:1px solid #e8eaed;margin-top:48px;padding:24px}.footer-content{color:#5f6368;margin:0 auto;max-width:1200px;text-align:center}.footer-content p{color:#202124;font-size:.875rem;font-weight:500;margin:0 0 8px}.footer-content small{font-size:.75rem;line-height:1.4;opacity:.8}.debug-info{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem;margin-top:48px;padding:24px}.debug-info summary{background:#fff;border:1px solid #dadce0;border-radius:4px;color:#1a73e8;cursor:pointer;font-weight:600;margin-bottom:16px;padding:8px}.debug-info summary:hover{background:#f1f3f4}.debug-content{margin-top:16px}.debug-content h5{color:#202124;font-family:inherit;font-size:.8125rem;font-weight:600;margin:16px 0 8px}.debug-content pre{border:1px solid #dadce0;font-size:.6875rem;line-height:1.4;margin:8px 0 16px}.debug-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.debug-btn{background:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:background-color .2s}.debug-btn:hover{background:#1557b0}.daily-focus-section,.focus-section,.production-section,.standalone-section{animation:fadeIn .4s ease-out}.focus-card{animation:fadeIn .5s ease-out}.product-item{animation:fadeIn .3s ease-out}@media (max-width:1024px){.hero{flex-direction:column;gap:24px;text-align:center}.hero-meta{flex-wrap:wrap;justify-content:center}.main-content{padding:24px 16px}.nav-container{padding:12px 16px}.nav-button{min-width:70px;padding:10px 12px}.nav-icon{font-size:1.3rem}.nav-label{font-size:.6875rem}.daily-focus-grid.two-columns{grid-template-columns:1fr}.totals-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.hero{padding:32px 16px}.hero-title{font-size:2rem}.hero-meta{gap:12px}.hero-date,.hero-time{font-size:.875rem;padding:6px 12px}.focus-indicator{font-size:.8125rem;margin-top:12px;padding:6px 12px}.nav-container{gap:4px;padding:8px 12px}.nav-button{gap:2px;min-width:60px;padding:8px 10px}.nav-icon{font-size:1.2rem}.nav-label{font-size:.625rem}.section-header{padding:20px 16px 12px}.section-header h2{font-size:1.25rem}.daily-focus-container,.section-content{padding:16px}.focus-card{padding:20px}.focus-card-title{font-size:1rem}.week-overview-container{padding:16px}.table-container{font-size:.8125rem}.production-table td,.production-table th{padding:8px 6px}.product-column{min-width:150px}.day-column{min-width:60px}.total-column{min-width:80px}.daily-totals{padding:16px}.totals-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.total-item{padding:12px 8px}.total-hours{font-size:1.125rem}.total-item.week-total .total-hours{font-size:1.25rem}.standalone-section,.time-section-wrapper{scroll-margin-top:60px}}@media (max-width:480px){.hero{padding:24px 12px}.hero-title{font-size:1.75rem}.hero-meta{flex-direction:column;gap:8px}.focus-indicator{font-size:.75rem;padding:4px 8px}.nav-container{gap:2px;padding:6px 8px}.nav-button{border-radius:8px;min-width:50px;padding:6px 8px}.nav-icon{font-size:1.1rem}.nav-label{font-size:.5625rem}.focus-dot{height:6px;right:4px;top:4px;width:6px}.completed-check{font-size:.75rem;right:2px;top:2px}.main-content{padding:16px 12px}.section-header{padding:16px 12px 8px}.daily-focus-container,.section-content,.week-overview-container{padding:12px}.focus-card{padding:16px}.product-item{font-size:.8125rem;padding:10px 12px}.btn{font-size:.8125rem;padding:10px 20px}.btn-large{font-size:.875rem;padding:14px 28px}.login-content{padding:32px 20px}.table-container{border-radius:6px}.production-table{font-size:.75rem}.production-table td,.production-table th{padding:6px 4px}.product-column{min-width:120px}.day-column,.total-column{min-width:50px}.standalone-section,.time-section-wrapper{scroll-margin-top:50px}.completed-badge,.focus-badge{font-size:.6875rem;padding:2px 8px}.dashboard-footer{padding:16px 12px}.footer-content p{font-size:.8125rem}.footer-content small{font-size:.6875rem}}@media (prefers-color-scheme:dark) and (min-width:99999px){.dashboard{background:#202124;color:#e8eaed}.hero{background:linear-gradient(135deg,#1557b0,#1a73e8)}.quick-navigation{background:#2d2e30f2;border-bottom-color:#ffffff1a}.nav-button{color:#9aa0a6}.nav-button:hover{background:#8ab4f81a;color:#8ab4f8}.nav-button.focused{background:#8ab4f826;border-color:#8ab4f8;color:#8ab4f8}.nav-button.completed{background:#81c9951a;border-color:#81c9954d;color:#81c995}.nav-button.preview{background:#fdd6631a;border-color:#fdd6634d;color:#fdd663}.focus-dot{background:#8ab4f8;box-shadow:0 0 0 2px #8ab4f84d}.daily-focus-section,.focus-section,.production-section,.standalone-section,.week-toggle-section{background:#2d2e30;box-shadow:0 1px 3px #0000004d,0 1px 2px #00000026}.collapsible-header,.section-header{background:#202124;border-bottom-color:#3c4043}.collapsible-header:hover{background:#3c4043}.collapsible-header h2,.section-header h2{color:#e8eaed}.collapsible-header p,.section-header p{color:#9aa0a6}.week-toggle-section{background:#202124}.standalone-section.focused{border-left-color:#8ab4f8;box-shadow:0 8px 16px #8ab4f833,0 4px 8px #8ab4f81a}.standalone-section.completed{background:#81c9950d;border-left-color:#81c995}.standalone-section.preview{background:#fdd6630d;border-left-color:#fdd663}.time-section-wrapper.preview{background:#fdd6630d}.focus-badge{background:#8ab4f826;color:#8ab4f8}.completed-badge{background:#81c99526;color:#81c995}.today-card{background:#34a85326;border-color:#34a853;color:#81c995}.tomorrow-card{background:#f9ab0026;border-color:#f9ab00;color:#fdd663}.product-item{background:#ffffff0d;border-color:#3c4043;color:#e8eaed}.product-item:hover{background:#ffffff14}.product-item.wiener-product{background:#f9ab001a;border-color:#f9ab00}.no-production{color:#9aa0a6}.reminder-note{background:#f28b8226;border-color:#f28b824d;color:#f28b82}.coming-soon{background:#fdd66326;border-color:#fdd6634d;color:#fdd663}.production-table{background:#2d2e30;color:#e8eaed}.production-table thead{background:#202124;border-bottom-color:#3c4043}.production-table th{background:#202124;border-right-color:#3c4043;color:#e8eaed}.production-table td{border-bottom-color:#3c4043;border-right-color:#3c4043}.production-table tbody tr:hover{background:#3c4043}.product-row.wiener-row{background:#f9ab0014}.product-row.wiener-row:hover{background:#f9ab001f}.day-value.current-day{background:#34a85333;color:#81c995}.day-value.current-day:before{background:#34a853}.total-column,.total-value{background:#8ab4f826;color:#8ab4f8}.components-table .component-row{background:#34a8530d}.components-table .component-row:hover{background:#34a8531a}.time-table .time-row{background:#8ab4f80d}.time-table .time-row:hover{background:#8ab4f81a}.daily-totals{background:#202124;border-color:#3c4043}.daily-totals h4,.total-item{color:#e8eaed}.total-item{background:#2d2e30;border-color:#3c4043}.total-item:hover{box-shadow:0 2px 4px #0000004d}.total-item.current-day{background:#34a85326;border-color:#34a853;box-shadow:0 2px 8px #34a8534d}.total-item.week-total{background:#8ab4f826;border-color:#8ab4f8}.day-label{color:#9aa0a6}.total-hours{color:#e8eaed}.total-item.current-day .total-hours{color:#81c995}.total-item.week-total .total-hours{color:#8ab4f8}.loading-spinner{border-color:#8ab4f8 #3c4043 #3c4043}.loading-state h2{color:#e8eaed}.loading-state p{color:#9aa0a6}.login-overlay{background:#000000b3}.login-prompt{background:#2d2e30}.login-content h3{color:#e8eaed}.login-content p{color:#9aa0a6}.dashboard-footer{background:#202124;border-top-color:#3c4043}.footer-content p{color:#e8eaed}.footer-content small{color:#9aa0a6}.error-banner{background:#f28b8226;border-left-color:#f28b82}.error-content,.error-dismiss{color:#f28b82}.error-dismiss:hover{background:#f28b821a}.btn-toggle{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.btn-toggle:hover:not(:disabled){background:#8ab4f81a;border-color:#8ab4f8;color:#8ab4f8}.debug-info,.table-container{border-color:#3c4043}.debug-info{background:#202124}.debug-info summary{background:#2d2e30;border-color:#3c4043;color:#8ab4f8}.debug-info summary:hover{background:#3c4043}.debug-content h5{color:#e8eaed}.debug-content pre{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.debug-btn{background:#8ab4f8;color:#202124}.debug-btn:hover{background:#aecbfa}.placeholder-content{color:#9aa0a6}.placeholder-content h3{color:#e8eaed}.section-content.minimized{background:#ffffff05}}@media (prefers-contrast:high){.focus-card{border-width:3px}.today-card{background:#e6f4ea;border-color:#0d652d}.tomorrow-card{background:#fef7e0;border-color:#b06000}.btn,.product-item,.production-table td,.production-table th{border-width:2px}.nav-button{border-width:3px}.day-value.current-day{border:2px solid #0d652d}.quick-navigation{border-bottom-width:2px}.standalone-section.focused{border-left-width:8px}}@media (prefers-reduced-motion:reduce){.focus-dot,.indicator-icon,.loading-spinner,.reminder-icon,.status-dot{animation:none}.btn,.focus-card,.nav-button,.product-item,.production-table tbody tr,.standalone-section,.time-section-wrapper,.total-item{transition:none}.daily-focus-section,.focus-card,.focus-section,.product-item,.production-section,.standalone-section{animation:none}.btn:before{transition:none}.btn:hover:before{left:0;opacity:.1}.completed-check,.error-banner,.focus-badge,.focus-indicator,.login-overlay,.login-prompt,.week-overview-content{animation:none}}@media print{.dashboard,.hero{background:#fff;color:#000}.hero{border-bottom:2px solid #000;box-shadow:none}.debug-info,.hero-actions,.quick-navigation,.week-toggle-section{display:none}.daily-focus-section,.focus-section,.production-section,.standalone-section{background:#fff;border:1px solid #000;box-shadow:none;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.collapsible-header,.section-header{background:#f5f5f5;border-bottom:1px solid #000}.production-table{font-size:10px}.production-table td,.production-table th{border:1px solid #000;padding:4px 2px}.btn,.loading-spinner{display:none}.completed-badge,.error-banner,.focus-badge{background:#f5f5f5;border:1px solid #000}.dashboard-footer{background:#fff;border-top:1px solid #000}}.btn:focus-visible,.collapsible-header:focus-visible,.error-dismiss:focus-visible,.nav-button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.product-item:focus-visible,.total-item:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.production-table:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#1a73e8;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1001}.skip-link:focus{top:6px}.btn,.focus-card,.hero,.nav-button,.production-table,.standalone-section{will-change:transform}.hero,.production-table thead,.quick-navigation{isolation:isolate}.nav-container::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:8px;width:8px}.nav-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.nav-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.nav-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@media (prefers-color-scheme:dark) and (min-width:99999px){.nav-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#3c4043}.nav-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#5f6368}.nav-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#80868b}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dashboard:focus-within .quick-navigation{box-shadow:0 2px 8px #00000026}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}@media (max-width:320px){.hero-title{font-size:1.5rem}.nav-button,.nav-container{padding:4px 6px}.nav-button{min-width:45px}.nav-icon{font-size:1rem}.nav-label{font-size:.5rem}.main-content{padding:12px 8px}.collapsible-header,.section-header{padding:12px 8px 6px}.section-content{padding:8px}.standalone-section,.time-section-wrapper{scroll-margin-top:40px}}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-panel{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 12px 32px #0003;color:inherit;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(1280px,96vw)}.modal-footer,.modal-header{padding:16px 20px}.modal-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between}.modal-footer{border-top:1px solid #00000014;display:flex;gap:8px;justify-content:flex-end}.modal-close{background:none;border:0;color:inherit;cursor:pointer;font-size:20px;line-height:1}.modal-tabs{border-bottom:1px solid #00000014;display:flex;gap:8px;padding:12px 20px}.modal-tabs button{background:none;border:0;border-radius:8px;color:inherit;cursor:pointer;padding:8px 12px}.modal-tabs button.active{background:#0000000f}.modal-body{overflow:auto;padding:16px 20px}.routine-list{grid-gap:8px;display:grid;gap:8px;list-style:none;padding-left:0}.routine-list li{border-radius:8px;padding:6px}.bake-table{border-collapse:collapse;font-size:.95rem;width:100%}.bake-table td,.bake-table th{border-bottom:1px solid #0000000f;padding:8px 10px;text-align:left;white-space:nowrap}.bake-table td:first-child,.bake-table th:first-child{white-space:normal}.bake-note{margin-top:8px;opacity:.9}@media (prefers-color-scheme:dark) and (min-width:99999px){.modal-panel{background:#202124;color:#e8eaed}.modal-footer,.modal-header,.modal-tabs{border-color:#3c4043}.modal-tabs button.active{background:#ffffff14}.bake-table td,.bake-table th{border-color:#3c4043}}.wiener-done-banner{align-items:center;background:#e6f4ea;border:1px solid #34a8534d;border-radius:10px;color:#137333;display:flex;gap:12px;margin-bottom:12px;padding:12px 14px}.wiener-done-icon{align-items:center;background:#34a853;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:24px;justify-content:center;width:24px}.wiener-done-sub{font-size:12.5px;opacity:.9}.wiener-view{background:#0000;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;min-height:100dvh;padding:24px;position:relative}.wiener-view.view.is-refreshing{pointer-events:none}.view-refresh-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffbf;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:20}.view-refresh-text{color:#5f6368;font-size:14px;margin-top:8px}.wiener-header{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;justify-content:space-between;margin:0 auto 24px;max-width:820px;padding:16px 20px}.wiener-header h2{color:#202124;font-size:1.5rem;font-weight:600;margin:0}.wiener-header.topbar{border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff;margin:0 calc(50% - 50vw) 24px;max-width:none;padding:20px 24px;width:100vw}.wiener-header.topbar .header-actions,.wiener-header.topbar h2{color:inherit}.wiener-header.topbar.morning{background:linear-gradient(135deg,#8ab4f8,#4285f4)}.wiener-header.topbar.day{background:linear-gradient(135deg,#1a73e8,#4285f4)}.wiener-header.topbar.evening{background:linear-gradient(135deg,#5c6bc0,#3f51b5)}.wiener-header.topbar.night{background:linear-gradient(135deg,#1a237e,#0d47a1)}.header-actions{display:flex;gap:8px}.knowledge-actions{display:none}.segmented{display:flex;gap:8px;justify-content:center;margin:8px auto 12px;max-width:820px}.seg-tab{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:999px;color:#5f6368;color:var(--color-muted,#5f6368);cursor:pointer;font-weight:600;min-height:40px;padding:10px 14px}.seg-tab:hover{background:#f8f9fa;color:#202124;color:var(--color-text,#202124)}.seg-tab.active{background:#e8f0fe;background:var(--brand-surface,#e8f0fe);border-color:color-mix(in oklab,var(--brand) 25%,var(--color-border,#e8eaed));color:#1a73e8;color:var(--brand,#1a73e8)}.seg-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.catalog-trigger{-webkit-tap-highlight-color:transparent;align-items:center;background:#fef7e0;background:var(--warning-surface,#fef7e0);border:1px solid color-mix(in oklab,var(--warning) 30%,var(--color-border,#e8eaed));border-radius:12px;color:#f9ab00;color:var(--warning,#f9ab00);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;min-height:44px;padding:12px 16px;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .06s ease}.catalog-trigger .icon,.catalog-trigger .icon *{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-trigger:hover{background:color-mix(in oklab,var(--warning) 18%,var(--warning-surface))}.catalog-trigger:active{transform:scale(.98)}.catalog-trigger:focus-visible{outline:2px solid var(--warning);outline-offset:2px}.catalog-trigger.active{background:color-mix(in oklab,var(--warning) 22%,var(--warning-surface))}.catalog-trigger:after{color:currentColor;content:"▾";font-size:12px;line-height:1;transform:translateY(1px)}.catalog-trigger.active:after{transform:rotate(180deg)}.day-nav{align-items:center;display:flex;gap:8px;margin:0 auto 16px;max-width:820px}.day-navigation{-ms-overflow-style:none;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:12px;box-shadow:0 1px 3px #0000000f;box-sizing:border-box;display:flex;gap:8px;overflow-x:auto;padding:12px;scrollbar-width:none;width:100%}.day-navigation::-webkit-scrollbar{display:none}.day-button{background:#f8f9fa;border:1px solid #e8eaed;border-radius:20px;color:#5f6368;cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;min-width:100px;padding:12px 20px;position:relative;text-align:center;transition:all .2s cubic-bezier(.2,0,0,1);white-space:nowrap}.day-button:hover{background:#f1f3f4;color:#202124}.day-button.selected{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:600}.day-button.selected.today{background-image:linear-gradient(0deg,#ffffff1a,#ffffff1a),linear-gradient(to bottom left,#f44336bf,#ff9800bf,#ffc107bf,#ffeb3bbf,#81c784bf,#4caf50bf,#03a9f4bf,#2196f3bf,#9c27b0bf,#f44336bf);border-color:#1a73e8;color:#fff}.day-button.selected.today,.day-button.today:not(.selected){animation:quietShine 14s linear infinite;background-position:0 0,100% 0;background-repeat:no-repeat;background-size:100% 100%,400% 400%}.day-button.today:not(.selected){background-image:linear-gradient(0deg,#ffffff1a,#ffffff1a),linear-gradient(to bottom left,#f443364d,#ff98004d,#ffc1074d,#ffeb3b4d,#81c7844d,#4caf504d,#03a9f44d,#2196f34d,#9c27b04d,#f443364d);border-color:#e8eaed;color:#5f6368}@keyframes quietShine{0%{background-position:0 0,100% 0}to{background-position:0 0,0 100%}}.today-label{color:#b06000;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.day-nav-arrow{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:50%;box-shadow:0 1px 3px #00000014;color:#5f6368;cursor:pointer;display:inline-flex;font-size:20px;height:40px;justify-content:center;width:40px}.day-nav-arrow:hover{background:#f8f9fa;color:#202124}.day-nav-arrow:active{transform:scale(.98)}.wiener-content{background:#0000;padding:0 0 max(96px,calc(56px + env(safe-area-inset-bottom)))}.wiener-view{padding-bottom:max(96px,calc(56px + env(safe-area-inset-bottom)))}.section-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:12px;box-shadow:0 1px 3px #0000000f;margin:0 auto;max-width:820px;overflow:hidden;padding:16px;position:relative}.section-card:after{content:"";height:3px;left:0;position:absolute;right:0;top:0}.section-card+.section-card{margin-top:16px}.section-card.production{background:#fff;background:var(--color-surface,#fff)}.section-card.production:after{background:linear-gradient(90deg,#34a853e6,#66bb6ab3)}.section-card.udtagning{background:#fff;background:var(--color-surface,#fff)}.section-card.udtagning:after{background:linear-gradient(90deg,#f9ab00f2,#ffb74dbf)}.section-header{align-items:baseline;display:flex;gap:10px;margin-bottom:8px}.section-title{color:#202124;font-size:1.1rem;font-weight:700}.section-sub{color:#5f6368;font-size:.9rem}.divider{height:12px}.wiener-list{display:flex;flex-direction:column;gap:12px}.wiener-row{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s ease,border-color .15s ease,transform .06s ease}.wiener-row:hover{background:#f8f9fa}.wiener-row.checked{background:#e6f4ea;border-color:#34a853;border-radius:12px;padding-left:44px;position:relative}.wiener-row.checked:before{background:#34a853;border-radius:50%;box-shadow:0 1px 2px #0000001f;content:""}.wiener-row.checked:after,.wiener-row.checked:before{height:22px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.wiener-row.checked:after{align-items:center;color:#fff;content:"✓";display:inline-flex;font-size:14px;font-weight:700;justify-content:center}.wiener-row.checked:hover{background:#d9f2e3}.wiener-check{display:none}.wiener-row-left{display:flex;flex-direction:column;gap:8px}.wiener-product{align-items:center;color:#202124;display:flex;font-size:18px;font-weight:600}.wiener-counts{display:flex;gap:12px}.count{align-items:baseline;background:#f8f9fa;border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:10px;display:flex;gap:6px;padding:6px 10px}.count-label{color:#5f6368;color:var(--color-muted,#5f6368);font-size:12px}.count-value{color:#202124;color:var(--color-text,#202124);font-size:20px;font-weight:700}.wiener-row-right{align-items:center;display:flex}.tech-btn{background:#1a73e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.tech-btn:active{transform:scale(.98)}.tech-missing{color:#9aa0a6;font-size:12px}.wiener-totals{display:flex;gap:12px;margin-top:16px}.total-item{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:10px;display:flex;flex:1 1;justify-content:space-between;padding:12px 14px}.total-item span{color:#5f6368;color:var(--color-muted,#5f6368)}.total-item strong{color:#202124;color:var(--color-text,#202124);font-size:18px}.tech-modal{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.tech-modal-content{background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:12px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(900px,95vw)}.tech-modal-header{align-items:center;border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-border,#e8eaed);display:flex;justify-content:space-between;padding:12px 16px}.tech-modal-header h3{color:#202124;color:var(--color-text,#202124);font-size:18px;margin:0}.tech-close{background:#0000;border:none;color:#5f6368;color:var(--color-muted,#5f6368);cursor:pointer;font-size:20px}.tech-modal-body{overflow:auto;padding:12px;position:relative}.tech-modal-body img{border-radius:8px;display:block;height:auto;margin:0 auto 12px;max-width:100%}.zoom-container{background:#00000008;border-radius:8px;overflow:hidden;position:relative}.zoom-container,.zoom-image{max-height:70vh;touch-action:none}.zoom-image{-webkit-user-drag:none;display:block;margin:0 auto;max-width:100%;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform}.zoom-controls{display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:3}.zoom-btn{background:#fff;border:1px solid #e8eaed;border-radius:18px;box-shadow:0 1px 3px #00000014;color:#5f6368;cursor:pointer;height:36px;width:36px}.zoom-btn:hover{background:#f8f9fa;color:#202124}.tech-carousel{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.tech-media-slot{align-items:center;display:flex;flex-direction:column;gap:6px;max-width:90%;position:relative;touch-action:pan-y}.video-spinner{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.video-spinner:after{animation:spin 1s linear infinite;border:4px solid #fff9;border-radius:50%;border-top-color:#1a73e8;content:"";height:48px;width:48px}.tech-media-title{color:#202124;text-align:center}.tech-media-title .title-product{font-weight:700}.tech-media-title .title-step{color:#202124;font-weight:600}.tech-media-title .title-file{color:#5f6368;font-size:.92rem}.tech-steps{display:flex;gap:8px;justify-content:center}.tech-steps img{height:60px}.tech-modal-body.gallery{display:flex;gap:12px}.gallery-arrow,.tech-modal-body.gallery{align-items:center;justify-content:center}.gallery-arrow{background:#fff;border:1px solid #e8eaed;border-radius:50%;box-shadow:0 1px 3px #00000014;color:#5f6368;cursor:pointer;display:inline-flex;font-size:20px;height:40px;width:40px}.gallery-arrow:hover{background:#f8f9fa;color:#202124}.gallery-caption{color:#5f6368;margin-top:8px;text-align:center}.tech-videos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}:root{--tech-video-filter:none;--video-overlay-bg:none}.tech-video{background:#000;border-radius:8px;box-shadow:0 2px 8px #00000026;filter:none;filter:var(--tech-video-filter);max-height:60vh;width:min(480px,95%)}.video-wrapper{display:inline-block;position:relative}@media (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),(max-width:1024px) and (min-device-pixel-ratio:2){.video-wrapper:after{background:none;background:var(--video-overlay-bg,none);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}}.wiener-view.tab-catalog .day-nav,.wiener-view.tab-catalog .wiener-content{display:none}.tech-modal-content.catalog{max-width:1000px}.catalog-controls{border-bottom:1px solid #e8eaed;padding:8px 12px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.filter-row .spacer{flex:1 1}.filter-row.scroll-x{overflow-x:auto;padding-bottom:4px;white-space:nowrap}.filter-row.scroll-x::-webkit-scrollbar{display:none}.chip{background:#f8f9fa;border:1px solid #e8eaed;border-radius:14px;color:#5f6368;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.chip.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.chip.collapse{background:#f1f3f4}.catalog-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:10px}.catalog-grid.small{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:8px}.catalog-card{background:#fff;border:1px solid #e8eaed;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.catalog-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.catalog-thumb{align-items:center;aspect-ratio:4/3;background:#f1f3f4;display:flex;justify-content:center;overflow:hidden}.catalog-thumb img{height:100%;object-fit:cover;width:100%}.video-thumb{color:#5f6368;height:100%;position:relative;width:100%}.play-icon,.video-thumb{align-items:center;display:flex;justify-content:center}.play-icon{background:#1a73e8e6;border-radius:20px;box-shadow:0 4px 16px #0003;color:#fff;font-size:20px;height:40px;position:absolute;width:40px}.play-icon.sm{border-radius:14px;font-size:16px;height:28px;width:28px}.video-filename{display:none}.catalog-meta{padding:8px 10px}.catalog-product{color:#5f6368;font-size:11px;margin-bottom:2px}.catalog-title{color:#202124;font-size:12px;font-weight:600}.empty,.error,.loading{margin-top:16px}.error{color:#d93025}.ud-section{margin-top:16px}.ud-section h4{color:#202124;font-size:1.05rem;margin:0 0 8px}.ud-list{display:flex;flex-direction:column;gap:8px}.ud-row{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.ud-row:hover{background:#f8f9fa}.ud-row.checked{background:#e6f4ea;border-color:#34a853}.ud-name{color:#202124;font-weight:600}.ud-count{color:#202124;font-weight:700}.catalog-panel{margin:0 auto;max-height:0;max-width:820px;overflow:hidden;transition:max-height .25s ease,margin .2s ease}.catalog-panel.open{margin:8px auto 16px;max-height:88vh}.catalog-inner{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;max-height:inherit;overflow:auto}.catalog-controls.sticky{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}@media (max-width:768px){.wiener-view{padding:16px}.wiener-header{flex-direction:column;gap:12px;text-align:center}.day-nav{gap:6px}.day-navigation{padding:10px}.day-button{font-size:13px;min-width:90px;padding:10px 16px}.count-value{font-size:22px}.wiener-row{padding:12px}.wiener-totals{flex-direction:column}}@media (min-width:1025px){:root{--tech-video-filter:none}.video-wrapper:before{background:none;background:var(--video-overlay-bg,none);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}}.tech-modal-content .production-table{background:#fff;color:#202124}.tech-modal-content .production-table thead{background:#f8f9fa;border-bottom-color:#e8eaed}.tech-modal-content .production-table th{background:#f8f9fa;border-right-color:#f1f3f4;color:#202124;font-weight:500}.tech-modal-content .production-table td{border-bottom-color:#f1f3f4;border-right-color:#f1f3f4}.tech-modal-content .production-table td:first-child,.tech-modal-content .production-table th:first-child{min-width:220px}.tech-modal-content .production-table td:nth-child(2),.tech-modal-content .production-table td:nth-child(3),.tech-modal-content .production-table th:nth-child(2),.tech-modal-content .production-table th:nth-child(3){min-width:120px}.tech-modal-content .production-table td:nth-child(4),.tech-modal-content .production-table td:nth-child(5),.tech-modal-content .production-table td:nth-child(6),.tech-modal-content .production-table th:nth-child(4),.tech-modal-content .production-table th:nth-child(5),.tech-modal-content .production-table th:nth-child(6){min-width:110px}.tech-modal-content .production-table td:nth-child(7),.tech-modal-content .production-table th:nth-child(7){min-width:220px;white-space:normal}.tech-modal-content .wiener-product{font-size:.875rem;font-weight:400;line-height:1.4}.tech-modal-content .wiener-row{padding:12px}.tech-modal-content .wiener-check{font-weight:600}.tech-modal-content .production-table{table-layout:fixed}.tech-modal-content .production-table td:nth-child(n+3),.tech-modal-content .production-table th:nth-child(n+3){text-align:right;width:64px}.cp-day-grid{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:repeat(7,minmax(160px,1fr))}@media (max-width:1280px){.cp-day-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}}@media (max-width:1024px){.cp-day-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (max-width:800px){.cp-day-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:560px){.cp-day-grid{grid-template-columns:1fr}}.dr-row{position:relative;width:100%}.dr-row.selected{border-radius:10px;outline:2px solid #1a73e8;outline-offset:2px}.row-actions{display:inline-flex;gap:6px;position:absolute;right:4px;top:4px}.order-tab .recipe-button{transition:transform .12s ease,box-shadow .16s ease}.order-tab .recipe-button:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.icon-btn{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:50%;color:#5f6368;cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;width:22px}.icon-btn:hover{background:#f1f3f4}.icon-btn .icon{font-family:Material Symbols Rounded;font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1}.icon-btn.danger{background:#d93025;border-color:#d93025;color:#fff}.icon-btn.primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.row-menu{display:inline-block;position:absolute;right:4px;top:4px}.row-actions{display:none}.action-popover{background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 8px 24px #00000024;padding:6px;position:fixed;z-index:2200}.action-popover .menu-item{background:none;border:none;border-radius:6px;color:#202124;display:block;font-size:14px;padding:6px 10px;text-align:left;width:100%}.action-popover .menu-item:hover{background:#f1f3f4}.ora-wrapper{grid-gap:14px;display:grid;gap:14px}.ora-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.ora-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px}.ora-card h4{margin:0 0 8px}.ora-card p.helper{color:var(--color-muted);font-size:12px;margin:0 0 8px}.ora-grid{grid-gap:12px;display:grid;gap:12px}.ora-grid.cols-3{grid-template-columns:repeat(3,minmax(160px,1fr))}.ora-grid.cols-2{grid-template-columns:repeat(2,minmax(160px,1fr))}@media (max-width:900px){.ora-grid.cols-2,.ora-grid.cols-3{grid-template-columns:1fr}}.ora-table{grid-gap:8px;display:grid;gap:8px}.ora-table-head,.ora-table-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 160px 120px auto}.ora-table-head{color:var(--color-muted);font-size:12px}.ora-variant{background:#fff;border:1px solid #e8eaed;border-radius:10px;padding:10px}.ora-footer{background:var(--color-surface);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid var(--color-border);bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:10px;position:-webkit-sticky;position:sticky}.icon-btn .material-symbols-rounded{font-size:16px;line-height:1}*{box-sizing:border-box}body{background-color:#f8f9fa;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;padding:0}.App,body{color:#202124}.App{background:#fff;background:var(--color-surface,#fff);color:var(--color-text,#202124);min-height:100vh;min-height:100dvh;position:relative}.app-content{background-color:#f8f9fa;background-color:var(--color-bg,#f8f9fa);min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);overscroll-behavior-y:contain;padding-top:0;position:relative;z-index:1}.page-header{background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-border,#e8eaed);position:-webkit-sticky;position:sticky;top:64px;z-index:900}.page-header-inner{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:1200px;padding:10px 16px}.page-header .ph-icon,.page-header .ph-icon *{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#5f6368;color:var(--color-muted,#5f6368)}.page-title{color:#202124;color:var(--color-text,#202124);font-size:16px;font-weight:600;letter-spacing:.1px;margin:0}@media (max-width:767px){.page-header{top:0}}@media (min-width:768px){.app-content{padding-top:12px}}.app-content.landing-content{min-height:100vh;min-height:100dvh;padding-top:0}.app-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-border,#e8eaed);padding:0;z-index:1000}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:8px 24px;width:100%}.nav-container,.nav-left{align-items:center;display:flex}.nav-left{flex:1 1 auto;gap:8px;min-width:0;overflow:hidden;padding-right:96px}@media (min-width:768px){.app-navigation .nav-container .nav-left{margin-left:80px!important}.app-navigation .nav-container{padding-left:104px!important}}.nav-right{align-items:center!important;display:flex;gap:12px}.nav-right>*{align-self:center!important}.nav-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#5f6368;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.25px;min-height:40px;padding:8px 16px;transition:all .2s cubic-bezier(.2,0,0,1);white-space:nowrap}.icon-button{aspect-ratio:1/1;border-radius:50%;box-sizing:border-box;flex:0 0 auto;height:44px;padding:0;width:44px}.icon-button svg{display:block;height:22px;width:22px}.icon-button svg path{fill:#1a73e8;transition:fill .2s ease}.nav-button.icon-button{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:50%!important;box-shadow:none!important;box-sizing:border-box;display:inline-flex;gap:0;height:44px;justify-content:center;letter-spacing:normal;line-height:1!important;margin:0!important;min-height:44px;min-width:44px;outline:none!important;padding:0!important;transform:none!important;width:44px}.nav-button.icon-button:active,.nav-button.icon-button:focus,.nav-button.icon-button:focus-visible{box-shadow:none!important;outline:none!important;top:0!important;transform:none!important}.nav-button.reload-button.icon-button{border-radius:50%!important;-webkit-user-select:none;user-select:none;vertical-align:middle}@media (max-width:767px){.app-navigation{display:none}.app-content{background-color:#f8f9fa;background-color:var(--color-bg,#f8f9fa);padding-bottom:calc(80px + env(safe-area-inset-bottom));padding-top:0}@supports (height:100dvh){.App,.app-content{min-height:100dvh}}}@media (display-mode:standalone) and (max-width:767px){.App,.app-content{min-height:-webkit-fill-available}}@media (max-width:480px){.nav-button.icon-button{height:40px;min-height:40px;min-width:40px;width:40px}.reload-wrapper{flex:0 0 40px;height:40px;width:40px}}.icon-button:hover svg path{fill:#1557b0}@media (min-width:768px){.app-navigation .nav-right .mobile-menu-button.nav-button.icon-button{align-items:center!important;align-self:center!important;display:inline-flex!important;height:40px;justify-content:center!important;line-height:40px!important;margin:0!important;min-height:40px;min-width:40px;padding:0!important;position:static!important;top:0!important;transform:none!important;vertical-align:middle!important;width:40px}.app-navigation .nav-right .mobile-menu-button.nav-button.icon-button svg{display:block;height:20px;width:20px}}.nav-button:hover{background:#f1f3f4;color:#202124}.nav-button.active{background:#e8f0fe;background:var(--brand-surface,#e8f0fe);color:#1a73e8;color:var(--brand,#1a73e8);font-weight:600}.nav-button.active:hover{background:#d2e3fc}.nav-button.home-button{background:#1a73e81a;color:#1a73e8;font-weight:500;padding:8px 16px}.nav-button.home-button:hover{background:#1a73e833;box-shadow:0 1px 3px 0 #1a73e84d}.nav-button.logout-button{background:#ea433514;border:1px solid #ea433526;color:#ea4335;font-weight:500}.nav-button.logout-button:hover{background:#ea433524;box-shadow:0 2px 6px #ea433533}.nav-button.reload-button{background:color-mix(in oklab,var(--brand) 8%,#0000);border:1px solid color-mix(in oklab,var(--brand) 15%,#0000);color:var(--brand);font-weight:500}.nav-button.reload-button:hover{background:#1a73e824;box-shadow:0 2px 6px #1a73e833}.user-info{align-items:center;background:#1a73e80d;border:1px solid #1a73e81a;border-radius:20px;display:flex;gap:8px;padding:6px 12px;position:relative;transition:all .2s cubic-bezier(.2,0,0,1)}.user-info:hover{background:#1a73e814;transform:translateY(-1px)}.has-tooltip:after{background:#202124;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;padding:6px 8px;pointer-events:none;top:calc(100% + 8px);transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.has-tooltip:after,.has-tooltip:before{left:50%;opacity:0;position:absolute;z-index:1001}.has-tooltip:before{border:6px solid #0000;border-top-color:#202124;content:"";top:100%;transform:translateX(-50%);transition:opacity .15s ease}.has-tooltip:focus-within:after,.has-tooltip:focus-within:before,.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.user-name{color:#5f6368;font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{border:2px solid #1a73e833;border-radius:50%;height:28px;width:28px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;display:flex;font-size:11px;font-weight:600;justify-content:center}.nav-button.cpanel-button{background:color-mix(in oklab,#5c6bc0 10%,#0000);border:1px solid color-mix(in oklab,#5c6bc0 18%,#0000);color:#5c6bc0;font-weight:500}.nav-button.cpanel-button:hover{background:color-mix(in oklab,#5c6bc0 16%,#0000);box-shadow:0 2px 6px #5c6bc033}.app-loading{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.app-loading p{color:#5f6368;font-size:16px;margin:0}.loading-spinner{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;border:4px solid #f1f3f4;border-radius:50%;border-top-color:#1a73e8;height:48px;width:48px;will-change:transform}.bg-progress{background:#0000;bottom:-1px;height:3px;left:0;overflow:hidden;right:0;z-index:1001}.app-navigation,.bg-progress{position:-webkit-sticky;position:sticky}.app-navigation{top:0}.bg-progress-fill{background:#1a73e8;height:100%;transition:width .3s ease;width:0}.debug-loading{margin-top:20px;max-width:600px}.debug-loading details{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:12px}.debug-loading summary{color:#1a73e8;cursor:pointer;font-weight:500}.debug-loading pre{background:#fff;border:1px solid #e8eaed;border-radius:4px;font-size:12px;margin:8px 0 0;overflow-x:auto;padding:12px}.app-error{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:0 auto;max-width:800px;min-height:60vh;padding:2rem;text-align:center}.app-error h2{color:#ea4335;font-size:24px;font-weight:500;margin:0}.app-error p{color:#5f6368;font-size:16px;line-height:1.5;margin:0}.error-details{background:#fce8e6;border:1px solid #fad2cf;border-radius:8px;margin:20px 0;max-width:600px;padding:16px;width:100%}.error-details pre{color:#d93025;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin:0;text-align:left;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.retry-button{align-items:center;background:#1a73e8;border:none;border-radius:24px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.2,0,0,1)}.retry-button:hover{background:#1557b0;box-shadow:0 2px 8px #1a73e84d;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.retry-button.primary{background:#1a73e8;color:#fff}.retry-button.primary:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e833}.retry-button.secondary{background:#f8f9fa;border:1px solid #dadce0;color:#5f6368}.retry-button.secondary:hover{background:#f1f3f4;border-color:#bdc1c6;box-shadow:0 2px 4px #0000001a}.debug-error{margin-top:20px;max-width:800px;width:100%}.debug-error details{background:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:16px;text-align:left}.debug-error summary{color:#1a73e8;cursor:pointer;font-weight:500;margin-bottom:12px}.debug-content h4{color:#202124;font-size:14px;margin:16px 0 8px}.debug-content h4:first-child{margin-top:0}.debug-content pre{background:#fff;border:1px solid #e8eaed;border-radius:4px;font-size:11px;margin:0 0 12px;overflow-x:auto;padding:12px}.debug-content pre,.dev-tools{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.dev-tools{bottom:20px;position:fixed;right:20px;z-index:9999}.panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.panel h2{font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.panel p{color:#5f6368;margin:6px 0 16px}.table{background:#fff;border:1px solid #e8eaed;border-radius:10px;overflow:hidden;width:100%}.table-row{align-items:center;display:grid;grid-template-columns:1fr 200px 100px}.table-row.header{background:#f8f9fa;border-bottom:1px solid #e8eaed}.table.plan-inv .table-row,.table.plan-inv .table-row.header{grid-template-columns:1fr 200px}.table-cell{border-bottom:1px solid #f1f3f4;font-size:14px;padding:12px 16px}.table-row:last-child .table-cell{border-bottom:none}.table input[type=number]{background:#fff;border:1px solid #e8eaed;border-radius:8px;color:#202124;font-size:14px;padding:10px 12px;width:100%}.table input[type=number]:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826;outline:none}.btn{border:none;border-radius:20px;cursor:pointer;font-family:Google Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn.btn-primary{background:#1a73e8;color:#fff}.btn.btn-primary:hover{background:#1557b0;box-shadow:0 1px 3px #1a73e866}.btn.btn-info{background:#1a73e8;color:#fff}.btn.btn-info:hover{background:#1557b0;box-shadow:0 1px 3px #1a73e866}.btn.btn-secondary-cta{background:#f8f9fa;border:1px solid #dadce0;color:#5f6368}.btn.btn-secondary-cta:hover{background:#f1f3f4}@media (max-width:640px){.table-row{grid-template-columns:1fr 140px 80px}.table.plan-inv .table-row{grid-template-columns:1fr 170px}.table.plan-inv input[type=number]{font-size:18px;height:48px;padding:12px 14px}}.toast{background:#1a73e8;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;padding:10px 14px;position:absolute;right:12px;top:-12px;transform:translateY(-100%)}.toast.success{background:#137333}.toast.error{background:#d93025}.dev-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000e6;border:1px solid #333;border-radius:8px;color:#0f0;max-width:400px;padding:12px}.dev-panel summary{cursor:pointer;font-weight:700;margin-bottom:8px;-webkit-user-select:none;user-select:none}.dev-panel summary:hover{color:#0ff}.dev-content{margin-top:12px}.dev-section{border-bottom:1px solid #333;margin-bottom:16px;padding-bottom:12px}.dev-section:last-child{border-bottom:none;margin-bottom:0}.dev-section h4{color:#ff0;font-size:12px;margin:0 0 8px}.dev-button{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#0f0;cursor:pointer;font-family:inherit;font-size:10px;margin:2px 4px 2px 0;padding:4px 8px;transition:all .2s}.dev-button:hover{background:#333;border-color:#555;color:#0ff}.dev-state,.env-check{display:flex;flex-direction:column;gap:4px}.env-item,.state-item{align-items:center;display:flex;font-size:10px;justify-content:space-between}.env-label,.state-label{color:#888;min-width:80px}.env-value,.state-value{font-weight:700}.env-value.positive,.state-value.positive{color:#0f0}.env-value.negative,.state-value.negative{color:red}.state-value.warning{color:#ff0}.nav-button:focus,.retry-button:focus{outline:2px solid #1a73e8;outline-offset:2px}.nav-button:focus-visible,.retry-button:focus-visible{border-radius:20px}.global-loading{align-items:center;background:#0000;display:flex;justify-content:center;min-height:50vh}.global-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#1a73e8;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-error{align-items:center;background:#fce8e6;border:1px solid #fad2cf;border-radius:8px;color:#d93025;display:flex;font-size:14px;justify-content:space-between;margin:16px 24px;padding:16px 20px}.global-error button{background:none;border:none;border-radius:4px;color:#d93025;cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s}.global-error button:hover{background-color:#d930251a}.desktop-only{display:inline-flex}.mobile-only{display:none}.mobile-menu-button{background:#fff;border:1px solid #dadce0;box-shadow:0 1px 3px #00000014;margin-right:max(8px,var(--safe-right))}.mobile-menu-button svg path{fill:#1a73e8}.mobile-menu-button:hover svg path{fill:#1557b0}.mobile-menu-overlay{animation:overlayFade .2s ease-out;background:#0006;display:block;inset:0;position:fixed;z-index:2000}.mobile-menu-overlay.closing{animation:overlayFadeOut .2s ease-in forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{animation:slideIn .22s cubic-bezier(.2,0,0,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border-radius:0 12px 12px 0;border-right:1px solid #e8eaed;bottom:0;box-shadow:8px 0 28px #00000024;display:flex;flex-direction:column;height:100%;left:max(0px,var(--safe-left));overflow-y:auto;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));padding-top:calc(56px + var(--safe-top));position:absolute;top:0;width:min(88vw,360px)}.mobile-menu-panel.closing{animation:slideOut .2s cubic-bezier(.2,0,0,1) forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-8px)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.user-name-full{color:#202124;font-weight:600;margin-left:8px}.mobile-menu-nav{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.mobile-menu-item{background:#f8f9fa;border:1px solid #e8eaed;border-radius:12px;color:#202124;justify-content:flex-start;padding:12px 16px;width:100%}.mobile-menu-item:hover{background:#f1f3f4}.mobile-menu-item.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:600}.mobile-menu-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px}.mobile-menu-actions .nav-button{border-radius:12px;justify-content:flex-start}.mobile-menu-panel::-webkit-scrollbar{width:6px}.mobile-menu-panel::-webkit-scrollbar-track{background:#0000}.mobile-menu-panel::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:3px}.mobile-menu-panel::-webkit-scrollbar-thumb:hover{background:#9aa0a6}.mobile-menu-close{align-items:center;background:#0000;border:none;border-radius:18px;color:#5f6368;cursor:pointer;display:inline-flex;font-size:20px;height:36px;justify-content:center;line-height:1;width:36px}.mobile-menu-close:hover{background:#f1f3f4;color:#202124}@media (max-width:767px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.nav-container{gap:4px;padding:8px 16px}.nav-left{-ms-overflow-style:none;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-left::-webkit-scrollbar{display:none}.nav-right{flex-shrink:0;gap:8px}.nav-button{flex-shrink:0;font-size:13px;min-width:-webkit-fit-content;min-width:fit-content}.nav-button,.nav-button.home-button,.nav-button.logout-button{padding:8px 12px}.user-info{padding:4px 8px}.user-name{display:none}.user-avatar,.user-avatar-placeholder{height:24px;width:24px}.dev-tools{bottom:10px;right:10px}.dev-panel{max-width:300px}.error-actions{align-items:center;flex-direction:column}.app-error,.app-loading{padding:20px 16px}}@media (max-width:480px){.nav-container{height:56px;padding:8px max(12px,var(--safe-left)) 8px max(12px,var(--safe-right))}.nav-button{font-size:12px;gap:4px}.nav-button,.nav-button.home-button,.nav-button.logout-button{padding:6px 10px}.user-info{padding:4px 6px}.user-avatar,.user-avatar-placeholder{font-size:9px;height:20px;width:20px}.app-content{min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px)}.retry-button{font-size:13px;padding:10px 20px}}@media (prefers-contrast:high){.app-navigation{border-bottom:2px solid #000}.nav-button{border:1px solid #0000}.nav-button:hover{border-color:#000}.nav-button.active{background:#000;border-color:#000;color:#fff}.app-content{padding-bottom:68px}.user-info{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.bg-progress-fill,.global-error button,.loading-spinner,.nav-button,.retry-button,.user-info{animation:none;transition:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(0deg)}}}@media print{.app-navigation,.dev-tools{display:none}.app-content{min-height:auto;padding-top:0}.app-content,.app-error,.app-loading{background:#fff}}.bottom-nav{background:linear-gradient(180deg,#fff,#f6f8fc 52%,#eef2f9);border-top:1px solid #3c40431f;box-shadow:0 -12px 28px #0000001a,0 -4px 10px #0000000f,inset 0 1px 0 #ffffffa6;display:flex;gap:6px;overflow-x:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:99999}.bottom-nav,.bottom-nav:before{bottom:0;left:0;position:fixed;right:0}.bottom-nav:before{background:#fff;background:var(--color-surface,#fff);content:"";height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom);pointer-events:none;z-index:1099}@media (display-mode:standalone){.bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.bottom-nav,.bottom-nav:before{background:#fff!important;background:var(--color-surface,#fff)!important}}@media (max-width:767px){.bottom-nav{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--color-surface,#fff)!important;box-sizing:border-box;display:grid;grid-template-columns:repeat(5,1fr);height:calc(68px + constant(safe-area-inset-bottom));height:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden;padding:6px;padding-bottom:6px!important}.bottom-nav:before{display:none!important}.bottom-nav .tab{min-width:0}}@media (display-mode:standalone){.app-navigation{padding-top:max(var(--safe-top),0px)}}@media (display-mode:standalone) and (max-width:767px){.page-header{top:var(--safe-top)}.app-content{padding-top:max(var(--safe-top),0px)}.bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(180deg,#fff,#f6f8fc 52%,#eef2f9)!important;padding-bottom:6px!important;z-index:3000!important}.bottom-nav:before{display:none!important}}@media (display-mode:fullscreen) and (max-width:767px){.page-header{top:var(--safe-top)}.app-content{padding-top:max(var(--safe-top),0px)}.bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(180deg,#fff,#f6f8fc 52%,#eef2f9)!important;padding-bottom:6px!important;z-index:3000!important}.bottom-nav:before{display:none!important}}.nav-rail{-webkit-backdrop-filter:saturate(120%) blur(14px);backdrop-filter:saturate(120%) blur(14px);background:color-mix(in oklab,#fff 92%,#0000);background:color-mix(in oklab,var(--color-surface,#fff) 92%,#0000);border-right:1px solid #e8eaed;border-right:1px solid var(--color-border,#e8eaed);bottom:0;display:none;left:0;padding-bottom:max(8px,var(--safe-bottom));padding-top:64px;position:fixed;top:calc(var(--safe-top));width:104px;z-index:1100}.nav-rail,.nav-rail .rail-tab{align-items:center;flex-direction:column;gap:6px}.nav-rail .rail-tab{background:#0000;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:#5f6368;color:var(--color-muted,#5f6368);display:flex;font:600 12px var(--font-sans);height:80px;justify-content:center;padding:6px;text-align:center;width:96px}.nav-rail .rail-tab .label{display:block;font-size:12px;line-height:1.15;overflow:hidden;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.nav-rail .rail-tab.active{background:color-mix(in oklab,var(--brand) 8%,#0000);border-color:color-mix(in oklab,var(--brand) 15%,#0000);color:#1a73e8;color:var(--brand,#1a73e8)}.nav-rail .rail-tab .tab-icon,.nav-rail .rail-tab .tab-icon *{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.nav-rail .rail-tab{position:relative}.nav-rail .rail-tab:after{background:#202124;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(aria-label);font-size:12px;left:92px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.nav-rail .rail-tab:focus-visible:after,.nav-rail .rail-tab:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}}@media (min-width:768px) and (max-width:1280px){.nav-rail{display:flex;padding-top:84px}.app-navigation{display:none}.app-content{padding-left:120px}.nav-rail .rail-tab.active .tab-icon{animation:hueSpin 10s linear infinite;filter:hue-rotate(0deg) saturate(.9) brightness(.92)}.nav-rail .rail-tab.active .label{-webkit-text-fill-color:#0000;animation:labelShine 8s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,color-mix(in oklab,#f44336 65%,#3c4043 35%),color-mix(in oklab,#ff9800 65%,#3c4043 35%),color-mix(in oklab,#ffeb3b 65%,#3c4043 35%),color-mix(in oklab,#4caf50 65%,#3c4043 35%),color-mix(in oklab,#2196f3 65%,#3c4043 35%),color-mix(in oklab,#9c27b0 65%,#3c4043 35%),color-mix(in oklab,#f44336 65%,#3c4043 35%));-webkit-background-clip:text;background-clip:text;background-size:250% 100%;color:#0000;transform:translateZ(0);will-change:background-position}}@media (min-width:768px){.bottom-nav{display:none!important}}.bottom-nav .tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:14px;color:#5f6368;color:var(--color-muted,#5f6368);display:flex;flex-direction:column;font:600 12px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:600 12px var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);gap:4px;justify-content:center;min-width:0;padding:6px 4px;position:relative;transition:transform .12s ease,color .15s ease}.bottom-nav .tab:before{content:none!important;display:none!important}.bottom-nav .tab.active:before{display:none!important}.bottom-nav .tab .label,.bottom-nav .tab .tab-icon{position:relative;z-index:1}.bottom-nav .tab .tab-icon{display:block;height:24px;width:24px}.bottom-nav .tab .tab-icon,.bottom-nav .tab .tab-icon *{stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:filter .2s ease,transform .15s ease,color .2s ease}.bottom-nav .tab:active{transform:translateY(.5px)}.bottom-nav .tab.active{color:#1a73e8;color:var(--brand,#1a73e8);transform:translateY(-.5px)}.bottom-nav .tab.active .tab-icon{animation:hueSpin 10s linear infinite;filter:hue-rotate(0deg) saturate(1.15);transform:translateZ(0) scale(1.04)}.bottom-nav .tab.active:after{display:none!important}.bottom-nav .tab.active .label{-webkit-text-fill-color:#0000;animation:labelShine 8s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,color-mix(in oklab,#f44336 65%,#3c4043 35%),color-mix(in oklab,#ff9800 65%,#3c4043 35%),color-mix(in oklab,#ffeb3b 65%,#3c4043 35%),color-mix(in oklab,#4caf50 65%,#3c4043 35%),color-mix(in oklab,#2196f3 65%,#3c4043 35%),color-mix(in oklab,#9c27b0 65%,#3c4043 35%),color-mix(in oklab,#f44336 65%,#3c4043 35%));-webkit-background-clip:text;background-clip:text;background-size:250% 100%;color:#0000;transform:translateZ(0);will-change:background-position}@keyframes hueSpin{0%{filter:hue-rotate(0deg) saturate(.9) brightness(.92)}to{filter:hue-rotate(1turn) saturate(.9) brightness(.92)}}@keyframes labelShine{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:767px){.bottom-nav.mobile-only{display:grid!important;left:0;right:0;width:100vw}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@media (prefers-color-scheme:dark) and (min-width:99999px){body{background-color:#202124;color:#e8eaed}.App{background:#202124}.app-content{background-color:#202124}.app-navigation{background:#2d2e30;border-bottom-color:#3c4043}.bottom-nav{background:linear-gradient(180deg,#2a2b2f,#232427);border-top-color:#3c4043;box-shadow:0 -8px 24px #00000059,0 -2px 6px #00000040}.bottom-nav .tab:before{background:linear-gradient(180deg,color-mix(in oklab,var(--brand) 24%,#2f3034) 0,#2a2b2f 100%);box-shadow:0 8px 18px #8ab4f82e,inset 0 1px 0 #ffffff0f}.nav-button{color:#e8eaed}.nav-button:hover{background:#3c4043;color:#fff}.nav-button.active{background:#1a73e8;color:#fff}.nav-button.active:hover{background:#1557b0}.nav-button.home-button{background:#1a73e833;color:#8ab4f8}.nav-button.home-button:hover{background:#1a73e84d}.nav-button.logout-button{background:#ea433533;color:#f28b82}.nav-button.logout-button:hover{background:#ea43354d}.nav-button.cpanel-button{background:#5c6bc033;border-color:#5c6bc04d;color:#9fa8da}.nav-button.cpanel-button:hover{background:#5c6bc04d}.user-info{background:#8ab4f81a;border-color:#8ab4f833}.user-name{color:#e8eaed}.user-avatar-placeholder{background:linear-gradient(135deg,#8ab4f8,#4285f4)}.app-error,.app-loading{background:#202124}.app-loading p{color:#9aa0a6}.global-loading-spinner,.loading-spinner{border-color:#8ab4f8 #3c4043 #3c4043}.error-details{background:#f28b821a;border-color:#f28b824d}.error-details pre{color:#f28b82}.debug-error details,.debug-loading details{background:#2d2e30;border-color:#3c4043}.debug-content pre,.debug-loading pre{background:#202124;border-color:#3c4043;color:#e8eaed}.retry-button.secondary{background:#2d2e30;border-color:#3c4043;color:#e8eaed}.retry-button.secondary:hover{background:#3c4043;border-color:#5f6368}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.app-error,.app-loading{animation:fadeIn .3s ease-out}.nav-container{animation:slideIn .4s ease-out}.user-info{animation:fadeIn .5s ease-out .2s both}.nav-button{overflow:hidden;position:relative}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-button:hover:before{left:100%}.retry-button{overflow:hidden;position:relative}.retry-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.retry-button:active:after{height:300px;width:300px}.nav-button:focus-visible,.retry-button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.nav-button[aria-current=page]{background:#e8f0fe;color:#1a73e8;font-weight:600}.loading-spinner{position:relative}.loading-spinner:after{animation:pulse 1.5s ease-in-out infinite;background:#1a73e8;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}.app-error{position:relative}.app-error:before{background:linear-gradient(90deg,#ea4335,#fbbc04,#34a853,#4285f4);border-radius:8px 8px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.global-loading-spinner,.loading-spinner,.nav-button,.nav-container,.user-info{will-change:transform}.reload-wrapper{align-items:center;display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;line-height:0;position:relative;vertical-align:middle;width:44px}.reload-wrapper .nav-button.icon-button{line-height:1;position:relative;top:0!important;z-index:2}.reload-ring{animation:spin 1s linear infinite;border-color:#1a73e8 #1a73e8 #1a73e82e #1a73e82e;border-radius:50%;border-style:solid;border-width:2px;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease;width:100%;z-index:2}.reload-wrapper.loading .reload-ring{opacity:1}.floating-reload{align-items:center;background:var(--brand);border:1px solid color-mix(in oklab,var(--brand) 15%,#0000);border-radius:24px;bottom:calc(68px + max(env(safe-area-inset-bottom), 8px));box-shadow:0 8px 24px #0000002e;color:#fff;display:inline-flex;height:48px;justify-content:center;position:fixed;right:16px;width:48px;z-index:1200}.floating-reload svg path{fill:#fff}.floating-reload:active{transform:scale(.98)}.floating-menu{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e8eaed;border:1px solid var(--color-border,#e8eaed);border-radius:22px;box-shadow:0 6px 18px #0000001f;color:#202124;color:var(--color-text,#202124);display:inline-flex;height:44px;justify-content:center;left:16px;position:fixed;top:calc(max(env(safe-area-inset-top), 8px) + 12px);width:44px;z-index:1200}.floating-menu svg{display:block;height:24px;width:24px}@media (max-width:767px) and (min-width:700px){.floating-menu{left:calc(max(var(--safe-left), 0px) + 24px)}}@media (min-width:768px) and (max-width:1280px){.floating-menu{left:calc(max(var(--safe-left), 0px) + 30px)}}.floating-menu:active{transform:scale(.98)}.reload-overlay-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.9);transition:opacity .12s ease,transform .12s ease;width:100%;z-index:3}.reload-wrapper.success .reload-overlay-icon{background:#34a853;opacity:1;transform:scale(1)}.reload-wrapper.error .reload-overlay-icon{background:#ea4335;opacity:1;transform:scale(1)}.reload-wrapper.error .nav-button.icon-button svg,.reload-wrapper.success .nav-button.icon-button svg{opacity:0}.reload-wrapper.loading .nav-button.icon-button svg{opacity:1}.app-navigation{isolation:isolate}.app-navigation .nav-right .icon-button:active,.app-navigation .nav-right .icon-button:focus,.app-navigation .nav-right .nav-button:active,.app-navigation .nav-right .nav-button:focus,.app-navigation .nav-right button:active,.app-navigation .nav-right button:focus{box-shadow:none!important;margin-top:0!important;outline:none!important;top:0!important;transform:none!important}@media (min-width:768px){.app-navigation .nav-container{align-items:center;display:flex;height:64px}.app-navigation .nav-right{align-items:center!important;display:flex;height:64px}.app-navigation .nav-right .mobile-menu-button{align-items:center!important;align-self:center!important;display:inline-flex!important;justify-content:center!important;line-height:40px!important;margin:0!important;position:relative!important;top:-2px!important;transform:none!important;vertical-align:middle!important}.app-navigation .nav-right .mobile-menu-button:active,.app-navigation .nav-right .mobile-menu-button:focus,.app-navigation .nav-right .mobile-menu-button:focus-visible{top:-2px!important}.app-navigation .nav-right .mobile-menu-button svg{display:block}.floating-menu{display:inline-flex!important;left:calc(max(var(--safe-left), 0px) + 30px)!important;top:calc(max(env(safe-area-inset-top), 0px) + 10px)!important}.app-navigation .nav-right .mobile-menu-button{display:none!important}}.dev-tools{isolation:isolate}@media (max-width:1200px){.tasks-container{gap:20px;grid-template-columns:1fr;padding:20px}}@media (max-width:768px){.tasks-container{gap:16px;padding:16px}}.tasks-container>*{min-height:600px}.tasks-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:24px}.open-close-lists{display:flex;flex-direction:column;gap:20px}@media (max-width:1200px){.tasks-container{gap:20px;grid-template-columns:1fr;padding:20px}.open-close-lists{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.tasks-container{gap:16px;padding:16px}.open-close-lists{gap:16px;grid-template-columns:1fr}}.tasks-container>*{min-height:500px}.open-close-lists>*{min-height:240px}:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right)}.App.full-bleed .app-navigation .nav-container{margin:0;max-width:none;padding-left:max(0px,env(safe-area-inset-left));padding-left:max(0px,var(--safe-left));padding-right:max(0px,env(safe-area-inset-right));padding-right:max(0px,var(--safe-right));width:100%}.App.full-bleed .tasks-container{gap:16px;margin:0;max-width:none;padding:0}.App.full-bleed .wiener-view{margin:0;max-width:none;padding-left:max(0px,env(safe-area-inset-left));padding-left:max(0px,var(--safe-left));padding-right:max(0px,env(safe-area-inset-right));padding-right:max(0px,var(--safe-right));padding-top:0}.App.full-bleed .catalog-panel,.App.full-bleed .catalog-panel.open,.App.full-bleed .day-nav,.App.full-bleed .section-card,.App.full-bleed .wiener-header{margin:0;max-width:none;width:100%}.App.full-bleed .app-navigation{padding-top:env(safe-area-inset-top);padding-top:var(--safe-top)}.App.full-bleed .app-content{padding-bottom:env(safe-area-inset-bottom);padding-bottom:var(--safe-bottom)}
/*# sourceMappingURL=main.911e2a75.css.map*/