*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px}.rio-systems-configurator-wrapper{margin:0 auto;max-width:1400px}.system-shape-selector{background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:none;padding:40px}.shape-selector-header{margin-bottom:40px;text-align:center}.shape-selector-header h2{color:#000;font-size:28px;font-weight:400;letter-spacing:0;margin-bottom:12px}.shape-selector-header p{color:#666;font-size:14px}.shape-options{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.shape-card{background:#fff;border:1px solid #ccc;border-radius:0;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.shape-card:hover{border-color:#00bfa5;transform:translateY(-2px)}.shape-icon{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:16px}.shape-card h3{color:#000;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.shape-card p{color:#666;font-size:14px;margin-bottom:16px}.select-shape-btn{background:#00bfa5;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:12px 24px;transition:background .3s ease;width:100%}.select-shape-btn:hover{background:#00a693}.z-shape-configurator{background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:none;padding:40px}.config-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.config-header h2{color:#000;font-size:28px;font-weight:400;letter-spacing:0}.header-actions{display:flex;gap:12px}.back-btn,.reset-btn{align-items:center;background:#fff;border:1px solid #000;border-radius:0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.back-btn:hover,.reset-btn:hover{background:#000;color:#fff}.config-layout{display:flex;flex-direction:column;gap:24px}.config-inputs{display:block;width:100%}.input-section{background:#fff;border:1px solid #e5e5e5;border-radius:0;margin-bottom:20px;padding:24px}.input-section h3{border-bottom:1px solid #e5e5e5;color:#000;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.config-grid{display:grid;gap:20px 15px;grid-template-columns:repeat(5,1fr)}.dimension-group{margin-bottom:0;position:relative}.form-group{margin-bottom:0}.form-group label{color:#000;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:1px solid #ccc;border-radius:0;color:#000;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-group input:hover,.form-group select:hover{border-color:#000}.form-group input:focus,.form-group select:focus{border-color:#00bfa5;outline:none}.dimension-group input{font-size:16px;padding:14px 50px 14px 14px}.dimension-unit{color:#999;font-size:14px;position:absolute;right:12px;top:46px}.validation-message{border-radius:0;font-size:13px;margin-top:8px;padding:8px 12px}.validation-message.info{background:#f0f9f7;border-left:3px solid #00bfa5;color:#00796b}.validation-message.warning{background:#fff8f0;border-left:3px solid #ffc107;color:#856404}.generate-btn{align-items:center;background:#00bfa5;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;justify-content:center;padding:16px 32px;transition:background .3s ease;width:100%}.generate-btn:hover{background:#00a693}.config-preview{display:flex;flex-direction:column;gap:24px}.preview-section{border-radius:0;padding:24px}.drawing-container,.preview-section{background:#fff;border:1px solid #e5e5e5}.drawing-container{border-radius:0;min-height:500px;padding:20px;width:100%}.technical-drawing-section{background:#fff;border:1px solid #e5e5e5;border-radius:0;margin-top:24px;padding:24px}.technical-drawing-section h3{border-bottom:1px solid #e5e5e5;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.download-drawing-btn,.technical-drawing-section h3{align-items:center;color:#000;letter-spacing:1px;text-transform:uppercase}.download-drawing-btn{background:#fff;border:1px solid #000;border-radius:0;cursor:pointer;display:none;font-size:12px;font-weight:400;gap:6px;padding:8px 16px;transition:all .3s ease}.download-drawing-btn:hover{background:#000;color:#fff}.system-stats{display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-label{color:#999;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.stat-value{color:#00bfa5;font-size:20px;font-weight:600}.system-output-module{background:#fff;border:1px solid #e5e5e5;border-radius:0;box-shadow:none;margin-top:40px;padding:40px}.bom-table{border-collapse:collapse;margin:20px 0;width:100%}.bom-table th{background:#f8f8f8;border-bottom:1px solid #e5e5e5;color:#000;font-size:12px;font-weight:600;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.bom-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px}.product-code-cell{color:#00bfa5;font-family:Monaco,Courier New,monospace;font-weight:600}.shape-options-compact{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 auto;max-width:1100px}.shape-card-compact{align-items:center;background:#fff;border:1px solid #ccc;border-radius:0;cursor:pointer;display:flex;flex-direction:column;padding:15px;text-align:center;transition:all .3s ease}.shape-card-compact:hover{border-color:#00bfa5;box-shadow:0 2px 8px rgba(0,191,165,.15);transform:translateY(-2px)}.shape-icon-compact{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:10px;width:80px}.shape-icon-compact svg{height:100%;width:100%}.shape-card-compact h4{color:#000;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.shape-card-compact p{color:#666;font-size:11px;line-height:1.4;margin-bottom:12px;min-height:32px}.select-shape-btn-compact{background:#00bfa5;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:12px;font-weight:400;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:background .3s ease;width:100%}.select-shape-btn-compact:hover{background:#00a693}.emergency-section-item{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:0;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.emergency-section-item label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px}.emergency-section-item input[type=checkbox]{cursor:pointer;width:auto}.emergency-section-item select{border:1px solid #ccc;border-radius:0;font-size:13px;padding:6px 10px;width:auto}.emergency-section-item select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.config-group.incomplete{border-left:3px solid transparent}.config-group.complete{border-left:3px solid #00bfa5}.required-indicator{color:#00bfa5;font-weight:700}@media (max-width:968px){.config-grid{grid-template-columns:repeat(3,1fr)}.header-actions{flex-direction:column}.back-btn,.reset-btn{width:100%}.shape-options-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.config-grid{grid-template-columns:repeat(2,1fr)}.shape-options-compact{grid-template-columns:1fr}}