.app-container{max-width:1200px;margin:0 auto;padding:20px}.dashboard-container{padding:0}.welcome-banner{background-color:#fff8e0;padding:16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center}.roo-auth-mark-container{display:flex;align-items:center;gap:12px}.roo-auth-mark{width:40px;height:40px;object-fit:contain}.feature-card{background-color:#fff;padding:20px;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.feature-header{display:flex;justify-content:space-between;align-items:flex-start}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:500}.status-done{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#856404}.status-loading{background-color:#e9ecef;color:#6c757d}.status-complete{color:#155724;font-weight:500;font-size:14px}.feature-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.feature-actions.single-button{justify-content:flex-start}.btn{display:inline-block;padding:8px 16px;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .15s ease}.btn:hover{opacity:.85}.btn-primary{background-color:#000;color:#fff;border:none}.btn-secondary{background-color:#fff;color:#000;border:1px solid #000;margin-right:8px}.verification-card{border-left:4px solid #856404}.feature-list{margin:0;padding-left:20px;line-height:1.8;color:#555}.support-link{color:#5c6ac4;text-decoration:none}.snippet-block{background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;max-height:320px;overflow-y:auto;margin:0}.setup-steps{margin:0;padding-left:20px}.setup-step{margin-bottom:16px}.step-label{font-weight:600;font-size:14px;margin-bottom:4px}.step-detail{color:#555;font-size:14px;line-height:1.5}.template-input{width:100%;min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6;padding:12px;border:1px solid #ddd;border-radius:4px;background-color:#f4f4f4;resize:vertical;box-sizing:border-box;color:#333}.step-card{background-color:#fff;padding:20px;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:opacity .2s ease,border-color .2s ease}.step-card.active{border-left:4px solid #000}.step-card.completed{padding:14px 20px;border-left:4px solid #28a745;background-color:#fafafa}.step-card.upcoming{padding:14px 20px;opacity:.45}.step-header{display:flex;align-items:center;gap:12px}.step-header.clickable{cursor:pointer}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0;background-color:#e9ecef;color:#6c757d}.step-number.active{background-color:#000;color:#fff}.step-number.completed{background-color:#28a745;color:#fff}.step-title{font-size:16px;font-weight:600;color:#333;display:block}.step-header.clickable:hover .step-title{text-decoration:underline}.step-summary{font-size:13px;color:#888;display:block;margin-top:2px}.step-content{margin-top:16px;padding-left:40px}.step-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.step-progress{margin-left:auto;font-size:13px;font-weight:500;color:#666}.instruction-list{margin:12px 0;padding-left:20px;line-height:2;color:#444}.reassurance-text{font-size:14px;color:#888;font-style:italic;margin-top:8px}.error-text{color:#d82c0d;margin-top:8px;font-size:14px}.auto-copy-notice{padding:10px 14px;font-size:14px;font-weight:500;margin-bottom:12px}.auto-copy-notice,.success-message{background-color:#d4edda;color:#155724;border-radius:4px}.success-message{padding:16px}.success-message p{margin:0 0 8px}.success-message p:last-child{margin-bottom:0}.setup-accordion{margin-bottom:20px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);background-color:#f9f9f9;overflow:hidden}.setup-accordion-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border:none;background-color:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s ease}.setup-accordion-header:hover{background-color:#fafafa}.setup-accordion-title{font-size:18px;font-weight:600;color:#333}.setup-accordion-chevron{margin-left:auto;font-size:12px;color:#888}.setup-accordion-content{padding:4px 16px 16px}.dev-tools-panel{border:2px dashed #dc3545;border-radius:4px;padding:20px;margin-bottom:20px;background-color:#fff5f5}.dev-tools-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.dev-tools-header h2{margin:0}.dev-tools-badge{background-color:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:3px;text-transform:uppercase}.dev-tools-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0d0d0}.dev-tools-row:last-child{border-bottom:none}.dev-tools-key{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:500;min-width:200px;color:#333}.dev-tools-value{font-size:13px;color:#666;min-width:60px}.dev-tools-toggle{padding:4px 12px;font-size:12px;border-radius:3px;cursor:pointer;border:1px solid #ccc;background-color:#fff;transition:background-color .15s ease}.dev-tools-toggle:hover{background-color:#f0f0f0}.dev-tools-hint{font-size:12px;color:#999;margin-top:12px;font-style:italic}.loading-status{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;color:#555}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ddd;border-top-color:#333;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}