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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.volume-bar-container{margin:2px 0;width:100%}.volume-bar-header{align-items:center;display:flex;justify-content:space-between}.volume-bar-header h4{color:#e0e0e0;font-size:16px;margin:0}.volume-bars:hover .empty-volume{display:block}.volume-bar-wrapper{transition:opacity .3s}.volume-bars .empty-volume{opacity:.4;overflow:hidden}.volume-bars:hover .empty-volume{height:auto;opacity:.7}.volume-bar-wrapper.empty-volume{margin-bottom:0;margin-top:0}.raid-type-label{background-color:#555;border-radius:8px;color:#181818;font-size:12px;margin:1px;padding:0 2px}.volume-bar{background-color:#2b2b2b;border-radius:15px;height:20px;margin-bottom:5px;margin-top:0;overflow:hidden}.section,.volume-bar{display:flex;position:relative}.section{align-items:center;height:100%;justify-content:center}.free-space{background-color:#4caf50}.system-space{background-color:#e74900}.raid-space{background-color:#f4ce36}.greyed-out{align-items:center;background-color:#444;border-radius:15px;color:#888;display:flex;height:20px;justify-content:center}.section-label{color:#fff;padding:0 5px;white-space:nowrap}.no-drives-label,.section-label{font-size:12px;text-align:center}.no-drives-label{color:#888;width:100%}.tooltip{background-color:#000c;border-radius:4px;bottom:130%;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;z-index:1}.section:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{border:5px solid #0000;border-top-color:#000c;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.volume-bar-legend{display:flex;justify-content:flex-start;margin-top:10px}.legend-item{align-items:center;display:flex;margin-right:15px}.color-dot{border-radius:50%;height:12px;margin-right:5px;width:12px}.color-dot.free-space{background-color:#4caf50}.color-dot.system-space{background-color:#e74900}.color-dot.raid-space{background-color:#f4ce36}.legend-label{color:#e0e0e0;font-size:12px;margin-top:2px}.volume-bar-container.empty-volume{opacity:.4;transition:opacity .1s}.volume-bars:hover .volume-bar-container.empty-volume{opacity:.7}.volume-bar-container.empty-volume .raid-type-label,.volume-bar-container.empty-volume .volume-bar,.volume-bar-container.empty-volume .volume-bar *,.volume-bar-container.empty-volume .volume-bar-header,.volume-bar-container.empty-volume .volume-bar-header h4{opacity:inherit}.volume-bar-header h4{font-size:11px}.volume-bars:hover .volume-bar-container.empty-volume{height:auto;margin:2px 0;opacity:.9;padding:initial}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#e0e0e0;font-family:Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:20px;width:90%}h1,h2{margin-bottom:20px;text-align:center}h1,h2,h3{color:#fff}h3{margin-bottom:15px}h4{margin-bottom:10px}button,h4{color:#fff}button{background-color:#007bff;border:none;border-radius:4px;cursor:pointer;padding:10px 15px}button:hover{background-color:#0056b3}label{color:#fff;display:block;margin:10px 0 5px}input[type=number],input[type=text],select{background-color:#2b2b2b;border:1px solid #333;border-radius:4px;color:#fff;margin-bottom:15px;padding:10px;width:100%}.hidden{display:none}.text-center{text-align:center}@media (max-width:768px){.half-width,.third-width{flex:1 1 100%}.form-group{margin-right:0}}.footer-text{color:#121212;margin-top:20px;text-align:center}.header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}#nasLogo{height:auto;max-width:100%}#nasSelector{margin-bottom:20px}#nasButtonsContainer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#addNewNasButton{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;min-width:150px;padding:10px 15px}#addNewNasButton:hover{background-color:#218838}.nas-button-wrapper{position:relative}.nas-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;min-width:150px;padding:10px 15px;text-align:center}.nas-button.selected,.nas-button:hover{background-color:#0056b3}.delete-button{background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:22px;line-height:22px;position:absolute;right:-5px;text-align:center;top:-5px;width:22px}.delete-button:hover{background-color:#c00}.modal{align-items:center;background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1e1e1e;border:1px solid #888;border-radius:10px;color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:80%}.close{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:20px;top:15px}.close:focus,.close:hover{color:#fff;text-decoration:none}.form-section{background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 10px #00000080;margin-bottom:30px;padding:20px}.form-section h2{margin-bottom:20px}.form-row{display:flex;flex-wrap:wrap;margin-bottom:10px}.form-group{display:flex;flex-direction:column;margin-right:10px}.half-width{flex-basis:calc(50% - 10px)}.half-width,.third-width{flex-grow:1;flex-shrink:1}.third-width{flex-basis:calc(33.333% - 10px)}.full-width{flex:1 1 100%}.form-row .form-group:last-child{margin-right:0}.modal-content h3{margin-bottom:10px;margin-top:20px}#saveNASConfig{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}#saveNASConfig:hover{background-color:#218838}.drive-slots{flex-wrap:wrap}.drive-form label{margin-top:10px}.drive-form,.visualizer-wrapper{margin-top:20px}#driveConfigSection{margin:0 auto;max-width:500px}.visualization-section{margin-top:40px}.visualizer-content{border-radius:8px;box-shadow:0 1px 8px #d500b580;margin:0 auto;max-width:900px;padding:16px;position:relative;text-align:center;width:100%}.drive-slots-visualization{align-items:center;display:flex;flex-direction:column}.drive-group{margin-bottom:20px;text-align:center}.drive-slots{display:flex;gap:10px;justify-content:center}.drive-size{font-size:28px}.slot-box{background-color:#2b2b2b;border:2px solid #494949;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;height:70px;padding:6px;position:relative;text-align:center;transition:background-color .3s;width:120px}.slot-box:hover{background-color:#3b3b3b}.slot-box.selected{border-color:#ff5100}.slot-number{color:#fff;font-size:12px;left:5px;position:absolute;top:5px}.slot-box p{font-size:13px;line-height:1.2}.slot-empty{padding-top:20px}.watermark{bottom:7px;color:#666;font-size:14px;opacity:.7;position:absolute;right:10px}.nas-box{margin-bottom:20px}.nas-box h3{margin-bottom:10px}h4{font-size:12px}.system-info-and-bars{align-items:flex-start;display:block;justify-content:space-between;margin-right:60px;min-width:280px}.system-info{border-top:1px solid #444;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px}.volume-bars{flex:1 1}.system-left,.system-right{flex:1 1 45%}.system-left p,.system-right p{margin:5px 0}.volume-info{background-color:#1e1e1e;border-radius:8px;margin-top:20px;padding:15px}.volume-header{font-size:18px;margin-bottom:10px}#sideways-pie-chart{height:50px;width:100%}svg{height:auto;width:100%!important}svg text{fill:#fff;font-size:12px}
/*# sourceMappingURL=main.33ee0cb4.css.map*/