@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-700:#7c3aed;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-700:#a16207;--yellow-800:#854d0e;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-700:#c2410c;--orange-800:#9a3412;--red-50:#fef2f2;--red-100:#fee2e2;--red-700:#b91c1c;--red-800:#991b1b;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-400:#fbbf24;--amber-700:#b45309;--amber-800:#92400e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}:hover{scrollbar-color:var(--gray-300) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}:hover::-webkit-scrollbar-thumb{background:var(--gray-300)}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--gray-200);background:#fff;flex-direction:column;flex-shrink:0;width:224px;display:flex}.sidebar-header{border-bottom:1px solid var(--gray-200);flex-shrink:0;align-items:center;height:64px;padding:0 20px;display:flex}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-icon{background:var(--blue-500);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 3px #3b82f64d}.sidebar-logo-icon svg{color:#fff}.sidebar-logo-text{color:var(--gray-900);letter-spacing:-.3px;font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.sidebar-nav a{color:var(--gray-600);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a:hover{background:var(--gray-100);color:var(--gray-900)}.sidebar-nav a.active{background:var(--blue-50);color:var(--blue-600)}.app-header{border-bottom:1px solid var(--gray-200);background:#fff;flex-shrink:0;align-items:center;height:56px;padding:0 24px;display:flex}.app-header p{color:var(--gray-900);font-size:14px;font-weight:600}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{flex:1;overflow-y:auto}.form-screen{justify-content:center;align-items:flex-start;min-height:100%;padding:48px 32px 32px;display:flex}.form-container{width:100%;max-width:512px}.form-header{text-align:center;margin-bottom:32px}.form-icon{background:var(--blue-500);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 4px 12px #3b82f64d}.form-icon svg{color:#fff}.form-header h2{color:var(--gray-900);margin-bottom:8px;font-size:24px;font-weight:700}.form-header p{color:var(--gray-500);font-size:14px}.form-card{border:1px solid var(--gray-200);background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000f}.form-fields{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--gray-700);font-size:14px;font-weight:600}.form-select-wrapper{position:relative}.form-select{appearance:none;background:var(--gray-50);border:1px solid var(--gray-200);width:100%;color:var(--gray-900);cursor:pointer;border-radius:8px;padding:10px 40px 10px 16px;font-family:inherit;font-size:14px;transition:all .15s}.form-select:hover{border-color:var(--gray-300)}.form-select:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-select-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-submit{background:var(--blue-500);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 4px #3b82f64d}.form-submit:hover{background:var(--blue-600)}.form-submit:active{background:var(--blue-700)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;color:var(--gray-400);margin-top:20px;font-size:14px;line-height:1.6}.summary-bar{border:1px solid var(--gray-200);background:#fff;border-radius:16px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #0000000f}.summary-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-meta{align-items:center;gap:12px;display:flex}.summary-time{color:var(--gray-400);align-items:center;gap:4px;font-size:12px;display:flex}.status-completed{background:var(--green-100);color:var(--green-700);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:var(--green-500);border-radius:50%;width:6px;height:6px}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{background:var(--purple-100);color:var(--purple-700)}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-yellow{background:var(--yellow-100);color:var(--yellow-700)}.badge-orange{background:var(--orange-100);color:var(--orange-700)}.badge-red{background:var(--red-100);color:var(--red-700)}.tab-container{border:1px solid var(--gray-200);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.tabs{border-bottom:1px solid var(--gray-200);display:flex;overflow-x:auto}.tab{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--gray-800);background:var(--gray-50)}.tab.active{color:var(--blue-600);border-bottom-color:var(--blue-500);background:#3b82f60a}.tab svg{flex-shrink:0}.tab-body{padding:24px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:.2s ease-out fade-in}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--gray-900);font-size:15px;font-weight:600}.btn-regenerate{color:var(--blue-500);border:1px solid var(--blue-200);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-regenerate:hover{color:var(--blue-600);border-color:var(--blue-500);background:var(--blue-50)}.btn-regenerate:disabled{opacity:.5;cursor:not-allowed}.btn-regenerate.regenerating{background:var(--blue-500);color:#fff;border-color:var(--blue-500);opacity:1}.vocab-list{flex-direction:column;gap:12px;display:flex}.vocab-card{border:1px solid var(--gray-100);border-radius:12px;padding:16px;transition:all .15s}.vocab-card:hover{border-color:var(--gray-200);background:#f9fafb99}.vocab-card-inner{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.vocab-card-content{flex:1}.vocab-word-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.vocab-word{color:var(--gray-900);font-size:16px;font-weight:700}.vocab-ipa{color:var(--gray-400);font-family:monospace;font-size:14px}.vocab-pos{border-radius:20px;padding:2px 8px;font-size:12px;font-weight:500}.pos-noun{background:var(--blue-100);color:var(--blue-700)}.pos-verb{background:var(--green-100);color:var(--green-700)}.pos-adjective{background:var(--purple-100);color:var(--purple-700)}.pos-adverb{background:var(--orange-100);color:var(--orange-700)}.vocab-meaning{color:var(--blue-600);margin-bottom:8px;font-size:14px;font-weight:600}.vocab-example{color:var(--gray-500);font-size:14px;font-style:italic;line-height:1.6}.vocab-audio{color:var(--gray-300);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:4px;padding:4px;transition:color .15s}.vocab-audio:hover{color:var(--blue-400)}.expr-groups{flex-direction:column;gap:28px;display:flex}.expr-pill{border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill-green{background:var(--green-100);color:var(--green-700)}.pill-blue{background:var(--blue-100);color:var(--blue-700)}.pill-purple{background:var(--purple-100);color:var(--purple-700)}.pill-yellow{background:var(--yellow-100);color:var(--yellow-700)}.pill-orange{background:var(--orange-100);color:var(--orange-700)}.pill-red{background:var(--red-100);color:var(--red-700)}.expr-items{flex-direction:column;gap:8px;display:flex}.expr-card{border:1px solid #0000;border-radius:12px;padding:16px}.expr-bg-green{background:var(--green-50)}.expr-bg-blue{background:var(--blue-50)}.expr-bg-purple{background:var(--purple-50)}.expr-bg-yellow{background:var(--yellow-50)}.expr-bg-orange{background:var(--orange-50)}.expr-bg-red{background:var(--red-50)}.expr-en{color:var(--gray-900);margin-bottom:4px;font-size:14px;font-weight:600}.expr-vi{color:var(--gray-500);font-size:14px}.script-timeline{flex-direction:column;display:flex}.script-step{gap:20px;padding-bottom:32px;display:flex;position:relative}.script-step:last-child{padding-bottom:0}.script-line{background:var(--gray-200);width:2px;position:absolute;top:32px;bottom:0;left:15px}.script-circle{background:var(--blue-500);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 4px #3b82f64d}.script-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;flex:1;padding:20px;box-shadow:0 1px 3px #0000000a}.script-card-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.script-card-header h4{color:var(--gray-900);font-size:14px;font-weight:600}.script-duration{background:var(--gray-100);color:var(--gray-500);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:flex}.script-objective{color:var(--gray-400);margin-bottom:16px;font-size:12px;font-style:italic}.speech-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.speech-box{border-radius:8px;padding:12px}.speech-en{background:var(--blue-50);border:1px solid var(--blue-100)}.speech-vi{background:var(--gray-50);border:1px solid var(--gray-200)}.speech-label{align-items:center;gap:6px;margin-bottom:8px;display:flex}.speech-label-tag{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.speech-label-tag.en{background:var(--blue-500)}.speech-label-tag.vi{background:var(--gray-400)}.speech-label span{font-size:12px;font-weight:600}.speech-label span.en-text{color:var(--blue-600)}.speech-label span.vi-text{color:var(--gray-500)}.speech-text{color:var(--gray-700);font-size:14px;line-height:1.6}.speech-vi .speech-text{color:var(--gray-600)}.script-note{background:var(--amber-50);border:1px solid var(--amber-100);border-radius:8px;gap:8px;padding:12px;display:flex}.script-note-icon{color:var(--amber-400);flex-shrink:0;margin-top:2px;font-size:12px}.script-note p{color:var(--amber-700);font-size:12px;line-height:1.6}.activities-list{flex-direction:column;gap:16px;display:flex}.activity-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.activity-card-body{padding:20px}.activity-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.activity-name{color:var(--gray-900);flex:1;font-size:14px;font-weight:600}.activity-badges{flex-shrink:0;align-items:center;gap:8px;display:flex}.activity-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.activity-badge-time{background:var(--gray-100);color:var(--gray-600)}.activity-badge-whole{background:var(--blue-100);color:var(--blue-700)}.activity-badge-pair{background:var(--green-100);color:var(--green-700)}.activity-badge-group{background:var(--purple-100);color:var(--purple-700)}.activity-badge-individual{background:var(--orange-100);color:var(--orange-700)}.activity-desc{color:var(--gray-600);margin-bottom:16px;font-size:14px;line-height:1.6}.activity-toggle{color:var(--blue-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s;display:flex}.activity-toggle:hover{color:var(--blue-600)}.activity-toggle svg{transition:transform .2s}.activity-toggle.expanded svg{transform:rotate(90deg)}.activity-details{border-top:1px solid var(--gray-100);background:#f9fafbb3;padding:20px}.activity-steps{flex-direction:column;gap:12px;list-style:none;display:flex}.activity-step{color:var(--gray-600);gap:12px;font-size:14px;line-height:1.6;display:flex}.activity-step-num{background:var(--blue-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.questions-list{flex-direction:column;gap:12px;display:flex}.question-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.question-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;font-family:inherit;transition:background .15s;display:flex}.question-toggle:hover{background:var(--gray-50)}.question-toggle-left{align-items:flex-start;gap:12px;display:flex}.question-type{border-radius:20px;flex-shrink:0;margin-top:2px;padding:2px 8px;font-size:12px;font-weight:600}.type-knowledge{background:var(--blue-100);color:var(--blue-700)}.type-vocabulary{background:var(--green-100);color:var(--green-700)}.type-general{background:var(--purple-100);color:var(--purple-700)}.question-text{color:var(--gray-900);text-align:left;font-size:14px;font-weight:600;line-height:1.6}.question-chevron{color:var(--gray-400);flex-shrink:0;transition:transform .2s}.question-chevron.expanded{transform:rotate(90deg)}.question-body{border-top:1px solid var(--gray-100);background:#f9fafb99;padding:16px}.question-en{margin-bottom:16px}.question-en-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.question-en-text{color:var(--gray-600);font-size:14px;font-style:italic}.question-answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.question-answer-box{border-radius:8px;padding:12px}.question-answer-box.en-box{background:var(--blue-50);border:1px solid var(--blue-100)}.question-answer-box.vi-box{background:var(--gray-100);border:1px solid var(--gray-200)}.question-answer-label{margin-bottom:6px;font-size:12px;font-weight:600}.question-answer-label.en-label{color:var(--blue-600)}.question-answer-label.vi-label{color:var(--gray-500)}.question-answer-text{font-size:14px;line-height:1.6}.en-box .question-answer-text{color:var(--gray-700)}.vi-box .question-answer-text{color:var(--gray-600)}.assessment-list{flex-direction:column;gap:20px;display:flex}.quiz-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.quiz-question-row{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.quiz-number{background:var(--blue-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}.quiz-question-text{color:var(--gray-900);padding-top:2px;font-size:14px;font-weight:600;line-height:1.6}.quiz-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.quiz-option{border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:14px;transition:all .15s;display:flex}.quiz-option.correct{background:var(--green-50);border-color:var(--green-200);color:var(--green-800)}.quiz-option-letter{background:var(--gray-300);width:24px;height:24px;color:var(--gray-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.quiz-option.correct .quiz-option-letter{background:var(--green-500);color:#fff}.quiz-option-text{flex:1}.quiz-option.correct .quiz-check{color:var(--green-500);flex-shrink:0}.quiz-explain-toggle{color:var(--gray-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s;display:flex}.quiz-explain-toggle:hover{color:var(--gray-700)}.quiz-explain-toggle svg{transition:transform .2s}.quiz-explain-toggle.expanded svg{transform:rotate(90deg)}.quiz-explanation{background:var(--amber-50);border:1px solid var(--amber-200);border-radius:8px;margin-top:12px;padding:12px}.quiz-explanation p{color:var(--amber-800);font-size:14px;line-height:1.6}.quiz-short-answer{background:var(--green-50);border:1px solid var(--green-200);border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.quiz-short-answer strong{color:var(--green-800)}.loading-screen{justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex}.loading-container{width:100%;max-width:448px}.loading-card{border:1px solid var(--gray-200);background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000000f}.loading-header{text-align:center;margin-bottom:32px}.loading-icon{background:var(--blue-50);border:2px solid var(--blue-100);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.loading-icon svg{color:var(--blue-500)}.loading-header h2{color:var(--gray-900);margin-bottom:4px;font-size:20px;font-weight:700}.loading-header p{color:var(--gray-500);font-size:14px}.loading-progress{background:var(--gray-100);border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden}.loading-progress-bar{background:var(--blue-500);border-radius:3px;height:100%;transition:width 1s ease-out}.loading-steps{flex-direction:column;gap:20px;display:flex}.loading-step{align-items:center;gap:16px;display:flex}.loading-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .5s;display:flex}.loading-step-dot.done{background:var(--green-500);box-shadow:0 1px 4px #22c55e4d}.loading-step-dot.done svg{color:#fff}.loading-step-dot.active{background:var(--blue-500);box-shadow:0 1px 4px #3b82f64d}.loading-step-dot.active svg{color:#fff}.loading-step-dot.pending{background:var(--gray-100)}.loading-step-dot.pending span{color:var(--gray-400);font-size:12px;font-weight:500}.loading-step-text{font-size:14px;transition:color .3s}.loading-step-text.done{color:var(--green-600);font-weight:500}.loading-step-text.active{color:var(--blue-600);font-weight:600}.loading-step-text.pending{color:var(--gray-400)}.loading-step-done{color:var(--green-500);margin-left:auto;font-size:12px;font-weight:500}.kit-list-page{min-height:100%;padding:24px}.kit-list-inner{max-width:1024px;margin:0 auto}.kit-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.kit-list-title{color:var(--gray-900);margin-bottom:2px;font-size:22px;font-weight:700}.kit-list-subtitle{color:var(--gray-400);font-size:13px}.kit-list-create-btn{background:var(--blue-500);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 4px #3b82f64d}.kit-list-create-btn:hover{background:var(--blue-600)}.kit-list-grid{flex-direction:column;gap:12px;display:flex}.kit-list-card{border:1px solid var(--gray-200);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:20px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.kit-list-card:hover{border-color:var(--blue-200);box-shadow:0 4px 16px #00000014}.kit-list-card-top{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.kit-list-card-info{flex:1}.kit-list-card-title{color:var(--gray-900);margin-bottom:8px;font-size:15px;font-weight:600}.kit-list-card-badges{flex-wrap:wrap;gap:6px;display:flex}.kit-list-card-right{text-align:right;flex-shrink:0}.kit-list-card-meta{flex-direction:column;align-items:flex-end;gap:2px;margin-top:6px;display:flex}.kit-list-card-time{color:var(--gray-400);align-items:center;gap:4px;font-size:11px;display:flex}.kit-list-card-date{color:var(--gray-400);font-size:11px}.kit-list-card-arrow{color:var(--gray-300);flex-shrink:0}.status-chip{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-chip-completed{background:var(--green-100);color:var(--green-700)}.status-chip-generating{background:var(--yellow-100);color:var(--yellow-800)}.status-chip-failed{background:var(--red-100);color:var(--red-700)}.status-chip-draft{background:var(--gray-100);color:var(--gray-600)}.status-dot-green{background:var(--green-500);border-radius:50%;width:6px;height:6px}.status-dot-yellow{background:var(--yellow-700);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.kit-list-empty{text-align:center;border:1px solid var(--gray-200);background:#fff;border-radius:16px;padding:60px 20px}.kit-list-empty-icon{background:var(--blue-50);width:64px;height:64px;color:var(--blue-500);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.kit-list-empty-text{color:var(--gray-900);margin-bottom:4px;font-size:16px;font-weight:600}.kit-list-empty-sub{color:var(--gray-400);font-size:14px}.kit-list-delete-btn{color:var(--gray-300);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.kit-list-delete-btn:hover{background:var(--red-50);color:var(--red-500);border-color:var(--red-100)}.kit-list-delete-btn.deleting{opacity:.5;cursor:not-allowed}.kit-list-card-arrow{color:var(--gray-300);flex-shrink:0;transition:color .15s}.kit-list-card:hover .kit-list-card-arrow{color:var(--blue-400)}.result-page{min-height:100%;padding:24px}.result-inner{max-width:1024px;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;border-radius:10px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s ease-out toast-in;display:flex;box-shadow:0 4px 20px #0000001f}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1}.toast-close{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px;transition:opacity .15s;display:flex}.toast-close:hover{opacity:1}.toast-success{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-800)}.toast-success .toast-icon{color:var(--green-500)}.toast-success .toast-close{color:var(--green-700)}.toast-error{background:var(--red-50);border:1px solid var(--red-100);color:var(--red-800)}.toast-error .toast-icon,.toast-error .toast-close{color:var(--red-700)}.toast-warning{background:var(--amber-50);border:1px solid var(--amber-100);color:var(--amber-800)}.toast-warning .toast-icon{color:var(--amber-400)}.toast-warning .toast-close{color:var(--amber-700)}