@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Roboto,sans-serif}.create-form-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#082457,#10568f);padding:20px}.create-form-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 4px 20px #00000026}.create-form-container h1{margin:0 0 8px;color:#082457;font-size:24px}.subtitle{color:#666;margin:0 0 32px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#10568f;box-shadow:0 0 0 3px #10568f1a}.error-message{background:#fee;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.submit-btn{width:100%;padding:14px;background:#082457;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background:#10568f}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-container{text-align:center}.success-icon{width:60px;height:60px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.success-container h2{color:#082457;margin:0 0 8px}.success-container p{color:#666;margin:0 0 20px}.url-container{display:flex;gap:8px;margin-bottom:20px}.url-container input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#f9f9f9}.copy-btn{padding:12px 20px;background:#082457;color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s}.copy-btn:hover{background:#10568f}.reset-btn{padding:12px 24px;background:transparent;color:#082457;border:1px solid #082457;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.reset-btn:hover{background:#082457;color:#fff}.external-form-page{min-height:100vh;background:#f5f7fa;padding:20px}.external-form-container{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:32px}.form-header h1{color:#082457;margin:0 0 8px}.form-header p{color:#666;margin:0}.error-message{background:#fee;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px}.business-info-section,.suggestions-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.business-info-section h2,.suggestions-section h2{color:#082457;margin:0 0 16px;font-size:20px}.previous-info{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:16px}.previous-info h3{margin:0 0 12px;font-size:14px;color:#666}.info-item{margin:0 0 8px;padding:8px 12px;background:#fff;border-radius:4px;border-left:3px solid #10568f}.business-info-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;box-sizing:border-box}.business-info-section textarea:focus{outline:none;border-color:#10568f;box-shadow:0 0 0 3px #10568f1a}.business-info-section button{margin-top:12px;padding:12px 24px;background:#082457;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}.business-info-section button:hover:not(:disabled){background:#10568f}.business-info-section button:disabled{opacity:.6;cursor:not-allowed}.section-hint{color:#666;margin:0 0 20px;font-size:14px}.mktu-classes-list{display:flex;flex-direction:column;gap:16px}.mktu-class-item{border:1px solid #ddd;border-radius:8px;padding:16px;transition:all .2s}.mktu-class-item.selected{border-color:#10568f;background:#10568f05}.class-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.class-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.class-checkbox input{width:18px;height:18px;cursor:pointer}.class-title{font-weight:600;color:#082457;font-size:16px}.expand-btn{padding:6px 12px;background:transparent;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;white-space:nowrap}.expand-btn:hover{background:#f5f5f5}.justification{margin:12px 0;color:#444;font-size:14px;line-height:1.5}.suggested-preview{display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:#666;padding:8px 12px;background:#f792101a;border-radius:4px}.preview-label{font-weight:500;color:#082457}.subclasses-container{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.subclasses-actions{margin-bottom:12px}.select-all-btn{padding:6px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;transition:all .2s}.select-all-btn:hover:not(:disabled){background:#e8e8e8;border-color:#ccc}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.subclasses-section{margin-bottom:16px}.subclasses-section:last-child{margin-bottom:0}.subclasses-section h4{margin:0 0 12px;font-size:14px;color:#666}.subclasses-section.suggested h4{color:#082457}.subclass-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background .2s}.subclass-item:hover{background:#f5f5f5}.subclass-item.suggested{background:#f792101a}.subclass-item.suggested:hover{background:#f7921026}.subclass-item input{width:16px;height:16px;cursor:pointer}.subclass-name{flex:1;font-size:14px}.recommended-badge{font-size:11px;padding:2px 8px;background:#f79210;color:#fff;border-radius:10px;font-weight:500}.submit-section{text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.submit-btn{padding:16px 48px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background:#43a047}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-hint{margin:12px 0 0;color:#666;font-size:13px}.missing-class-hint{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-bottom:12px;color:#856404;font-size:14px}.missing-class-section{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.missing-class-btn{padding:10px 20px;background:transparent;border:1px solid #666;border-radius:8px;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.missing-class-btn:hover{background:#f5f5f5;border-color:#333;color:#333}.missing-class-comment{margin-top:16px}.missing-class-comment label{display:block;margin-bottom:8px;font-size:14px;color:#333}.missing-class-comment textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.missing-class-comment textarea:focus{outline:none;border-color:#10568f;box-shadow:0 0 0 3px #10568f1a}@media (max-width: 600px){.external-form-page{padding:12px}.business-info-section,.suggestions-section,.submit-section{padding:16px}.class-header{flex-direction:column;align-items:flex-start}.expand-btn{align-self:flex-end;margin-top:-24px}}.review-form-page{min-height:100vh;background:#f5f7fa;padding:20px}.review-form-container{max-width:900px;margin:0 auto}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.review-header h1{color:#082457;margin:0}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.status-badge.submitted{background:#4caf50;color:#fff}.status-badge.draft{background:#ff9800;color:#fff}.loading,.error-container{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-container h2{color:#c00}.client-info,.business-info,.summary-stats,.selections-review,.missing-class-feedback{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.client-info h2,.business-info h2,.summary-stats h2,.selections-review h2,.missing-class-feedback h2{color:#082457;margin:0 0 16px;font-size:18px;border-bottom:1px solid #eee;padding-bottom:12px}.info-row{display:flex;padding:8px 0;border-bottom:1px solid #f5f5f5}.info-row:last-child{border-bottom:none}.info-row .label{width:160px;color:#666;font-weight:500}.info-row .value{flex:1;color:#333}.business-info-item{margin:0 0 12px;padding:12px;background:#f9f9f9;border-radius:8px;border-left:3px solid #10568f;line-height:1.6}.no-info,.no-suggestions{color:#999;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.stat-item.highlight{background:#4caf501a;border:1px solid #4caf50}.stat-value{display:block;font-size:32px;font-weight:700;color:#082457}.stat-item.highlight .stat-value{color:#4caf50}.stat-label{display:block;font-size:13px;color:#666;margin-top:4px}.classes-list{display:flex;flex-direction:column;gap:16px}.review-class-item{border:1px solid #ddd;border-radius:8px;padding:16px}.review-class-item .class-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.class-info{flex:1}.review-class-item .class-title{display:block;font-weight:600;color:#082457;font-size:16px;margin-bottom:4px}.selection-stats{font-size:13px;color:#666}.review-class-item .expand-btn{padding:6px 12px;background:transparent;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;white-space:nowrap}.review-class-item .expand-btn:hover{background:#f5f5f5}.review-class-item .justification{margin:12px 0 0;color:#444;font-size:14px;line-height:1.5}.subclasses-review{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.subclasses-review h4{margin:0 0 8px;font-size:14px;color:#666}.selected-list,.not-selected-list{margin:0 0 16px;padding:0;list-style:none}.selected-list li,.not-selected-list li{padding:8px 12px;margin-bottom:4px;background:#f9f9f9;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:space-between}.selected-list li.was-suggested{background:#4caf501a;border-left:3px solid #4caf50}.was-suggested-badge{font-size:11px;padding:2px 8px;background:#4caf50;color:#fff;border-radius:10px}.not-selected-list li{background:#ff98001a;border-left:3px solid #ff9800}.no-selection{color:#999;font-style:italic;font-size:14px}.all-selected{color:#4caf50;font-size:14px}.feedback-alert{display:flex;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.feedback-icon{font-size:24px}.feedback-content{flex:1}.feedback-content strong{display:block;color:#856404;margin-bottom:8px}.feedback-content p{margin:0;color:#333;line-height:1.5}@media (max-width: 600px){.review-form-page{padding:12px}.review-header{flex-direction:column;align-items:flex-start;gap:12px}.client-info,.business-info,.summary-stats,.selections-review,.missing-class-feedback{padding:16px}.info-row{flex-direction:column}.info-row .label{width:auto;margin-bottom:4px}.stats-grid{grid-template-columns:repeat(2,1fr)}.review-class-item .class-header{flex-direction:column}.review-class-item .expand-btn{align-self:flex-end;margin-top:-28px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}