.material-planner-page .material-planner{max-width:100%;margin:0 auto}.material-planner-page .save-status{text-align:right;min-height:18px;margin-bottom:10px;font-size:12px}.material-planner-page .save-status .save-dirty{color:#ed343e}.material-planner-page .save-status .save-saving{color:#009eec}.material-planner-page .save-status .save-done{color:#ffffff8c}.material-planner-page .add-character-panel{background-color:#1c1d21;border:1px solid #33343a;margin-bottom:20px;padding:20px}.material-planner-page .add-character-panel h3{text-transform:uppercase;margin-bottom:12px;font-size:16px;font-weight:600}.material-planner-page .character-search{position:relative}.material-planner-page .character-search .search-input-wrapper .pw-form-control{color:#fff;background-color:#2c2d33;border:1px solid #33343a;width:100%;padding:8px 12px;font-size:14px}.material-planner-page .character-search .search-input-wrapper .pw-form-control::placeholder{color:#ffffff8c}.material-planner-page .character-search .search-input-wrapper .pw-form-control:focus{border-color:#009eec;outline:none;box-shadow:0 0 0 2px #009eec33}.material-planner-page .character-search .search-results{z-index:200;background-color:#2c2d33;border:1px solid #33343a;border-top:none;max-height:320px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.material-planner-page .character-search .search-results li{border-bottom:1px solid #33343a}.material-planner-page .character-search .search-results li:last-child{border-bottom:none}.material-planner-page .character-search .search-results .search-result-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background-color .15s;display:flex}.material-planner-page .character-search .search-results .search-result-item:hover{background-color:#36373d}.material-planner-page .character-search .search-results .search-result-item img{border-radius:4px;flex-shrink:0}.material-planner-page .character-search .search-results .search-result-item .char-name{flex:1;font-weight:500}.material-planner-page .character-search .search-results .search-result-item .rarity{color:#ffffff8c;font-size:12px}.material-planner-page .character-search .search-results .search-result-item .rarity.rarity-6{color:#ffa502}.material-planner-page .character-search .search-results .search-result-item .rarity.rarity-5{color:#c77dff}.material-planner-page .character-search .search-results .search-result-item .rarity.rarity-4{color:#70a1ff}.material-planner-page .character-search .search-no-results{z-index:200;color:#ffffff8c;background-color:#2c2d33;border:1px solid #33343a;border-top:none;padding:12px;font-size:14px;position:absolute;top:100%;left:0;right:0}.material-planner-page .plans-section{margin-bottom:24px}.material-planner-page .plans-section .plans-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.material-planner-page .plans-section .plans-header h3{text-transform:uppercase;margin:0;font-size:16px;font-weight:600}.material-planner-page .plan-cards{flex-direction:column;gap:12px;display:flex}.material-planner-page .plan-card{background-color:#1c1d21;border:1px solid #33343a}.material-planner-page .plan-card .plan-card-header{border-bottom:1px solid #33343a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (max-width:768px){.material-planner-page .plan-card .plan-card-header{flex-direction:column;align-items:flex-start;gap:10px}}.material-planner-page .plan-card .plan-card-header .char-identity{align-items:center;gap:10px;display:flex}.material-planner-page .plan-card .plan-card-header .char-identity img{border-radius:4px;flex-shrink:0}.material-planner-page .plan-card .plan-card-header .char-identity .char-info h4{margin:0;font-size:15px;font-weight:600}.material-planner-page .plan-card .plan-card-header .char-identity .char-info .rarity{font-size:12px}.material-planner-page .plan-card .plan-card-header .char-identity .char-info .rarity.rarity-6{color:#ffa502}.material-planner-page .plan-card .plan-card-header .char-identity .char-info .rarity.rarity-5{color:#c77dff}.material-planner-page .plan-card .plan-card-header .char-identity .char-info .rarity.rarity-4{color:#70a1ff}.material-planner-page .plan-card .plan-card-header .pw-card-actions{flex-shrink:0;gap:6px;display:flex}.material-planner-page .plan-card .plan-card-header .pw-card-actions .pw-btn{padding:3px 10px;font-size:12px}.material-planner-page .plan-card .plan-card-body{grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}@media (max-width:768px){.material-planner-page .plan-card .plan-card-body{grid-template-columns:1fr}}.material-planner-page .plan-card .plan-card-body .plan-section h5{text-transform:uppercase;color:#009eec;border-bottom:1px solid #33343a;margin-bottom:8px;padding-bottom:4px;font-size:13px;font-weight:600}.material-planner-page .plan-card .plan-card-body .plan-section .skills-grid{flex-direction:column;gap:6px;display:flex}.material-planner-page .select-field,.material-planner-page .range-field{align-items:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.material-planner-page .select-field label,.material-planner-page .range-field label{color:#ffffffbf;flex-shrink:0;min-width:80px;font-size:13px}@media (max-width:768px){.material-planner-page .select-field label,.material-planner-page .range-field label{min-width:70px;font-size:12px}}.material-planner-page .select-field .pw-form-select,.material-planner-page .range-field .pw-form-select{color:#fff;cursor:pointer;background-color:#2c2d33;border:1px solid #33343a;min-width:0;max-width:100%;padding:3px 8px;font-size:13px}.material-planner-page .select-field .pw-form-select:focus,.material-planner-page .range-field .pw-form-select:focus{border-color:#009eec;outline:none;box-shadow:0 0 0 2px #009eec33}@media (max-width:768px){.material-planner-page .range-field{flex-wrap:wrap}}.material-planner-page .range-field .range-selects{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.material-planner-page .range-field .range-selects .arrow{color:#ffffff8c;flex-shrink:0;font-size:14px}.material-planner-page .range-field .range-selects .pw-form-select{flex:1;min-width:0}.material-planner-page .breakdowns-section{margin-bottom:24px}.material-planner-page .breakdowns-section h3{text-transform:uppercase;margin-bottom:12px;font-size:16px;font-weight:600}.material-planner-page .char-breakdown{background-color:#1c1d21;border:1px solid #33343a;margin-bottom:12px;overflow:hidden}.material-planner-page .char-breakdown .breakdown-header{border-bottom:1px solid #33343a;align-items:center;gap:8px;padding:10px 16px;display:flex}.material-planner-page .char-breakdown .breakdown-header img{border-radius:4px;flex-shrink:0}.material-planner-page .char-breakdown .breakdown-header h4{margin:0;font-size:14px;font-weight:600}.material-planner-page .char-breakdown .breakdown-sections{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:12px 16px;display:grid}@media (max-width:768px){.material-planner-page .char-breakdown .breakdown-sections{grid-template-columns:1fr}}.material-planner-page .material-summary{width:100%;min-width:0}.material-planner-page .material-summary h4{color:#009eec;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:600}.material-planner-page .material-summary .material-grid{flex-direction:column;gap:3px;display:flex}.material-planner-page .material-summary .material-grid .material-item{justify-content:space-between;align-items:center;gap:12px;padding:2px 0;font-size:13px;display:flex}.material-planner-page .material-summary .material-grid .material-item .material-icon{object-fit:contain;background-color:#0f0f12;border:1px solid #33343a;border-radius:4px;flex-shrink:0;width:32px;height:32px}.material-planner-page .material-summary .material-grid .material-item .material-name{color:#ffffffe6;flex:1;min-width:0}.material-planner-page .material-summary .material-grid .material-item .material-qty{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.material-planner-page .grand-total-section{background-color:#1c1d21;border:1px solid #009eec;margin-bottom:24px;padding:16px 20px}.material-planner-page .grand-total-section .material-summary h4{margin-bottom:10px;font-size:16px}.material-planner-page .grand-total-section .material-summary .material-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 24px;display:grid}@media (max-width:768px){.material-planner-page .grand-total-section .material-summary .material-grid{grid-template-columns:1fr}}.material-planner-page .grand-total-section .material-summary .material-grid .material-item{border-bottom:1px solid #33343a;padding:4px 0;font-size:14px}.material-planner-page .grand-total-section .material-summary .material-grid .material-item .material-qty{font-size:15px}.material-planner-page .empty-state{text-align:center;color:#ffffff8c;padding:40px 20px}.material-planner-page .empty-state p{margin:0;font-size:16px}