@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:#f4f0e6;color:#2b2b2b}.dark-mode body{background:#1a1a1a;color:#f0f0f0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#efe9db;border:1px solid #c3a27a}.dark-mode ::-webkit-scrollbar-track{background:#2d2d2d;border-color:#5d4037}::-webkit-scrollbar-thumb{background:#c3a27a;border-radius:2px}.dark-mode ::-webkit-scrollbar-thumb{background:#5d4037}::-webkit-scrollbar-thumb:hover{background:#b08968}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#8b4513}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f4f0e6;color:#2b2b2b;padding:1rem;border:2px solid #c3a27a;border-radius:10px}:root{--background-color: #f4f0e6;--text-color: #2b2b2b;--border-color: #c3a27a;--header-background: linear-gradient(135deg, #fffaf0 0%, #f1e7d3 100%);--button-background: #8B4513;--button-hover-background: #c3a27a;--container-background: #fffaf0;--container-border: #8B4513;--form-background: #fffaf0;--input-background: #fff;--scrollbar-track: #efe9db;--scrollbar-thumb: #c3a27a;--scrollbar-thumb-hover: #b08968}.dark-mode{--background-color: #1a1a1a;--text-color: #f0f0f0;--border-color: #5d4037;--header-background: linear-gradient(135deg, #2d2d2d 0%, #1f1f1f 100%);--button-background: #8B4513;--button-hover-background: #a16b42;--container-background: #2d2d2d;--container-border: #5d4037;--form-background: #2d2d2d;--input-background: #3d3d3d;--scrollbar-track: #2d2d2d;--scrollbar-thumb: #5d4037;--scrollbar-thumb-hover: #8B4513}.dark-mode .app-container{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}.dark-mode .app-header{background:var(--header-background);color:var(--text-color);border-bottom-color:var(--border-color)}.app-header{background:linear-gradient(135deg,#fffaf0,#f1e7d3);color:#2b2b2b;border-bottom:2px solid #c3a27a;padding-bottom:1rem;margin-bottom:1rem}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:2.5rem;margin:0;text-transform:uppercase}.header-nav .nav-btn{background:var(--container-background);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;margin-left:1rem;cursor:pointer;transition:all .3s ease}.dark-mode-toggle{background:var(--container-background);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;margin-left:1rem;cursor:pointer;transition:all .3s ease;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.header-nav .nav-btn.active,.header-nav .nav-btn:hover{background:var(--button-hover-background);color:var(--container-background)}.dark-mode .header-nav .nav-btn,.dark-mode .dark-mode-toggle{background:var(--container-background);border-color:var(--border-color);color:var(--text-color)}.dark-mode .header-nav .nav-btn.active,.dark-mode .header-nav .nav-btn:hover{background:var(--button-hover-background);color:var(--container-background)}.app-content{display:grid;grid-template-columns:250px 1fr;gap:1rem;overflow:visible;flex:1}.container-nav{background:#fffaf0;border:1px solid #8B4513;padding:1rem;overflow-y:auto}.dark-mode .container-nav{background:var(--container-background);border-color:var(--container-border)}.container-nav h3{margin-top:0;text-transform:uppercase}.container-list{list-style:none;padding:0;margin:0}.container-button{background:transparent;border:none;color:#2b2b2b;width:100%;text-align:left;padding:.5rem;cursor:pointer}.container-button.active,.container-button:hover{background:#c3a27a;color:#fffaf0}.dark-mode .container-button{color:var(--text-color)}.dark-mode .container-button.active,.dark-mode .container-button:hover{background:var(--button-hover-background);color:var(--container-background)}.item-count{color:#8b4513;font-size:.9em;margin-left:5px}.dark-mode .item-count{color:#a16b42}.inventory-section{background:#f9f6ee}.dark-mode .inventory-section{background:var(--container-background)}.form-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.form-tab{background:#fffaf0;border:1px solid #c3a27a;color:#2b2b2b;padding:.5rem 1rem;cursor:pointer}.dark-mode .form-tab{background:var(--container-background);border-color:var(--border-color);color:var(--text-color)}.form-tab.active,.form-tab:hover{background:#c3a27a;color:#fffaf0}.dark-mode .form-tab.active,.dark-mode .form-tab:hover{background:var(--button-hover-background);color:var(--container-background)}.add-weapon-form,.add-armor-form,.add-apparel-form,.add-food-form,.add-aid-form,.add-misc-form,.add-holo-form,.add-notes-form,.add-mods-form,.add-ammo-storage-box-form,.add-scrapbox-form{border:1px solid #c3a27a;padding:1rem;margin-bottom:1rem;background:#fffaf0}.dark-mode .add-weapon-form,.dark-mode .add-armor-form,.dark-mode .add-apparel-form,.dark-mode .add-food-form,.dark-mode .add-aid-form,.dark-mode .add-misc-form,.dark-mode .add-holo-form,.dark-mode .add-notes-form,.dark-mode .add-mods-form,.dark-mode .add-ammo-storage-box-form,.dark-mode .add-scrapbox-form{border-color:var(--border-color);background:var(--form-background)}.weapon-form-grid,.armor-form-grid,.apparel-form-grid,.food-form-grid,.aid-form-grid,.misc-form-grid,.holo-form-grid,.notes-form-grid,.mods-form-grid,.ammo-storage-box-form-grid,.scrapbox-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}input,textarea,select{background:#fff;border:1px solid #c3a27a;color:#2b2b2b;padding:.5rem;width:100%;box-sizing:border-box}.dark-mode input,.dark-mode textarea,.dark-mode select{background:var(--input-background);border-color:var(--border-color);color:var(--text-color)}button{background:#8b4513;border:none;color:#fffaf0;padding:.75rem 1.5rem;cursor:pointer;text-transform:uppercase}.dark-mode button{background:var(--button-background);color:var(--container-background)}.table-container{border:1px solid #8B4513;padding:1rem;background:#fffaf0}.dark-mode .table-container{border-color:var(--container-border);background:var(--container-background)}.main-content{min-width:0;min-height:0;overflow:auto}.interactive-table-container{background:#fffaf0;border-radius:8px;box-shadow:0 0 10px #8b451326;overflow:visible;border:2px solid #c3a27a;margin-bottom:2rem}.dark-mode .interactive-table-container{background:#2d2d2d;border-color:#5d4037;box-shadow:0 0 10px #5d40374d}.table-title{color:#2b2b2b;margin:0;padding:.75rem 1rem;background:#f9f6ee;border-bottom:2px solid #c3a27a;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px 8px 0 0}.dark-mode .table-title{color:#f0f0f0;background:#1f1f1f;border-bottom-color:#5d4037}.table-wrapper{overflow-x:auto;overflow-y:visible;max-height:none;border-radius:0 0 8px 8px}.interactive-table{width:100%;border-collapse:collapse;margin:0;min-width:100%}.interactive-table th,.interactive-table td{border:1px solid rgba(195,162,122,.5);padding:.5rem;text-align:left;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#fffaf0}.dark-mode .interactive-table th,.dark-mode .interactive-table td{border-color:#5d403780;color:#f0f0f0;background:#2d2d2d}.interactive-table th{background:#f9f6ee;font-weight:700;color:#2b2b2b;border-bottom:2px solid #c3a27a;position:sticky;top:0;z-index:10;-webkit-user-select:none;user-select:none}.dark-mode .interactive-table th{background:#1f1f1f;color:#f0f0f0;border-bottom-color:#5d4037}.header-content{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%}.header-text{flex:1;overflow:hidden;text-overflow:ellipsis}.sort-icon{font-size:.8em;opacity:.5;transition:opacity .2s ease;flex-shrink:0}.dark-mode .sort-icon{opacity:.7}.sort-icon.active{opacity:1;color:#8b4513}.dark-mode .sort-icon.active{color:#a16b42}.sortable-header{cursor:pointer;transition:background-color .2s ease}.sortable-header:hover{background:#c3a27a33}.dark-mode .sortable-header:hover{background:#5d40374d}.column-resizer{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;border-right:2px solid transparent;transition:border-color .2s ease}.column-resizer:hover{border-right-color:#c3a27a}.dark-mode .column-resizer:hover{border-right-color:#5d4037}.interactive-table tbody tr:nth-child(2n){background:#fdfaf4}.dark-mode .interactive-table tbody tr:nth-child(2n){background:#333}.interactive-table tbody tr:hover{background:#c3a27a33}.dark-mode .interactive-table tbody tr:hover{background:#5d40374d}.no-data{text-align:center;font-style:italic;color:#8b4513;padding:2rem}.dark-mode .no-data{color:#a16b42}.table-actions{display:flex;gap:.2rem;align-items:center;justify-content:center}.table-actions .edit-btn,.table-actions .delete-btn,.table-actions .save-btn,.table-actions .cancel-btn{padding:.2rem .4rem;font-size:.7rem;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;margin:0;border-radius:4px;border:1px solid;cursor:pointer;transition:all .2s ease;background:transparent;color:#8b4513;border-color:#c3a27a}.dark-mode .table-actions .edit-btn,.dark-mode .table-actions .delete-btn,.dark-mode .table-actions .save-btn,.dark-mode .table-actions .cancel-btn{color:#a16b42;border-color:#5d4037}.table-actions .edit-btn:hover,.table-actions .delete-btn:hover,.table-actions .save-btn:hover,.table-actions .cancel-btn:hover{background:#c3a27a;color:#fffaf0}.dark-mode .table-actions .edit-btn:hover,.dark-mode .table-actions .delete-btn:hover,.dark-mode .table-actions .save-btn:hover,.dark-mode .table-actions .cancel-btn:hover{background:#5d4037;color:#f0f0f0}.interactive-table input[type=text],.interactive-table input[type=number],.interactive-table select,.interactive-table textarea{width:100%;box-sizing:border-box;min-width:0;padding:2px 4px;font-size:.85rem;border:1px solid #c3a27a;border-radius:3px;background:#fff;color:#2b2b2b}.dark-mode .interactive-table input[type=text],.dark-mode .interactive-table input[type=number],.dark-mode .interactive-table select,.dark-mode .interactive-table textarea{border-color:#5d4037;background:#3d3d3d;color:#f0f0f0}.interactive-table input[type=checkbox]{width:auto;margin:0;cursor:pointer}.interactive-table textarea{resize:vertical;min-height:40px;max-height:80px}@media (max-width: 768px){.table-wrapper{max-height:none}.interactive-table th,.interactive-table td{padding:.3rem;font-size:.8rem}.table-actions .edit-btn,.table-actions .delete-btn,.table-actions .save-btn,.table-actions .cancel-btn{width:24px;height:24px;font-size:.6rem}}.interactive-table tbody tr.clickable-row:hover{cursor:pointer;background-color:#8b451326}.dark-mode .interactive-table tbody tr.clickable-row:hover{background-color:#5d40374d}.interactive-table-container:not(:has(.table-title)) .interactive-table thead tr:first-child th:first-child{border-top-left-radius:8px}.interactive-table-container:not(:has(.table-title)) .interactive-table thead tr:first-child th:last-child{border-top-right-radius:8px}.interactive-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.interactive-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.item-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Inter,system-ui,sans-serif}.dark-mode .item-modal-overlay{background-color:#000000b3}.item-modal-content{background-color:#fffaf0;color:#2b2b2b;border:2px solid #c3a27a;border-radius:10px;box-shadow:0 0 20px #8b451340;padding:25px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.dark-mode .item-modal-content{background-color:#2d2d2d;color:#f0f0f0;border-color:#5d4037;box-shadow:0 0 20px #5d403766}.item-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c3a27a;padding-bottom:15px;margin-bottom:20px}.dark-mode .item-modal-header{border-bottom-color:#5d4037}.item-title{margin:0;font-size:2rem;text-transform:uppercase;letter-spacing:1px}.close-button{background:none;border:none;color:#8b4513;font-size:2rem;cursor:pointer;transition:color .3s ease}.dark-mode .close-button{color:#a16b42}.close-button:hover{color:#b08968}.dark-mode .close-button:hover{color:#c3a27a}.item-modal-body{flex:1;overflow-y:auto}.item-description{background:#f9f6ee;border-left:3px solid #c3a27a;padding:10px 15px;margin-bottom:20px;font-style:italic}.dark-mode .item-description{background:#1f1f1f;border-left-color:#5d4037}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.item-attribute{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed rgba(195,162,122,.5)}.dark-mode .item-attribute{border-bottom-color:#5d403780}.attribute-key{font-weight:700;text-transform:capitalize}.attribute-value{text-align:right}.bottom-attributes{border-top:1px solid #8B4513;padding-top:15px;margin-top:20px;display:flex;justify-content:space-around;gap:20px}.dark-mode .bottom-attributes{border-top-color:#5d4037}.power-armor-page{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff;padding:2rem;grid-column:1 / -1}.page-header{text-align:center;margin-bottom:30px;padding:20px;background:#0000004d;border-radius:10px;border:2px solid #e74c3c}.page-header h1{color:#e74c3c;font-size:2.5em;margin-bottom:10px;text-shadow:0 0 10px rgba(231,76,60,.5)}.page-header p{color:#bdc3c7;font-size:1.1em}.tabs{display:flex;margin-bottom:30px;background:#0003;border-radius:10px;padding:5px;gap:5px}.tab{flex:1;padding:15px 20px;background:transparent;border:none;color:#bdc3c7;cursor:pointer;border-radius:8px;transition:all .3s ease;font-size:14px;font-weight:500}.tab:hover{background:#e74c3c1a;color:#e74c3c}.tab.active{background:#e74c3c;color:#fff;box-shadow:0 2px 10px #e74c3c4d}.overview-tab{display:flex;flex-direction:column;gap:30px}.overview-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}@media (max-width: 1024px){.overview-content{grid-template-columns:1fr}}.power-armor-stats h3{color:#e74c3c;margin-bottom:20px;font-size:1.5em}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.pa-type-card{background:#0000004d;border:2px solid #34495e;border-radius:10px;padding:20px;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column}.pa-type-card:hover{border-color:#e74c3c;box-shadow:0 5px 15px #e74c3c33}.pa-type-card h4{color:#e74c3c;margin-bottom:10px;font-size:1.3em;text-align:center}.pa-levels{text-align:center;margin-bottom:15px;padding:5px 10px;background:#3498db1a;border-radius:5px;border:1px solid #3498db}.levels-label{color:#3498db;font-size:.8em;font-weight:700;margin-right:5px}.levels-value{color:#fff;font-size:.9em}.pa-stats{display:flex;justify-content:space-around;margin-bottom:15px}.stat{text-align:center}.stat-label{display:block;color:#bdc3c7;font-size:.9em}.stat-value{display:block;color:#fff;font-size:1.2em;font-weight:700}.special-features{background:#e74c3c1a;padding:10px;border-radius:5px;color:#ecf0f1;font-size:.9em;text-align:center;margin-top:auto;flex-grow:1;display:flex;align-items:center;justify-content:center}.mod-reference h3{color:#e74c3c;margin-bottom:20px;font-size:1.5em}.mod-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media (max-width: 768px){.mod-categories{grid-template-columns:1fr}}.mod-category{background:#0000004d;border:1px solid #34495e;border-radius:10px;padding:20px}.mod-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.expand-btn{background:transparent;border:1px solid #3498db;color:#3498db;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px;transition:all .3s ease}.expand-btn:hover{background:#3498db;color:#fff}.mod-category h4{color:#3498db;margin-bottom:15px;text-transform:capitalize}.mod-list{display:flex;flex-direction:column;gap:10px}.mod-item{background:#34495e4d;padding:10px;border-radius:5px;border-left:3px solid #3498db;transition:all .3s ease}.mod-item.clickable{cursor:pointer}.mod-item.clickable:hover{background:#3498db33;border-left-color:#e74c3c;transform:translate(3px)}.mod-name{color:#fff;font-weight:700;margin-bottom:5px}.mod-effect{color:#bdc3c7;font-size:.9em}.mod-item-more{color:#95a5a6;font-style:italic;text-align:center;padding:8px;background:#95a5a61a;border-radius:3px;transition:all .3s ease}.mod-item-more.clickable{cursor:pointer}.mod-item-more.clickable:hover{background:#95a5a64d;color:#ecf0f1}.quick-stats{background:#0000004d;border:1px solid #34495e;border-radius:10px;padding:20px}.quick-stats h3{color:#e74c3c;margin-bottom:20px;font-size:1.3em}.rankings{display:flex;flex-direction:column;gap:20px}.ranking-category{background:#34495e4d;padding:15px;border-radius:8px;border-left:4px solid #f39c12}.ranking-category h4{color:#f39c12;margin-bottom:10px;font-size:1em}.ranking-category ol{margin:0;padding-left:20px;color:#ecf0f1}.ranking-category li{margin-bottom:5px;font-size:.9em}.ranking-category li:first-child{color:#f1c40f;font-weight:700}.sets-tab{display:flex;flex-direction:column;gap:20px}.set-completion{margin-bottom:15px}.completion-bar{width:100%;height:8px;background:#34495e4d;border-radius:4px;overflow:hidden;margin-bottom:5px}.completion-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#27ae60);border-radius:4px;transition:width .3s ease}.completion-text{color:#bdc3c7;font-size:.9em;text-align:center}.set-pieces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.piece-slot{background:#34495e4d;border:2px dashed #34495e;border-radius:8px;padding:10px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s ease}.piece-slot.filled{border:2px solid #27ae60;background:#27ae601a}.piece-slot.empty:hover{border-color:#e74c3c;background:#e74c3c1a}.piece-type-label{color:#3498db;font-size:.7em;font-weight:700;margin-bottom:5px;text-transform:uppercase}.piece-info{display:flex;flex-direction:column;align-items:center;width:100%}.piece-name{color:#ecf0f1;font-size:.8em;font-weight:700;margin-bottom:3px}.piece-stats{color:#bdc3c7;font-size:.7em;margin-bottom:3px}.piece-location{color:#f39c12;font-size:.7em}.piece-missing{display:flex;align-items:center;justify-content:center;height:100%}.add-piece-btn{background:#27ae60;color:#fff;border:none;padding:5px 8px;border-radius:3px;cursor:pointer;font-size:.7em;transition:all .3s ease}.add-piece-btn:hover{background:#2ecc71}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{color:#e74c3c;font-size:1.5em}.add-btn{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.add-btn:hover{background:#2ecc71;box-shadow:0 2px 10px #2ecc714d}.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.set-card{background:#0000004d;border:2px solid #34495e;border-radius:10px;padding:20px;transition:all .3s ease}.set-card:hover{border-color:#e74c3c;box-shadow:0 5px 15px #e74c3c33}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.set-header h4{color:#fff;margin:0}.set-type{background:#e74c3c;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8em}.completion-status{margin-bottom:10px;font-weight:700}.set-description{color:#bdc3c7;margin-bottom:15px;font-size:.9em}.set-pieces{background:#34495e4d;padding:10px;border-radius:5px;margin-bottom:15px}.piece-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.piece-item:last-child{border-bottom:none}.piece-type{color:#3498db;font-weight:700;text-transform:capitalize}.piece-name{color:#ecf0f1}.set-actions{display:flex;gap:10px}.set-actions button{flex:1;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s ease}.set-actions button:first-child{background:#3498db;color:#fff}.set-actions button:first-child:hover{background:#2980b9}.delete-btn{background:#e74c3c!important;color:#fff!important}.delete-btn:hover{background:#c0392b!important}.pieces-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;padding:20px;background:#0000004d;border-radius:10px}.pieces-filters select{padding:10px;border:1px solid #34495e;border-radius:5px;background:#34495e4d;color:#fff;cursor:pointer}.pieces-filters select:focus{outline:none;border-color:#e74c3c}.pieces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.piece-card{background:#0000004d;border:2px solid #34495e;border-radius:10px;padding:20px;transition:all .3s ease}.piece-card:hover{border-color:#e74c3c;box-shadow:0 5px 15px #e74c3c33}.piece-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.piece-type-badge{background:#3498db;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8em;text-transform:capitalize}.piece-pa-type{background:#e74c3c;color:#fff;padding:3px 8px;border-radius:10px;font-size:.8em}.piece-card .piece-name{color:#fff;font-size:1.1em;font-weight:700;margin-bottom:10px;text-align:center}.piece-stats-row{display:flex;justify-content:space-around;margin-bottom:15px;padding:10px;background:#34495e4d;border-radius:5px}.piece-stats-row .stat{color:#ecf0f1;font-size:.9em;font-weight:700}.piece-condition{display:flex;align-items:center;gap:10px;margin-bottom:15px}.condition-bar{flex:1;height:6px;background:#34495e4d;border-radius:3px;overflow:hidden}.condition-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60);border-radius:3px;transition:width .3s ease}.condition-text{color:#bdc3c7;font-size:.9em;font-weight:700}.piece-details{display:flex;justify-content:space-between;margin-bottom:15px;color:#bdc3c7;font-size:.9em}.piece-location-info{margin-bottom:15px}.location,.set-association{color:#ecf0f1;font-size:.9em;margin-bottom:5px}.set-association{color:#27ae60}.piece-mods{background:#3498db1a;padding:10px;border-radius:5px;margin-bottom:15px;border-left:3px solid #3498db}.mods-label{color:#3498db;font-size:.8em;font-weight:700;margin-bottom:5px}.mod{color:#ecf0f1;font-size:.8em;margin-bottom:3px}.piece-actions{display:flex;gap:10px}.edit-btn{flex:1;background:#3498db;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:#2980b9}.pieces-table{background:#0000004d;border-radius:10px;overflow:hidden}.pieces-table table{width:100%;border-collapse:collapse}.pieces-table th{background:#e74c3c;color:#fff;padding:15px 10px;text-align:left;font-weight:700}.pieces-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#ecf0f1}.pieces-table tbody tr:hover{background:#e74c3c1a}.build-templates{margin-bottom:30px}.build-templates h4{color:#e74c3c;margin-bottom:15px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:30px}.template-card{background:#3498db1a;border:2px solid #3498db;border-radius:8px;padding:15px;transition:all .3s ease}.template-card:hover{box-shadow:0 5px 15px #3498db33}.template-card h5{color:#3498db;margin-bottom:10px}.template-type{background:#3498db;color:#fff;padding:3px 8px;border-radius:10px;font-size:.8em;display:inline-block;margin-bottom:10px}.template-description{color:#bdc3c7;font-size:.9em;margin-bottom:10px}.template-mods{font-size:.8em;color:#ecf0f1;margin-bottom:15px}.template-mods div{margin-bottom:3px}.template-card button{background:#3498db;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s ease}.template-card button:hover{background:#2980b9}.builds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.build-card{background:#0000004d;border:2px solid #34495e;border-radius:10px;padding:20px;transition:all .3s ease}.build-card:hover{border-color:#e74c3c;box-shadow:0 5px 15px #e74c3c33}.build-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.build-header h4{color:#fff;margin:0}.build-type-badge{background:#f39c12;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8em}.build-pa-type{color:#e74c3c;font-weight:700;margin-bottom:10px}.build-description{color:#bdc3c7;margin-bottom:15px;font-size:.9em}.build-stats{display:flex;justify-content:space-around;background:#34495e4d;padding:10px;border-radius:5px;margin-bottom:15px}.build-stats .stat{color:#fff;font-weight:700}.build-mods{background:#34495e4d;padding:10px;border-radius:5px;margin-bottom:15px;font-size:.9em}.build-mods div{margin-bottom:5px;color:#ecf0f1}.build-actions{display:flex;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#2c3e50;border-radius:10px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;color:#fff}.modal-content h3{color:#e74c3c;margin-bottom:20px;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.form-grid input,.form-grid select,.form-grid textarea{padding:10px;border:1px solid #34495e;border-radius:5px;background:#34495e4d;color:#fff;font-size:14px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 5px #e74c3c4d}.form-grid textarea{grid-column:1 / -1;resize:vertical;min-height:80px}.mods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.mods-grid select{padding:10px;border:1px solid #34495e;border-radius:5px;background:#34495e4d;color:#fff}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-actions button{padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.modal-actions button:first-child{background:#27ae60;color:#fff}.modal-actions button:first-child:hover{background:#2ecc71}.modal-actions button:last-child{background:#95a5a6;color:#fff}.modal-actions button:last-child:hover{background:#7f8c8d}.mod-details-form{text-align:center}.mod-details-form h3{color:#e74c3c;margin-bottom:20px;font-size:1.5em}.mod-details-content{text-align:left;margin-bottom:20px}.mod-category-badge{background:#3498db;color:#fff;padding:5px 15px;border-radius:15px;font-size:.9em;display:inline-block;margin-bottom:20px}.mod-effect-detail,.mod-materials-detail{background:#34495e4d;padding:15px;border-radius:8px;margin-bottom:15px;border-left:4px solid #e74c3c}.mod-effect-detail h4,.mod-materials-detail h4{color:#f39c12;margin-bottom:10px;font-size:1.1em}.mod-effect-detail p,.mod-materials-detail p{color:#ecf0f1;margin:0;line-height:1.5}@media (max-width: 768px){.power-armor-page{padding:10px}.tabs{flex-direction:column}.stats-grid,.sets-grid,.builds-grid,.templates-grid,.mod-categories{grid-template-columns:1fr}.pieces-table{overflow-x:auto}.section-header{flex-direction:column;gap:10px;align-items:stretch}.form-grid{grid-template-columns:1fr}}