.calculator-container{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:24px;padding:40px;max-width:900px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 25px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.6);border:3px solid #0a1a49;transition:all .3s ease}.calculator-container:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.15),0 10px 30px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.6)}.header{text-align:center;margin-bottom:48px}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.form-section{margin-bottom:40px}.section-title{font-family:'Montserrat',sans-serif;font-size:1.3rem;font-weight:700;color:#0a1a49;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-transform:uppercase}.section-title-content{display:flex;align-items:center;gap:10px}.accordion-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:transform .3s ease;font-size:18px}.accordion-arrow.rotated{transform:rotate(180deg)}.additional-options-section{cursor:pointer}.additional-options-section .section-title:hover .accordion-arrow{color:#0a1a49}.section-icon{width:35px;height:35px;background:linear-gradient(135deg,#e8ecf5,#f8faff);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.year-selector{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.year-radio{display:none}.year-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:12px 24px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#374151;font-size:1.1em;flex:1;text-align:center;min-width:100px;height:100%;display:block}.year-option:hover{border-color:#0a1a49;background:rgba(10,26,73,.05);transform:translateY(-1px)}.year-radio:checked+.year-option{background:linear-gradient(135deg,#0e2567 10%,#081536 100%);border-color:#0a1a49;color:#fff;box-shadow:0 4px 12px rgba(10,26,73,.3);border:2px solid transparent}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px, 1fr));gap:20px}.material-input-container{position:relative;background:#fafbfc;border:2px solid #e1e5e9;border-radius:16px;transition:all .3s ease;overflow:hidden;cursor:text;min-height:80px;display:flex;align-items:center;padding:0 20px;gap:15px}.material-input-container:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#f59f08 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.material-input-container:hover{border-color:#0a1a49;box-shadow:0 8px 25px rgba(10,26,73,.15);transform:translateY(-2px)}.material-input-container:hover:before{opacity:1}.material-input-container.focused{border-color:#0a1a49;box-shadow:0 0 0 3px rgba(10,26,73,.1);background:#fff}.material-input-container.has-value{border-color:#0a1a49;background:rgba(10,26,73,.05)}.material-input-container.error{border-color:#dc2626;background:rgba(220,38,38,.02);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.material-input-container.error .material-label{color:#dc2626}.material-input-container.error .material-unit{color:#dc2626}.material-input-container.error .material-icon{background:linear-gradient(135deg,#dc2626,#991b1b)}.material-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.material-input-content{flex:1;display:flex;align-items:center;position:relative;min-height:45px}.material-input{width:100%;border:none;border-style:hidden!important;background:transparent!important;font-weight:600;color:#0A1A49!important;font-size:1.3em!important;outline:none;position:absolute;top:0;left:0;right:0;bottom:0;padding:0;z-index:2}.material-input::-webkit-outer-spin-button,.material-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.material-input[type=number]{-moz-appearance:textfield}.material-label{font-weight:600;color:#6b7280;font-size:1.1rem;position:absolute;top:50%;left:0;transform:translateY(-50%);pointer-events:none;transition:all .3s ease;z-index:1}.material-input-container.focused .material-label,.material-input-container.has-value .material-label{font-size:.8rem;top:0;color:#0a1a49;font-weight:500}.material-unit{color:#6b7280;font-weight:600;font-size:1rem;flex-shrink:0;margin-left:10px}.material-input-container.focused .material-unit,.material-input-container.has-value .material-unit{color:#0a1a49}.additional-options{background:#f8fafc;border-radius:16px;padding:32px;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.additional-options.collapsed{max-height:0;padding:0 32px;opacity:0;visibility:hidden}.additional-options.expanded{max-height:1000px;opacity:1;visibility:visible}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px, 1fr));gap:20px}.option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;height:100%}.option-card:hover{border-color:#0a1a49;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,26,73,.1)}.option-card.active{border-color:#0a1a49;background:rgba(10,26,73,.05)}.option-checkbox{position:absolute;top:16px;right:16px;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s ease}.option-card.active .option-checkbox{background:#0a1a49;border-color:#0a1a49}.option-card.active .option-checkbox:after{content:'✓';color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.option-title{font-weight:600;color:#1f2937;margin-bottom:8px;padding-right:32px}.option-description{color:#6b7280;font-size:.9rem;line-height:1.5}.calculate-button{width:100%;background:linear-gradient(135deg,#f8ac27 0%,#f59f08 100%);border:none;padding:20px 32px;border-radius:16px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:40px;position:relative;overflow:hidden}.calculate-button:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.calculate-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(10,26,73,.4);color:#0e2567}.calculate-button:hover:before{left:100%}.calculate-button:active{transform:translateY(0)}.wechselrechner h2{font-size:1.5em!important}.wechselrechner .section-title-content{font-size:.9em!important}.wechselrechner.calculator-container{padding:20px}.wechselrechner .materials-grid{grid-template-columns:repeat(auto-fit,minmax(270px, 1fr))}.wechselrechner .material-input-container{min-height:60px;border-radius:13px;padding:0 16px}.wechselrechner .material-icon{width:40px;height:40px;font-size:14px}.wechselrechner .material-label{font-weight:600;font-size:.8rem;transform:translateY(-40%);pointer-events:none}.wechselrechner .material-input{font-size:1em!important}.wechselrechner .calculate-button{margin-top:0}.wechselrechner select{appearance:none;-webkit-appearance:none;outline:none;width:inherit;cursor:pointer;background-color:#fff}@media (max-width:768px){.calculator-container{padding:24px}.header h1{font-size:2rem}.materials-grid{grid-template-columns:1fr}.material-input-container{min-height:70px;padding:0 15px}.material-icon{width:45px;height:45px;font-size:16px}.year-option{min-width:auto}.options-grid{grid-template-columns:1fr}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compact-calculator{max-width:1600px;width:100%;margin:0 auto;padding:0 10px}.filter-bar{background:#fff;#border:3px solid #0a1a49;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px rgba(10,26,73,.04),0 8px 24px rgba(10,26,73,.08),0 20px 40px rgba(10,26,73,.06)}.filter-wrapper{display:flex;flex-direction:column;gap:20px}.year-section{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap}@media (min-width:768px){.year-section{flex-wrap:nowrap}}.year-label{font-weight:700;color:#0a1a49;font-size:.95rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;min-width:50px}.year-selector-dropdown{display:flex;flex:0 0 auto}.year-select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:10px 30px 10px 20px;font-size:.95em;font-weight:700;color:#0a1a49;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230a1a49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;min-width:110px}.year-select:hover{border-color:#0a1a49;background-color:rgba(10,26,73,.05)}.year-select:focus{outline:none;border-color:#0a1a49;box-shadow:0 0 0 3px rgba(10,26,73,.1)}.materials-section{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.materials-label{font-weight:700;color:#0a1a49;font-size:.95rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;min-width:110px}.compact-calculator .materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1}.compact-calculator .material-input-container{min-height:65px;padding:0 15px;gap:12px}.compact-calculator .material-icon{width:40px;height:40px;font-size:16px}.compact-calculator .material-input-content{min-height:38px}.compact-calculator .material-label{font-size:.95rem;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.compact-calculator .material-input-container.focused .material-label,.compact-calculator .material-input-container.has-value .material-label{font-size:.7rem}.compact-calculator .material-unit{font-size:.9rem;margin-left:8px}.options-section{display:flex;align-items:flex-start;gap:15px}.options-label{font-weight:700;color:#0a1a49;font-size:.95rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;min-width:110px;padding-top:12px}.options-simple{display:flex;flex-wrap:wrap;gap:12px;flex:1}.option-simple{position:relative;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:10px 18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#374151;height:100%!important}.option-simple input[type=checkbox]{display:none}.option-simple:hover{border-color:#0a1a49;background:rgba(10,26,73,.05);transform:translateY(-1px)}.option-simple input[type=checkbox]:checked+.option-text{color:#0a1a49;font-weight:600}.option-simple:has(input[type=checkbox]:checked){border-color:#0a1a49;background:rgba(10,26,73,.08)}.option-text{transition:all .2s ease}.tooltip-icon{color:#9ca3af;font-size:.9rem;cursor:help;transition:color .2s ease}.option-simple:hover .tooltip-icon{color:#0a1a49}.compact-calculator .calculate-button{border-radius:12px;padding:16px 40px;font-size:1.15rem;margin-top:0}.compact-calculator .calculate-button-desktop{max-width:450px}.compact-calculator .calculate-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(10,26,73,.35)}@media (max-width:767px){.calculate-button-mobile{width:100%;margin-top:20px;display:block}.calculate-button-desktop{display:none}}@media (min-width:768px){.calculate-button-desktop{margin-left:auto;display:block}.calculate-button-mobile{display:none}}@media (max-width:1200px){.compact-calculator .materials-grid,.materials-grid-compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.compact-calculator .materials-grid,.materials-grid-compact{grid-template-columns:repeat(2,1fr)}}.materials-header{display:flex;align-items:center;justify-content:space-between;width:100%}.materials-toggle{display:none;background:0 0;border:none;padding:8px;cursor:pointer;color:#0a1a49;font-size:1rem;transition:transform .3s ease;order:2}.materials-toggle .toggle-icon{display:inline-block;transition:transform .3s ease}.materials-toggle[aria-expanded=false] .toggle-icon{transform:rotate(-90deg)}.materials-grid{transition:max-height .3s ease,opacity .3s ease,visibility .3s ease}.materials-grid.collapsed{max-height:0;opacity:0;visibility:hidden;overflow:hidden}@media (max-width:768px){.filter-wrapper{gap:15px}.year-section,.materials-section,.options-section{flex-direction:column;align-items:stretch;padding-bottom:15px}.compact-calculator .materials-grid,.materials-grid-compact{grid-template-columns:1fr}.materials-toggle{display:block}.materials-section{flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:0 !important}.materials-header{order:1;width:100%}.materials-label{min-width:auto;order:1}.materials-grid{order:2;width:100%;max-height:none;margin-top:15px}.materials-grid.collapsed{max-height:0;margin-top:0}}@media (min-width:768px){.compact-calculator .filter-wrapper{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:20px}.compact-calculator .year-section{flex:0 0 auto;order:1;border-bottom:none !important;padding-bottom:0 !important;align-self:center}.compact-calculator .options-section{flex:1 1 auto;order:2;align-self:center;padding-left:24px;border-left:2px solid #e5e7eb}.compact-calculator .materials-section{flex:0 0 100%;order:3;border-top:2px solid #e5e7eb;padding-top:20px;flex-direction:column;align-items:stretch}.materials-toggle{display:none !important}.materials-grid{max-height:none !important;opacity:1 !important;visibility:visible !important;margin-top:15px}.materials-grid.collapsed{max-height:none !important;opacity:1 !important;visibility:visible !important;margin-top:15px}}.compact-calculator .materials-box{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:0;box-shadow:0 1px 3px rgba(10,26,73,.2)}.compact-calculator .materials-header{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;gap:16px}.compact-calculator .materials-label{display:flex;align-items:center;gap:6px;font-weight:700;color:#0a1a49;font-size:.95rem;text-transform:uppercase;white-space:nowrap;min-width:auto}.compact-calculator .materials-toggle{display:inline-flex !important;align-items:center;gap:6px;flex-shrink:0;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;padding:7px 14px;font-size:.85rem;font-weight:600;color:#0a1a49;cursor:pointer;font-family:inherit;text-transform:none !important;letter-spacing:normal !important;transition:all .2s ease}.compact-calculator .materials-toggle:hover{border-color:#0a1a49;background:rgba(10,26,73,.05)}.compact-calculator .materials-toggle .toggle-icon{display:inline-block;font-size:13px;line-height:1;transition:transform .25s ease}.compact-calculator .materials-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.compact-calculator .materials-grid{transition:max-height .35s ease,opacity .25s ease,visibility .25s ease}.compact-calculator .materials-grid.collapsed{max-height:0 !important;opacity:0 !important;visibility:hidden !important;overflow:hidden !important;margin-top:0 !important}.compact-calculator .materials-grid:not(.collapsed){max-height:2000px;opacity:1;visibility:visible;margin-top:16px}.compact-calculator .filter-controls-card{background:#fff;border-radius:12px;padding:16px 20px;margin-top:12px;box-shadow:0 1px 3px rgba(10,26,73,.2)}.compact-calculator .filter-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;flex-wrap:nowrap}.compact-calculator .filter-controls-left{display:flex;align-items:center;flex:1;min-width:0;gap:0}.compact-calculator .filter-controls-bar .year-section{display:flex !important;align-items:center;gap:10px;padding:0 16px 0 0 !important;border:none !important;flex-shrink:0;flex-direction:row !important;flex-wrap:nowrap}.compact-calculator .filter-controls-bar .options-section{display:flex !important;align-items:center;gap:10px;padding:0 0 0 16px !important;border:none !important;flex:1;min-width:0;flex-direction:row !important;flex-wrap:nowrap}.compact-calculator .filter-controls-bar .options-label{padding-top:0 !important;white-space:nowrap;flex-shrink:0}.compact-calculator .filter-controls-bar .options-simple{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.compact-calculator .filter-controls-right{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-left:0;border-left:none;margin-left:4px}.compact-calculator .sort-label{font-weight:600;color:#0a1a49;font-size:.95rem;white-space:nowrap;text-transform:uppercase}.compact-calculator .sort-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:10px 40px 10px 16px;font-size:.95em;font-weight:700;color:#0a1a49;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230A1A49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;min-width:210px;box-shadow:0 1px 4px rgba(10,26,73,.07);font-family:inherit}.compact-calculator .sort-select:hover{border-color:#0a1a49;box-shadow:0 2px 8px rgba(10,26,73,.12)}.compact-calculator .sort-select:focus{outline:none;border-color:#0a1a49;box-shadow:0 0 0 3px rgba(10,26,73,.1)}@media (max-width:767px){.compact-calculator .filter-controls-bar{flex-direction:column;align-items:stretch;flex-wrap:wrap;gap:0;padding-top:0}.compact-calculator .materials-label{order:0}.compact-calculator .filter-controls-left{flex-direction:column;align-items:stretch;gap:0}.compact-calculator .filter-controls-bar .year-section{padding:12px 0 !important;border-bottom:1px solid #e5e7eb !important}.compact-calculator .filter-controls-bar .options-section{padding:12px 0 !important;border-bottom:1px solid #e5e7eb !important;flex-direction:column !important;align-items:flex-start !important}.compact-calculator .filter-controls-bar .options-simple{flex-wrap:wrap}.compact-calculator .filter-controls-right{padding:12px 0 4px;border-left:none;margin-left:0;justify-content:space-between}.compact-calculator .sort-select{flex:1;min-width:0}.compact-calculator .materials-grid:not(.collapsed){grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1100px){.compact-calculator .filter-controls-bar{flex-wrap:wrap}.compact-calculator .filter-controls-left{flex:1 1 auto;min-width:0}.compact-calculator .filter-controls-right{flex-shrink:0}.compact-calculator .filter-controls-bar .options-simple{flex-wrap:wrap}}.custom-select-wrapper{position:relative;display:inline-block;cursor:pointer;user-select:none;-webkit-user-select:none;outline:none}.custom-select-wrapper>select{position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;pointer-events:none !important;tabindex:-1 !important}.custom-select-display{display:flex;align-items:center;gap:0;border:2px solid #e5e7eb;border-radius:12px;font-size:.95em;font-weight:700;color:#0a1a49;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background-repeat:no-repeat;background-position:right 12px center;background-size:18px;white-space:nowrap;font-family:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230A1A49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.year-selector-dropdown .custom-select-display{background-color:#f9fafb;padding:10px 36px 10px 20px;min-width:110px}.compact-calculator .filter-controls-right .custom-select-display{background-color:#fff;padding:10px 40px 10px 16px;min-width:210px;box-shadow:0 1px 4px rgba(10,26,73,.07)}.custom-select-wrapper:hover .custom-select-display,.custom-select-wrapper.open .custom-select-display{border-color:#0a1a49;box-shadow:0 2px 8px rgba(10,26,73,.12)}.custom-select-wrapper.open .custom-select-display{box-shadow:0 0 0 3px rgba(10,26,73,.1)}.custom-select-wrapper.open .custom-select-display{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230A1A49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E")}.custom-select-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(10,26,73,.15);z-index:9999;list-style:none;padding:6px 0;margin:0;overflow:hidden;min-width:100%}.custom-select-wrapper.open .custom-select-dropdown{display:block}.custom-select-option{padding:10px 18px;font-size:.95em;font-weight:500;color:#374151;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit;list-style:none}.custom-select-option:hover{background:rgba(10,26,73,.06);color:#0a1a49}.custom-select-option.selected{color:#0a1a49;font-weight:700;background:rgba(10,26,73,.05)}@media (max-width:767px){.compact-calculator .filter-controls-right .custom-select-display{min-width:0;flex:1;width:100%}.compact-calculator .filter-controls-right .custom-select-wrapper{flex:1}}.materials-summary{flex:1;font-size:.82rem;color:#6b7280;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;transition:opacity .2s ease;align-self:center;min-width:0}.materials-summary.is-hidden{opacity:0;pointer-events:none}.fp-hidden{display:none !important}.fp-bar{display:flex;align-items:center;background:#fff;border-radius:15px;padding:6px 8px;gap:0;box-shadow:0 1px 3px rgba(10,26,73,.08),0 4px 16px rgba(10,26,73,.08);position:relative;width:100%;box-sizing:border-box}.fp-pill-wrap{position:relative;flex:1;min-width:0;display:flex;justify-content:center}.fp-sep{color:#d1d5db;font-size:22px;line-height:1;flex-shrink:0;user-select:none;padding:0 2px}.fp-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;border:2px solid transparent;background:0 0;cursor:pointer;font-family:'Noto Sans',sans-serif;transition:background .15s ease,border-color .15s ease;width:100%;text-align:left;min-width:0}.fp-pill:hover{background:#f9fafb}.fp-pill.fp-pill-active{border-color:#f59f08;background:#fffbeb}.fp-pill-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fp-icon-mengen{background:#fef3c7;color:#d97706}.fp-icon-pref{background:#ede9fe;color:#6d28d9}.fp-icon-sort{background:#e0e7ff;color:#4338ca}.fp-pill-body{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;min-width:0;overflow:hidden}.fp-pill-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;font-weight:600;white-space:nowrap;font-family:'Noto Sans',sans-serif}.fp-pill-value{font-size:14px;font-weight:600;color:#0a1a49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:'Montserrat',sans-serif;padding-top:4px}.fp-pref-badge{background:#f59f08;color:#0a1a49;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700;flex-shrink:0;font-family:'Montserrat',sans-serif}.fp-pill-caret{color:#9ca3af;flex-shrink:0;transition:transform .2s ease;display:block}.fp-pill.fp-pill-active .fp-pill-caret{transform:rotate(180deg)}.fp-popup{position:absolute;top:calc(100% + 10px);left:0;z-index:200;background:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(10,26,73,.05),0 10px 40px rgba(10,26,73,.15);min-width:360px;overflow:visible}.fp-popup:before{content:'';position:absolute;top:-7px;left:28px;width:14px;height:14px;background:#fff;border-radius:3px 0 0;transform:rotate(45deg);box-shadow:-2px -2px 5px rgba(10,26,73,.06)}.fp-popup.fp-popup-right{left:auto;right:0}.fp-popup.fp-popup-right:before{left:auto;right:28px}.fp-popup-inner{padding:22px 24px}.fp-popup-title{font-size:19px;font-weight:700;color:#0a1a49;font-family:'Montserrat',sans-serif;margin:0}.fp-popup-desc{font-size:13px;color:#6b7280;line-height:1.5;margin:4px 0 0;font-family:'Noto Sans',sans-serif}.fp-popup-divider{height:1px;background:#f3f4f6;margin:16px 0}.fp-mengen-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.fp-year-stepper{display:flex;align-items:center;gap:6px;flex-shrink:0}.fp-year-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#0a1a49;transition:border-color .15s ease,background .15s ease;line-height:1;font-family:inherit;padding:0}.fp-year-btn:hover:not(:disabled){border-color:#0a1a49;background:rgba(10,26,73,.05)}.fp-year-btn:disabled{opacity:.3;cursor:not-allowed}.fp-year-cur{font-size:15px;font-weight:700;color:#0a1a49;min-width:38px;text-align:center;font-family:'Montserrat',sans-serif}.fp-mat-list{display:flex;flex-direction:column}.fp-mat-row{display:flex;align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid #f9fafb}.fp-mat-row:last-child{border-bottom:none}.fp-mat-icon-wrap{width:34px;height:34px;border-radius:8px;background:#e0e5f3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fp-mat-img{width:22px;height:22px;object-fit:contain}.fp-mat-name{flex:1;font-size:13px;min-width:0}.fp-mat-input-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.fp-mat-input{width:72px !important;border:1.5px solid #e5e7eb !important;border-radius:8px !important;padding:7px 10px !important;font-size:16px !important;font-weight:600 !important;color:#0a1a49 !important;text-align:right !important;font-family:'Noto Sans',sans-serif !important;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield !important;background:#fff !important;box-shadow:none !important;outline:none !important}.fp-mat-input:focus{outline:none;border-color:#0a1a49;box-shadow:0 0 0 3px rgba(10,26,73,.08)}.fp-mat-input::-webkit-outer-spin-button,.fp-mat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fp-mat-unit{font-size:12px;color:#9ca3af;font-weight:500;font-family:'Noto Sans',sans-serif;min-width:16px}.fp-mengen-foot{display:flex;justify-content:space-between;align-items:center;gap:16px}.fp-total-row{display:flex;flex-direction:column;gap:2px}.fp-total-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-family:'Noto Sans',sans-serif}.fp-total-value{font-size:22px;font-weight:700;color:#0a1a49;font-family:'Montserrat',sans-serif}.fp-apply-btn{background:linear-gradient(135deg,#f8ac27 0%,#f59f08 100%);color:#0a1a49;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;font-family:'Montserrat',sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(245,159,8,.3);white-space:nowrap}.fp-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(245,159,8,.4)}.fp-popup#fp-popup-pref{min-width:400px}.fp-pref-list{display:flex;flex-direction:column}.fp-pref-item{display:flex;align-items:center;gap:14px;cursor:pointer;padding:13px 4px;border-radius:8px;transition:background .12s ease;user-select:none}.fp-pref-item:hover{background:#f9fafb}.fp-pref-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid #d1d5db;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;background:#fff}.fp-pref-item.fp-pref-checked .fp-pref-checkbox{background:#f59f08;border-color:#f59f08}.fp-pref-item.fp-pref-checked .fp-pref-checkbox:after{content:'';width:10px;height:6px;border-left:2px solid #0a1a49;border-bottom:2px solid #0a1a49;transform:rotate(-45deg) translateY(-1px)}.fp-pref-info{flex:1;display:flex;flex-direction:column;gap:2px}.fp-pref-name{font-size:14px;font-weight:600;color:#0a1a49;font-family:'Noto Sans',sans-serif}.fp-pref-desc{font-size:12px;color:#9ca3af;font-family:'Noto Sans',sans-serif}.fp-pref-sep{height:1px;background:#f3f4f6;margin:0 4px}.fp-pref-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#9ca3af;line-height:1.5;font-family:'Noto Sans',sans-serif}.fp-pref-note svg{flex-shrink:0;margin-top:1px}.fp-popup-inner-sort{padding:8px}.fp-sort-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:background .12s ease;user-select:none}.fp-sort-option:hover{background:#f9fafb}.fp-sort-option.fp-sort-selected{background:#fef3c7}.fp-sort-radio{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease;position:relative}.fp-sort-option.fp-sort-selected .fp-sort-radio{border-color:#f59f08}.fp-sort-option.fp-sort-selected .fp-sort-radio:after{content:'';width:10px;height:10px;border-radius:50%;background:#f59f08}.fp-sort-text{display:flex;flex-direction:column;gap:2px}.fp-sort-name{font-size:14px;font-weight:600;color:#0a1a49;font-family:'Noto Sans',sans-serif}.fp-sort-desc{font-size:12px;color:#9ca3af;font-family:'Noto Sans',sans-serif}@media (max-width:767px){.fp-bar{border-radius:16px;padding:4px 6px;flex-direction:column;align-items:stretch;gap:2px}.fp-pill-wrap{justify-content:stretch}.fp-pill{border-radius:12px;width:100%}.fp-sep{display:none}.fp-popup,.fp-popup.fp-popup-right{left:0 !important;right:0 !important;min-width:0;width:100%;border-radius:12px}.fp-popup:before,.fp-popup.fp-popup-right:before{display:none}.fp-popup#fp-popup-pref{min-width:0}}