code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{border-top:1px solid #ddd;color:#666;font-size:.9em;margin-top:40px;padding:20px 0;text-align:center}.footer p{margin:0}.footer strong{color:#333}.page-header{margin-bottom:40px;text-align:center}.back-home{color:#5a67d8;display:inline-block;font-size:.9em;font-weight:600;margin-bottom:20px;text-decoration:none;transition:all .2s ease}.back-home:hover{color:#4c51bf;text-decoration:underline}.page-header h1{font-size:2.5em;margin-bottom:10px}.subtitle{color:#666;font-size:1.1em;margin:0 auto;max-width:700px}.dev-approach{background:#5a67d814;border:1px solid #5a67d826;border-radius:6px;color:#5a67d8;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:.8px;margin-top:12px;padding:6px 12px;text-transform:uppercase}.info-section{margin-bottom:40px}.info-section h2{border-bottom:2px solid #0078d4;color:#333;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.checklist{font-size:1.1em;list-style:none;padding:0}.checklist li{border-bottom:1px solid #eee;padding:10px 0}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.resource-item{background:#fafafa;border:2px solid #ddd;border-radius:8px;padding:20px;position:relative}.resource-item.required{background:#f0f7ff;border-color:#0078d4}.resource-item.optional{border-color:#ccc}.badge{background:#0078d4;border-radius:4px;color:#fff;font-size:.7em;font-weight:700;padding:4px 8px;position:absolute;right:10px;top:10px}.resource-item.optional .badge{background:#666}.resource-item h3{color:#333;font-size:1.2em;margin-bottom:10px;margin-top:10px}.resource-item p{color:#666;font-size:.9em;margin:5px 0}.cost{color:#0078d4!important;font-weight:700;margin-top:10px!important}.steps-list{font-size:1.1em;line-height:1.8}.steps-list li{margin-bottom:10px}.cta-section{margin-top:40px;text-align:center}.btn-primary{font-size:1.1em;padding:12px 30px}.btn-large{font-size:1.3em;padding:15px 40px}.page-footer{margin-top:40px}.progress-bar-container{margin-bottom:2rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h2{color:#0078d4;font-size:1.5rem;margin:0}.progress-percentage{color:#0078d4;font-size:1.25rem;font-weight:600}.progress-bar{background-color:#e1dfdd;border-radius:6px;height:12px;margin-bottom:1.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#0078d4,#005a9e);height:100%;transition:width .3s ease}.progress-steps{display:flex;gap:1rem;justify-content:space-between}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;opacity:.5;transition:opacity .3s}.progress-step.active{opacity:1}.step-indicator{align-items:center;background-color:#e1dfdd;border-radius:50%;color:#605e5c;display:flex;font-weight:600;height:36px;justify-content:center;margin-bottom:.5rem;transition:all .3s;width:36px}.progress-step.active .step-indicator{background-color:#0078d4;color:#fff}.progress-step.current .step-indicator{background-color:#0078d4;box-shadow:0 0 0 4px #0078d433;color:#fff;transform:scale(1.1)}.step-label{color:#605e5c;font-size:.875rem;text-align:center}.progress-step.active .step-label{color:#323130;font-weight:600}.section-header h2{margin-bottom:20px}.why-section{background:#f0f7ff;border-left:4px solid #0078d4;border-radius:4px;margin-bottom:30px;padding:15px 20px}.why-section h3{color:#0078d4;margin-top:0}.why-section p{line-height:1.6;margin:10px 0}.run-from{color:#666;font-size:.95em;font-style:italic}.sample-data-section{margin:20px 0 30px;text-align:center}.btn-sample{background:#107c10;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background .3s}.btn-sample:hover{background:#0d5f0d}.cli-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.cli-section:last-of-type{border-bottom:none}.cli-section h3{color:#333;margin-bottom:10px}.cli-command{font-size:.9em}.form-group{margin:15px 0}.form-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:10px;width:100%}.form-group input:focus{border-color:#0078d4;outline:none}.note{color:#666;font-size:.9em;font-style:italic;margin:10px 0}.page-container{max-width:900px}.form-section{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:8px}.form-group input[type=text],.form-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:10px;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#0078d4;outline:none}.form-group small{color:#666;display:block;font-size:.85em;font-style:italic;margin-top:5px}.vm-name-section{background:#f9f9f9;border:2px solid #0078d4;border-radius:8px;margin-top:30px;padding:20px}.vm-name-section h3{color:#0078d4;margin-top:0}.derived-name{margin-bottom:20px}.derived-name label{color:#333;display:block;font-weight:700;margin-bottom:8px}.name-display{align-items:center;background:#1e1e1e;border-radius:4px;color:#4ec9b0;display:flex;font-family:Consolas,Monaco,monospace;justify-content:space-between;padding:12px}.name-display code{font-size:1.1em}.char-count{background:#333;border-radius:4px;color:#fff;font-size:.85em;padding:4px 8px}.override-toggle{margin:20px 0}.override-toggle label{align-items:center;cursor:pointer;display:flex;font-weight:700}.override-toggle input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.final-name-display{border:2px solid #ccc;border-radius:4px;margin-top:20px;padding:15px}.final-name-display.valid{background:#e8f5e9;border-color:#4caf50}.final-name-display.invalid{background:#ffebee;border-color:#f44336}.final-name-label{color:#666;font-size:.9em;margin-bottom:5px}.final-name-value{align-items:center;display:flex;font-size:1.3em;justify-content:space-between}.validation-icon{font-size:1.5em}.error-message{color:#d32f2f;font-size:.9em;font-weight:700;margin-top:10px}.btn-primary:hover:not(:disabled){background:#005a9e}.btn-primary:disabled{background:#ccc}.badge-required{background:#0078d4;border-radius:4px;color:#fff;font-size:.8em;font-weight:700;padding:6px 12px}.why-keyvault{background:#f0f7ff;border-left:4px solid #0078d4;border-radius:4px;margin-bottom:30px;padding:20px}.why-keyvault h3{color:#0078d4;margin-top:0}.benefits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.benefit-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;text-align:center}.benefit-icon{display:block;font-size:2em;margin-bottom:10px}.benefit-card h4{color:#333;margin:10px 0}.benefit-card p{color:#666;font-size:.9em;line-height:1.4}.cost-section{background:#e8f5e9;border:2px solid #4caf50}.cost-section h3,.cost-value{color:#2e7d32}.naming-section{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:30px;padding:15px 20px}.naming-section h3{color:#f57c00;margin-top:0}.naming-section code{background:#333;border-radius:3px;color:#4ec9b0;font-family:Consolas,Monaco,monospace;padding:3px 6px}.pattern-explanation{font-size:.95em;line-height:1.6;margin-top:10px}.usage-section{margin-bottom:30px}.usage-section h3{border-bottom:2px solid #0078d4;color:#333;margin-bottom:20px;padding-bottom:10px}.command-block{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-bottom:30px;padding:20px}.command-block h4{color:#0078d4;margin-top:0}.command-description{color:#666;font-size:.95em;margin-bottom:15px}.cli-command{align-items:center;background:#1e1e1e;border-radius:4px;color:#d4d4d4;display:flex;font-family:Consolas,Monaco,monospace;font-size:.85em;justify-content:space-between;margin:10px 0;padding:12px}.cli-command code{flex:1 1;word-break:break-all}.cli-command button{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-left:10px;padding:6px 12px;white-space:nowrap}.cli-command button:hover{background:#005a9e}.cli-command-multiline{background:#1e1e1e;border-radius:4px;margin:15px 0;padding:15px;position:relative}.cli-title{color:#4ec9b0;font-family:Consolas,Monaco,monospace;font-weight:700;margin-bottom:10px}.cli-command-multiline pre{margin:0;overflow-x:auto}.cli-command-multiline code{color:#d4d4d4;font-family:Consolas,Monaco,monospace;font-size:.85em;line-height:1.5}.cli-command-multiline button{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;position:absolute;right:15px;top:15px}.cli-command-multiline button:hover{background:#005a9e}.command-note{color:#666;font-size:.85em;font-style:italic;margin-top:8px}.command-note code{background:#333;border-radius:3px;color:#4ec9b0;padding:2px 5px}.best-practices{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;padding:20px}.best-practices h3{color:#1976d2;margin-top:0}.best-practices ul{margin:10px 0;padding-left:20px}.best-practices li{line-height:1.6;margin:8px 0}.alternatives{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;margin-bottom:30px;padding:20px}.alternatives h3{color:#333;margin-top:0}.alternatives ul{margin:10px 0;padding-left:20px}.alternatives li{line-height:1.5;margin:6px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#333;font-size:1.5em;margin:0}.badge-optional{background:#666;border-radius:4px;color:#fff;font-size:.8em;font-weight:700;padding:6px 12px}.what-it-does{background:#f0f7ff;border-left:4px solid #0078d4;border-radius:4px;margin-bottom:20px;padding:15px 20px}.what-it-does h3{color:#0078d4;margin-top:0}.what-it-does ul{margin:10px 0;padding-left:20px}.what-it-does li{line-height:1.5;margin:6px 0}.cost-section{background:#fff3cd;border:2px solid #ffc107;border-radius:6px;margin-bottom:30px;padding:20px;text-align:center}.cost-section h3,.cost-value{color:#f57c00}.cost-value{font-size:2em;font-weight:700;margin:10px 0}.cost-note{color:#666;font-size:.9em;font-style:italic}.recommendation{border-radius:6px;margin-bottom:30px;padding:20px}.recommendation h3{margin-top:0}.recommendation p{line-height:1.6}.recommendation.production{background:#e8f5e9;border-left:4px solid #4caf50}.recommendation.production h3{color:#2e7d32}.recommendation.non-prod{background:#e3f2fd;border-left:4px solid #2196f3}.recommendation.non-prod h3{color:#1976d2}.when-to-skip,.when-to-use{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:20px}.when-to-skip h3,.when-to-use h3{color:#333;margin-top:0}.when-to-skip ul,.when-to-use ul{margin:10px 0;padding-left:20px}.when-to-skip li,.when-to-use li{line-height:1.5;margin:6px 0}.decision-section{background:#fafafa;border:2px solid #0078d4;border-radius:8px;padding:25px}.decision-section h3{color:#0078d4;margin-top:0}.checkbox-container{margin:20px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:1.1em}.checkbox-label input[type=checkbox]{cursor:pointer;height:24px;margin-right:12px;width:24px}.selection-info{background:#fff;border-left:4px solid #0078d4;border-radius:4px;margin-top:20px;padding:15px}.selection-info code{background:#333;border-radius:3px;color:#4ec9b0;font-family:Consolas,Monaco,monospace;padding:3px 6px}.naming-example{color:#666;font-size:.95em;margin-top:10px}.page-container{margin:0 auto;max-width:1000px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#0078d4;margin-bottom:15px}.page-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.page-content h2{color:#333;font-size:1.5em;margin-bottom:25px}.info-section{background:#f0f7ff;border-left:4px solid #0078d4;border-radius:4px;margin-bottom:30px;padding:15px 20px}.info-section h3{color:#0078d4;margin-top:0}.info-section p{line-height:1.6;margin:0}.custom-tags-section,.default-tags-section{margin-bottom:40px}.custom-tags-section h3,.default-tags-section h3{border-bottom:2px solid #0078d4;color:#333;margin-bottom:15px;padding-bottom:10px}.section-note{color:#666;font-size:.95em;margin-bottom:15px}.tags-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tag-item{background:#f5f5f5;border:2px solid #ddd;border-radius:6px;display:flex;flex-direction:column;padding:15px}.tag-item.default{background:#e3f2fd;border-color:#2196f3}.tag-key{color:#0078d4;font-size:.95em;font-weight:700;margin-bottom:5px}.tag-value{color:#333;font-family:Consolas,Monaco,monospace}.examples-box{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:20px;padding:15px}.examples-box strong{color:#f57c00}.examples-box ul{margin:10px 0;padding-left:20px}.examples-box li{margin:6px 0}.examples-box code{background:#333;border-radius:3px;color:#4ec9b0;font-family:Consolas,Monaco,monospace;padding:2px 5px}.custom-tags-list{margin-bottom:20px}.custom-tag-row{align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:6px;display:flex;gap:10px;margin-bottom:15px;padding:15px}.tag-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1em;padding:10px}.tag-input.key{flex:0 0 200px}.tag-input:focus{border-color:#0078d4;outline:none}.separator{color:#666;font-size:1.2em;font-weight:700}.btn-remove{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:8px 12px;transition:background .3s}.btn-remove:hover{background:#b71c1c}.btn-add-tag{background:#107c10;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background .3s}.btn-add-tag:hover{background:#0d5f0d}.summary-section{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-top:30px;padding:20px}.summary-section h3{color:#2e7d32;margin-top:0}.tags-preview{display:flex;flex-wrap:wrap;gap:10px}.tag-preview-item{background:#fff;border:1px solid #4caf50;border-radius:4px;font-size:.95em;padding:8px 12px}.tag-preview-item strong{color:#2e7d32;margin-right:5px}.page-actions{display:flex;justify-content:space-between;margin-top:30px;padding:20px 0}.btn-primary{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background .3s}.btn-primary:hover{background:#005a9e}.btn-secondary{background:#f3f3f3;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:1em;padding:12px 24px;transition:background .3s}.btn-secondary:hover{background:#e0e0e0}.page-footer{border-top:1px solid #eee;color:#666;font-size:.9em;margin-top:30px;padding:20px;text-align:center}.character-counter{align-items:center;background-color:#f5f5f5;border:2px solid #e1dfdd;border-radius:4px;display:flex;font-family:Courier New,monospace;font-size:1.1rem;justify-content:space-between;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s}.character-counter.valid{background-color:#f0fdf0;border-color:#107c10}.character-counter.warning{background-color:#fff4ce;border-color:#ffb900}.character-counter.invalid{background-color:#fef0f0;border-color:#d13438}.counter-value{color:#323130;flex:1 1;font-weight:600}.counter-stats{font-size:.9rem;font-weight:600;margin-left:1rem;white-space:nowrap}.character-counter.valid .counter-stats{color:#107c10}.character-counter.warning .counter-stats{color:#d83b01}.character-counter.invalid .counter-stats{color:#d13438}.validation-banner{border-radius:8px;font-size:1.25rem;font-weight:600;margin-bottom:2rem;padding:1.5rem;text-align:center}.validation-banner.valid{background-color:#dff6dd;border:2px solid #107c10;color:#107c10}.validation-banner.invalid{background-color:#fef0f0;border:2px solid #d13438;color:#d13438}.config-summary{background-color:#f5f9fc;border:1px solid #0078d4;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.config-summary h3{color:#0078d4;margin-top:0}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item .label{color:#605e5c;font-size:.875rem;font-weight:600}.summary-item .value{color:#323130;font-family:Courier New,monospace;font-size:1rem}.resources-section{margin-bottom:2rem}.resources-section h3{color:#323130;margin-bottom:1rem}.resource-card{background-color:#fff;border:2px solid #e1dfdd;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:box-shadow .2s}.resource-card:hover{box-shadow:0 4px 12px #0000001a}.resource-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.required-badge{background-color:#d13438}.optional-badge,.required-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .5rem}.optional-badge{background-color:#0078d4}.status-icon{font-size:1.5rem}.status-icon.valid{color:#107c10}.status-icon.invalid{color:#d13438}.resource-name{color:#0078d4;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;margin:.5rem 0}.resource-detail{color:#605e5c;font-size:.9rem;margin:.25rem 0}.error-message{background-color:#fef0f0;border-left:3px solid #d13438;border-radius:4px;color:#d13438;font-size:.875rem;margin-top:.5rem;padding:.5rem}.cost-section{background-color:#f5f5f5;border:1px solid #e1dfdd;border-radius:8px;padding:1.5rem}.cost-section h3{color:#323130;margin-top:0}.cost-breakdown{background-color:#fff;border-radius:4px;padding:1rem}.cost-item{border-bottom:1px solid #f3f2f1;padding:.5rem 0}.cost-item,.cost-total{display:flex;justify-content:space-between}.cost-total{border-top:2px solid #0078d4;color:#107c10;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:1rem 0 .5rem}.cost-disclaimer{color:#605e5c;font-size:.875rem;font-style:italic;margin-top:1rem}.btn-primary:disabled{background-color:#c8c6c4;cursor:not-allowed}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{min-height:100vh}code{font-family:Courier New,Courier,monospace}
/*# sourceMappingURL=main.0ea37880.css.map*/