.json-preview{width:100%;max-width:768px;margin:24px auto 0;padding:20px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-sizing:border-box;animation:fadeIn .4s ease-out .1s both}.json-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.json-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;border:1px solid #d1d1d1;border-radius:6px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;font-size:.875rem}.json-toggle-button:hover{background:#e5e5e5;border-color:#000}.json-copy-button{padding:6px 12px;background:#000;color:#fff;border:1px solid #000000;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s;font-weight:500}.json-copy-button:hover{background:#333;border-color:#333}.json-content{margin-top:12px;animation:slideDown .2s ease-out}.json-content pre{padding:16px;background:#1e1e1e;color:#d4d4d4;border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.6;margin:0;border:1px solid #d1d1d1;max-width:100%;box-sizing:border-box;word-wrap:break-word;white-space:pre-wrap}.json-content pre::-webkit-scrollbar{height:8px}.json-content pre::-webkit-scrollbar-track{background:#1e1e1e}.json-content pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.json-content pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.history-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;height:100vh;flex-shrink:0;background:#fff;color:#000;border-right:1px solid #d1d1d1;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a;transition:transform .3s ease;overflow:hidden;z-index:1000}.history-sidebar.open{transform:translate(0)}.history-sidebar.closed{transform:translate(-100%)}.history-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.history-sidebar-header h3{font-size:1.125rem;font-weight:600;color:#000;margin:0}.history-search{padding:16px;border-bottom:1px solid #e5e5e5}.history-search-input{width:100%;padding:8px 12px;background:#f5f5f5;border:1px solid #d1d1d1;border-radius:8px;font-size:.875rem;color:#000;font-family:inherit;transition:border-color .2s,background-color .2s;box-sizing:border-box}.history-search-input:focus{outline:none;border-color:#000;background:#fff}.history-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.history-empty{text-align:center;color:#666;font-size:.875rem;padding:40px 20px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s;gap:12px}.history-item:hover{background:#f5f5f5;border-color:#d1d1d1}.history-item.confirm-delete{background:#fee;border-color:#fcc}.history-item-content{flex:1;min-width:0}.history-item-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.history-item-title{font-size:.9375rem;font-weight:500;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-item-published-badge{background:#000;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500;flex-shrink:0}.history-item-view-responses{margin-top:8px;padding:6px 12px;background:#000;color:#fff;border:none;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:background-color .2s;width:100%}.history-item-view-responses:hover{background:#333}.history-item-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#666}.history-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-delete-button{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.history-delete-button:hover{background:#f5f5f5;color:#c33}.history-confirm-button,.history-cancel-button{padding:4px 12px;border:1px solid #d1d1d1;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.history-confirm-button{background:#c33;color:#fff;border-color:#c33}.history-confirm-button:hover{background:#a22;border-color:#a22}.history-cancel-button{background:#fff;color:#333}.history-cancel-button:hover{background:#f5f5f5;border-color:#000}@media (max-width: 1024px){.history-sidebar{width:260px}.sidebar-toggle-button{display:none}}.outline-sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;height:100vh;flex-shrink:0;background:#fff;color:#000;border-left:1px solid #d1d1d1;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a;transition:transform .3s ease;overflow:hidden;z-index:1000}.outline-sidebar.open{transform:translate(0)}.outline-sidebar.closed{transform:translate(100%)}.outline-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.outline-sidebar-header h3{font-size:1rem;font-weight:600;color:#000;margin:0}.outline-close-button{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.outline-close-button:hover{background:#f5f5f5;color:#000}.outline-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.outline-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:background-color .2s}.outline-item:hover{background:#f5f5f5}.outline-item-number{flex-shrink:0;width:24px;height:24px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.outline-item-title{flex:1;font-size:.875rem;color:#000;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.outline-item-required{flex-shrink:0;color:#c33;font-size:.875rem;font-weight:700}.outline-toggle-container{position:fixed;right:20px;bottom:20px;z-index:1002;transition:right .3s ease}.app.has-outline .outline-toggle-container{right:280px}.outline-toggle-button-bottom{width:40px;height:40px;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;box-shadow:0 2px 8px #0003}.outline-toggle-button-bottom:hover{background:#333;transform:scale(1.05)}@media (max-width: 1024px){.outline-sidebar{position:fixed;right:0;top:0;bottom:0;height:100vh}.outline-sidebar.closed{transform:translate(100%);width:260px;opacity:1}}@media (max-width: 768px){.outline-sidebar{width:100%;max-width:320px}}.question-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-card:hover{background:#fafafa;border-color:#d1d1d1}.question-card.editing{border-color:#000;background:#fff}.question-card.dragging{opacity:.5;transform:scale(.98)}.question-card[draggable=true]{cursor:move}.question-card.drag-over{border-top:2px solid #000000;padding-top:18px}.question-edit-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.question-drag-handle{cursor:move;color:#666;font-size:1.2rem;padding:4px;display:flex;align-items:center;transition:color .2s}.question-drag-handle:hover{color:#000}.question-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.question-title-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.question-number{background:#000;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;line-height:1}.question-title-wrapper{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.required-star{color:#c33;font-size:1rem;font-weight:700;line-height:1;flex-shrink:0}.question-meta-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.question-type-badge{background:#f5f5f5;padding:4px 10px;border-radius:12px;font-size:.75rem;color:#333;font-weight:500;border:1px solid #e5e5e5}.required-badge{background:#fee;color:#c33;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #fcc}.question-actions{display:flex;gap:4px;align-items:center}.question-action-button{background:transparent;border:1px solid #d1d1d1;color:#333;padding:6px 10px;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.question-action-button:hover{background:#f5f5f5;border-color:#000;color:#000}.question-action-button.danger:hover{background:#fee;border-color:#c33;color:#c33}.question-title{font-size:1.125rem;color:#000;margin:0;font-weight:500;line-height:1.5;flex:1;min-width:0;display:flex;align-items:center;gap:4px}.question-title-input{flex:1;padding:10px 12px;background:#fff;border:1px solid #d1d1d1;border-radius:8px;font-size:1.125rem;font-weight:500;color:#000;font-family:inherit;transition:border-color .2s,background-color .2s;min-width:0}.question-title-input:focus{outline:none;border-color:#000;background:#fff}.question-required-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;color:#333}.question-required-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#000000}.options-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.option-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;transition:all .2s}.option-item:hover{background:#fafafa;border-color:#d1d1d1}.option-item input[type=radio],.option-item input[type=checkbox]{cursor:pointer;accent-color:#000000}.option-item label{flex:1;display:flex;align-items:center;gap:8px;color:#000;cursor:pointer;font-size:.9375rem}.option-item label .option-text{flex:1}.editable-option{cursor:text}.option-input{flex:1;padding:8px 10px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;font-size:.9375rem;color:#000;font-family:inherit;transition:border-color .2s,background-color .2s}.option-input:focus{outline:none;border-color:#000;background:#fff}.option-delete-button{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;opacity:0}.option-item:hover .option-delete-button{opacity:1}.option-delete-button:hover{background:#fee;color:#c33}.option-delete-button:disabled{opacity:.3;cursor:not-allowed}.add-option-button{padding:10px 12px;background:#fff;border:1px dashed #d1d1d1;border-radius:8px;color:#333;font-size:.875rem;cursor:pointer;transition:all .2s;margin-top:8px}.add-option-button:hover{background:#fafafa;border-color:#000;color:#000}.text-input,.number-input{width:100%;padding:12px;background:#fff;border:1px solid #d1d1d1;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#000;transition:border-color .2s,background-color .2s}.text-input::placeholder,.number-input::placeholder{color:#666}.text-input:focus,.number-input:focus{outline:none;border-color:#000;background:#fff}.rating-input{display:flex;gap:8px;align-items:center;margin-top:12px}.rating-star{background:none;border:none;font-size:1.5rem;color:gold;cursor:pointer;padding:0;opacity:.5;transition:opacity .2s}.rating-star:hover{opacity:.8}.rating-value{color:#333;font-size:.875rem;margin-left:8px}.question-type-select{padding:6px 10px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;font-size:.8125rem;color:#000;cursor:pointer;transition:all .2s}.question-type-select:focus{outline:none;border-color:#000;background:#fff}.question-type-select option{background:#fff;color:#000}@media (max-width: 768px){.question-card{padding:16px}.question-edit-toolbar{flex-wrap:wrap;gap:8px}.question-actions{flex-wrap:wrap}}.app{flex:1;display:flex;flex-direction:row;background:#fff;color:#000;min-height:100vh;height:100vh;position:relative;overflow-y:auto;overflow-x:hidden}.app-main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px;position:relative;transition:margin-left .3s ease,margin-right .3s ease;min-height:0;box-sizing:border-box;margin-left:0;margin-right:0;overflow-x:hidden;min-width:0}.app-main>*{animation:fadeIn .4s ease-out}.app-main.centered>.welcome-screen{animation:fadeInUp .4s ease-out}.app.has-sidebar .app-main{margin-left:260px;transition:margin-left .3s ease}.app.has-outline .app-main{margin-right:260px;transition:margin-right .3s ease}.app.has-sidebar.has-outline .app-main{margin-left:260px;margin-right:260px;transition:margin-left .3s ease,margin-right .3s ease}.app-header{text-align:center;margin-bottom:32px;width:100%}.app-header h1{font-size:1.5rem;margin-bottom:4px;font-weight:600;color:#000}.subtitle{font-size:.875rem;color:#333}@media (max-width: 1024px){.app{flex-direction:column}.history-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;transform:translate(0)}.history-sidebar.closed{transform:translate(-100%);width:260px;opacity:1}.app-main{padding:16px;width:100%;max-width:100%}}@media (max-width: 768px){.app-main{padding:16px;max-width:100%}.app-header{margin-bottom:24px}.app-header h1{font-size:1.25rem}}.app-main.centered{padding:0;justify-content:center;align-items:center;overflow:visible}@media (max-width: 768px){.app-main.centered{justify-content:center;align-items:center}}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:768px;padding:40px;margin:0 auto;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:1.5rem;font-weight:400;color:#000;margin-bottom:40px;text-align:center;display:inline-block}.typewriter-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;color:#000}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-group{display:flex;width:100%;align-items:center;gap:0;background:#fff;border:1px solid #d1d1d1;border-radius:24px;padding:8px 8px 8px 16px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;min-height:48px}.input-group:focus-within{border-color:#000;box-shadow:0 0 0 3px #0000001a}.prompt-input-centered{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:#000;font-family:inherit;resize:none;padding:0;min-height:32px;height:32px;max-height:200px;line-height:32px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.prompt-input-centered::placeholder{color:#666;line-height:32px}.send-button{width:32px;height:32px;border:none;background:#000;color:#fff;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:#333}.send-button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-section{margin-bottom:24px}.prompt-input{width:100%;padding:16px;background:#fff;border:1px solid #d1d1d1;border-radius:12px;font-size:1rem;font-family:inherit;color:#000;resize:vertical;transition:border-color .2s;min-height:120px}.prompt-input::placeholder{color:#666}.prompt-input:focus{outline:none;border-color:#000}.prompt-input:disabled{opacity:.6;cursor:not-allowed}.action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.generate-button{flex:1;min-width:120px;padding:12px 20px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.generate-button:hover:not(:disabled){background:#333}.generate-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{padding:10px 16px;background:#fff;color:#000;border:1px solid #d1d1d1;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.secondary-button:hover{background:#f5f5f5;border-color:#000}.save-status{font-size:.8125rem;color:#333;padding:0 8px}.save-status.saved{color:#000}.error-message{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin:0 auto 24px;max-width:768px;width:100%;display:flex;align-items:center;gap:8px;font-size:.875rem;box-sizing:border-box;animation:slideDown .3s ease-out}.questionnaire-result{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e5e5;width:100%;max-width:768px;margin-left:auto;margin-right:auto;box-sizing:border-box;animation:fadeIn .4s ease-out}.questionnaire-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.questionnaire-header-content{flex:1;min-width:0}.questionnaire-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start}@media (max-width: 768px){.questionnaire-header{flex-direction:column;gap:16px;align-items:stretch}.questionnaire-header-content{width:100%}.questionnaire-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.questionnaire-action-button{flex:1;min-width:120px;justify-content:center}.questionnaire-header h2{font-size:1.25rem;line-height:1.4;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.questionnaire-description{font-size:.875rem;line-height:1.5;margin-top:8px}.questionnaire-title-input{font-size:1.25rem}.questionnaire-description-input{font-size:.875rem}}.questionnaire-action-button{padding:8px 16px;background:#000;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.questionnaire-action-button:hover{background:#333}.questionnaire-action-button.secondary{background:#fff;color:#000;border:1px solid #d1d1d1}.questionnaire-action-button.secondary:hover{background:#f5f5f5;border-color:#000}.questionnaire-header h2{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:8px}.questionnaire-description{font-size:.9375rem;color:#333;line-height:1.6}.questionnaire-title-input{width:100%;padding:12px;background:#fff;border:1px solid #d1d1d1;border-radius:8px;font-size:1.5rem;font-weight:600;color:#000;margin-bottom:12px;transition:border-color .2s}.questionnaire-title-input:focus{outline:none;border-color:#000}.questionnaire-description-input{width:100%;padding:12px;background:#fff;border:1px solid #d1d1d1;border-radius:8px;font-size:.9375rem;color:#000;font-family:inherit;resize:vertical;transition:border-color .2s}.questionnaire-description-input:focus{outline:none;border-color:#000}.questionnaire-description-input::placeholder{color:#666}.questions-container{width:100%}.question-wrapper,.question-wrapper.moving{transition:transform .3s ease,opacity .3s ease}.questions-container{display:flex;flex-direction:column;gap:16px}.add-question-button-inline{width:100%;padding:12px 16px;background:#fff;border:1px dashed #d1d1d1;border-radius:8px;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:6px}.add-question-button-inline:hover{background:#fafafa;border-color:#000;color:#000;border-style:solid}.add-question-icon{font-size:1.25rem;font-weight:600;line-height:1}.add-question-text{font-size:.875rem}.sidebar-toggle-button{position:fixed;left:20px;bottom:20px;width:40px;height:40px;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;z-index:1001;box-shadow:0 2px 8px #0003}.sidebar-toggle-button:hover{background:#333;transform:scale(1.05)}@media (max-width: 768px){.app-main{padding:16px}.app-header h1{font-size:1.25rem}.welcome-screen{padding:20px}.welcome-title{font-size:1.25rem;margin-bottom:30px}.action-buttons{flex-direction:column}.generate-button,.secondary-button{width:100%}.questionnaire-result{padding:16px}.sidebar-toggle-button{left:16px;bottom:16px}}.publish-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.publish-dialog{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideDown .3s ease-out;position:relative}.publish-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5;background:#fafafa;border-radius:16px 16px 0 0}.publish-dialog-header h3{margin:0;font-size:1.375rem;font-weight:600;color:#000;display:flex;align-items:center;gap:8px}.publish-dialog-close{background:transparent;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s,transform .2s;line-height:1}.publish-dialog-close:hover{background:#f0f0f0;color:#000;transform:rotate(90deg)}.publish-dialog-content{padding:24px}.publish-url-group{margin-bottom:24px}.publish-url-group:last-of-type{margin-bottom:0}.publish-url-group label{display:block;font-size:.9375rem;font-weight:500;color:#333;margin-bottom:12px}.publish-url-input-group{display:flex;gap:8px;align-items:stretch}.publish-url-input{flex:1;padding:12px 16px;border:1px solid #d1d1d1;border-radius:8px;font-size:.9375rem;color:#000;background:#fff;font-family:Courier New,Monaco,monospace;transition:border-color .2s,box-shadow .2s}.publish-url-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.publish-copy-button{padding:12px 20px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center}.publish-copy-button:hover{background:#333;transform:translateY(-1px)}.publish-copy-button:active{transform:translateY(0)}.publish-copy-button.copy-success{background:#22c55e!important;animation:copySuccess .3s ease-out}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.publish-info-text{margin-bottom:24px;padding:16px;background:#f9f9f9;border-radius:8px}.publish-info-text p{margin:0;font-size:.9375rem;color:#333;line-height:1.6}.publish-dialog-footer{padding:20px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;background:#fafafa;border-radius:0 0 16px 16px}.publish-dialog-actions{padding:20px 24px;border-top:1px solid #e5e5e5;display:flex;justify-content:center;gap:12px;background:#fafafa;border-radius:0 0 16px 16px}.publish-dialog-button{padding:12px 24px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;min-width:120px}.publish-dialog-button.secondary{background:#fff;color:#000;border:1px solid #d1d1d1}.publish-dialog-button.secondary:hover{background:#f5f5f5;border-color:#000}.publish-dialog-button:hover{background:#333;transform:translateY(-1px)}.publish-dialog-button:active{transform:translateY(0)}@media (max-width: 768px){.publish-dialog{width:95%;max-height:85vh;border-radius:12px}.publish-dialog-header{padding:20px;border-radius:12px 12px 0 0}.publish-dialog-header h3{font-size:1.125rem}.publish-dialog-content{padding:20px}.publish-url-input-group{flex-direction:column}.publish-copy-button{width:100%;justify-content:center}.publish-dialog-footer{padding:16px 20px;border-radius:0 0 12px 12px}.publish-dialog-button{width:100%}}.fill-container{min-height:100vh;background:#f5f5f5;padding:0;display:flex;align-items:center;justify-content:center}.fill-container-fullscreen{min-height:100vh;height:100vh;background:#fff;display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:hidden}.fill-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#e5e5e5;z-index:1000}.fill-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);transition:width .3s ease;box-shadow:0 0 10px #22c55e4d}.fill-header-fullscreen{padding:32px 48px 24px;text-align:center;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:100;flex-shrink:0}.fill-header-fullscreen h1{font-size:1.75rem;font-weight:600;color:#000;margin:0 0 12px;word-wrap:break-word;overflow-wrap:break-word}.fill-description{font-size:1rem;color:#666;line-height:1.6;margin:0 0 16px}.fill-progress-text{font-size:.9375rem;color:#666;font-weight:500}.fill-questions-container-fullscreen{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 48px 120px;position:relative;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.fill-question-slide{position:absolute;width:100%;max-width:800px;animation:slideIn .3s ease-out;padding:0 16px;box-sizing:border-box}.fill-question-slide-left{animation:slideInLeft .3s ease-out}.fill-question-slide-right{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fill-question-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:48px;box-shadow:0 4px 20px #00000014;transition:border-color .2s;width:100%;box-sizing:border-box;min-height:300px;margin-bottom:32px}.fill-question-card:focus-within{border-color:#000}.fill-question-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.fill-question-number{background:#000;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.fill-question-title{font-size:1.5rem;font-weight:500;color:#000;margin:0;line-height:1.5;flex:1}.required-star{color:#c33;font-weight:700;margin-right:8px;font-size:1.25rem}.fill-options-list{display:flex;flex-direction:column;gap:16px}.fill-option-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.fill-option-item:hover{background:#f5f5f5;border-color:#d1d1d1}.fill-option-item input[type=radio]:checked+span,.fill-option-item input[type=checkbox]:checked+span{font-weight:600}.fill-option-item input[type=radio]:checked~*,.fill-option-item:has(input[type=radio]:checked){background:#f0f9ff;border-color:#000}.fill-option-item input[type=checkbox]:checked~*,.fill-option-item:has(input[type=checkbox]:checked){background:#f0f9ff;border-color:#000}.fill-option-item input[type=radio],.fill-option-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#000000;flex-shrink:0}.fill-option-item span{flex:1;color:#000;font-size:1.0625rem}.fill-text-input{width:100%;padding:16px;border:2px solid #d1d1d1;border-radius:12px;font-size:1rem;font-family:inherit;color:#000;resize:vertical;transition:border-color .2s;min-height:120px}.fill-text-input:focus{outline:none;border-color:#000}.fill-number-input{width:100%;padding:16px;border:2px solid #d1d1d1;border-radius:12px;font-size:1.125rem;font-family:inherit;color:#000;transition:border-color .2s}.fill-number-input:focus{outline:none;border-color:#000}.fill-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:24px 0}.fill-rating-star{background:transparent;border:none;font-size:3rem;cursor:pointer;padding:0;transition:transform .2s,opacity .2s,filter .2s;opacity:.3;filter:grayscale(100%);line-height:1}.fill-rating-star:hover,.fill-rating-star.hover{transform:scale(1.15);opacity:.8;filter:grayscale(0%)}.fill-rating-star.selected{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.fill-rating-value{margin-left:16px;font-size:1.125rem;color:#666;font-weight:500}.fill-navigation{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;border-top:1px solid #e5e5e5;background:#fff;position:relative;z-index:100;flex-shrink:0;gap:16px;box-shadow:0 -2px 8px #0000000d}.fill-keyboard-hint{display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;background:#f5f5f5;border-radius:6px;font-size:.8125rem;color:#666;animation:fadeInHint .5s ease-out}.fill-keyboard-hint-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 8px;background:#fff;border:1px solid #d1d1d1;border-radius:4px;font-size:.75rem;font-weight:600;color:#333;box-shadow:0 1px 2px #0000001a}.fill-keyboard-hint-text{color:#666}@keyframes fadeInHint{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fill-nav-button{padding:14px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.fill-nav-prev{background:#fff;color:#000;border:2px solid #d1d1d1}.fill-nav-prev:hover:not(:disabled){background:#f5f5f5;border-color:#000}.fill-nav-prev:disabled{opacity:.4;cursor:not-allowed}.fill-nav-next,.fill-nav-submit{background:#000;color:#fff}.fill-nav-next:hover:not(:disabled),.fill-nav-submit:hover:not(:disabled){background:#333;transform:translateY(-1px)}.fill-nav-submit:disabled{opacity:.5;cursor:not-allowed}.fill-error-message{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin:16px 48px;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease-out}.fill-loading,.fill-error{background:#fff;border-radius:12px;padding:48px;text-align:center;max-width:600px;margin:0 auto}.fill-error{color:#c33;display:flex;align-items:center;justify-content:center;gap:12px}.fill-success{background:#fff;border-radius:16px;padding:80px 64px;text-align:center;max-width:600px;width:100%;margin:0;box-shadow:0 4px 20px #0000001a;animation:successFadeIn .5s ease-out}.fill-success-icon{width:100px;height:100px;margin:0 auto 32px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;box-shadow:0 6px 20px #22c55e4d;animation:successIconScale .5s ease-out .2s both}.fill-success-icon:before{content:"✓";color:#fff;font-weight:700}.fill-success h2{font-size:2rem;font-weight:600;color:#000;margin:0 0 16px;animation:successTextFadeIn .5s ease-out .3s both}.fill-success p{font-size:1.125rem;color:#666;margin:0;line-height:1.6;animation:successTextFadeIn .5s ease-out .4s both}@keyframes successFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes successIconScale{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes successTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.fill-container-fullscreen{min-height:100vh;height:100vh;overflow:hidden}.fill-header-fullscreen{padding:16px 16px 12px}.fill-header-fullscreen h1{font-size:1.25rem;line-height:1.4;margin:0 0 8px}.fill-description{font-size:.875rem;margin:0 0 12px;line-height:1.5}.fill-progress-text{font-size:.875rem}.fill-questions-container-fullscreen{padding:16px 16px 100px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.fill-question-slide{padding:0;position:relative}.fill-question-card{padding:24px 20px;border-radius:12px;min-height:auto}.fill-question-header{margin-bottom:24px;gap:12px}.fill-question-number{width:32px;height:32px;font-size:1rem}.fill-question-title{font-size:1.125rem;line-height:1.5}.fill-options-list{gap:12px}.fill-option-item{padding:14px 16px;border-radius:10px}.fill-option-item span{font-size:1rem}.fill-text-input{padding:14px;font-size:1rem;min-height:100px}.fill-number-input{padding:14px;font-size:1rem}.fill-rating{gap:8px;padding:20px 0}.fill-rating-star{font-size:2.5rem}.fill-rating-value{font-size:1rem;margin-left:12px}.fill-navigation{padding:16px;flex-direction:row-reverse;gap:12px;border-top:1px solid #e5e5e5}.fill-keyboard-hint{display:none}.fill-nav-button{flex:1;padding:12px 20px;font-size:.9375rem;min-width:auto}.fill-nav-prev{order:2}.fill-nav-next,.fill-nav-submit{order:1}.fill-error-message{margin:12px 16px;padding:10px 14px;font-size:.875rem}}.order-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.order-history-dialog{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideDown .3s ease-out;position:relative;display:flex;flex-direction:column}.order-history-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5;background:#fafafa;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.order-history-header h2{margin:0;font-size:1.375rem;font-weight:600;color:#000}.order-history-close{background:transparent;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s,transform .2s;line-height:1}.order-history-close:hover{background:#f0f0f0;color:#000;transform:rotate(90deg)}.order-history-content{padding:24px;flex:1;overflow-y:auto}.order-history-empty{padding:48px;text-align:center;color:#666}.order-history-list{display:flex;flex-direction:column;gap:16px}.order-history-item{padding:16px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.order-history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.order-history-item-id{font-weight:600;color:#000;font-size:.9375rem}.order-history-status{padding:4px 12px;border-radius:4px;font-size:.8125rem;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-verified{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.order-history-item-details{display:flex;flex-direction:column;gap:8px}.order-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.order-detail-label{color:#666}.order-detail-value{color:#000;font-weight:500}.order-history-actions{display:flex;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #e5e5e5;background:#fafafa;position:sticky;bottom:0}.order-history-button{padding:10px 20px;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;min-width:100px}.order-history-button.primary{background:#000;color:#fff}.order-history-button.primary:hover{background:#333;transform:translateY(-1px)}@media (max-width: 768px){.order-history-dialog{width:95%;max-height:85vh}}.payment-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2300;animation:fadeIn .2s ease-out}.payment-dialog{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.payment-dialog-header-actions{display:flex;align-items:center;gap:12px}.payment-dialog-history-btn{padding:6px 12px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s}.payment-dialog-history-btn:hover:not(:disabled){background:#f5f5f5;border-color:#000}.payment-dialog-history-btn:disabled{opacity:.5;cursor:not-allowed}.payment-dialog-header h2{margin:0;font-size:24px;font-weight:600;color:#000}.payment-dialog-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.payment-dialog-close:hover{background-color:#f5f5f5}.payment-dialog-content{padding:24px}.payment-method-selector{margin-bottom:24px}.payment-method-selector label{display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:#000}.payment-method-buttons{display:flex;gap:12px}.payment-method-btn{flex:1;padding:12px 20px;border:2px solid #e5e5e5;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:all .2s}.payment-method-btn:hover{border-color:#000;background:#f9f9f9}.payment-method-btn.active{border-color:#000;background:#000;color:#fff}.payment-steps{margin-bottom:24px;padding:16px;background:#f9f9f9;border-radius:8px}.payment-steps h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#000}.payment-steps ol{margin:0;padding-left:20px;color:#666;font-size:13px;line-height:1.8}.payment-steps li{margin-bottom:8px}.payment-error{padding:12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px;margin-bottom:16px}.verification-code-section{margin-bottom:24px;padding:20px;background:#fff9f0;border-radius:8px;border:2px solid #ffd700}.verification-code-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#000}.verification-code-label{color:red!important;font-weight:600!important;font-size:15px!important}.verification-code-display{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:8px;border:2px solid #e5e5e5}.verification-code{flex:1;font-size:32px;font-weight:700;letter-spacing:8px;color:#000;text-align:center;font-family:Courier New,monospace}.copy-btn{padding:8px 16px;border:1px solid #e5e5e5;background:#fff;border-radius:6px;font-size:13px;color:#000;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{border-color:#000;background:#f9f9f9}.qr-code-section{margin-bottom:24px}.qr-code-section label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#000}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:24px;background:#f9f9f9;border-radius:8px;border:2px dashed #e5e5e5;min-height:200px;position:relative}.qr-code-image{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.qr-code-placeholder{text-align:center;color:#666}.qr-code-placeholder p{margin:8px 0;font-size:14px}.qr-code-hint{font-size:12px!important;color:#999!important}.payment-amount{margin-bottom:24px;padding:16px;background:#f9f9f9;border-radius:8px;text-align:center;font-size:16px;color:#000}.payment-amount strong{font-size:24px;font-weight:700;color:#000;margin-left:8px}.payment-status{margin-bottom:24px;padding:16px;background:#f0f7ff;border-radius:8px;text-align:center}.payment-status-loading{font-size:14px;font-weight:500;color:#06c;margin-bottom:8px}.payment-status-hint{font-size:14px;color:#666;margin:0}.phone-copy-hint{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;padding:8px;border-radius:6px}.phone-copy-hint:hover{background:#0066cc1a;color:#06c}.phone-number{font-weight:600;color:#06c;font-size:16px;text-decoration:underline}.copy-success{color:#0a0;font-weight:600;margin-left:8px;font-size:14px}.payment-actions{display:flex;gap:12px}.payment-btn-primary,.payment-btn-secondary{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.payment-btn-primary{background:#000;color:#fff}.payment-btn-primary:hover:not(:disabled){background:#333}.payment-btn-primary:disabled{background:#ccc;cursor:not-allowed}.payment-btn-secondary{background:#f5f5f5;color:#000;border:1px solid #e5e5e5}.payment-btn-secondary:hover:not(:disabled){background:#e5e5e5}.payment-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.payment-dialog{width:95%;max-height:95vh}.payment-dialog-header{padding:16px 20px}.payment-dialog-content{padding:20px}.verification-code{font-size:24px;letter-spacing:4px}.qr-code-container{min-height:150px}}.mock-data-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2200;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mock-data-dialog{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideDown .3s ease-out;position:relative}.mock-data-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5;background:#fafafa;border-radius:16px 16px 0 0}.mock-data-dialog-header h2{margin:0;font-size:1.375rem;font-weight:600;color:#000}.mock-data-dialog-close{background:transparent;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s,transform .2s;line-height:1}.mock-data-dialog-close:hover:not(:disabled){background:#f0f0f0;color:#000;transform:rotate(90deg)}.mock-data-dialog-close:disabled{opacity:.5;cursor:not-allowed}.mock-data-dialog-content{padding:24px}.form-group{margin-bottom:24px}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:.9375rem;font-weight:500;color:#333;margin-bottom:8px}.required{color:#c33}.form-group textarea,.form-group input[type=number]{width:100%;padding:12px 16px;border:1px solid #d1d1d1;border-radius:8px;font-size:.9375rem;color:#000;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s;resize:vertical}.form-group textarea:focus,.form-group input[type=number]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-group textarea.error,.form-group input[type=number].error{border-color:#c33}.form-hint{margin-top:8px;font-size:.8125rem;color:#666;line-height:1.5}.count-input-group{display:flex;align-items:center;gap:12px}.count-input-group input{width:150px}.count-range{font-size:.8125rem;color:#666}.geo-selector{display:flex;flex-direction:column;gap:12px}.geo-level-buttons{display:flex;gap:8px}.geo-level-btn{flex:1;padding:10px 16px;border:1px solid #d1d1d1;border-radius:8px;background:#fff;color:#333;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.geo-level-btn:hover:not(:disabled){border-color:#000;background:#f5f5f5}.geo-level-btn.active{background:#000;color:#fff;border-color:#000}.geo-level-btn:disabled{opacity:.5;cursor:not-allowed}.geo-input-group{display:flex;flex-direction:column}.geo-input-group input[type=text]{width:100%;padding:12px 16px;border:1px solid #d1d1d1;border-radius:8px;font-size:.9375rem;color:#000;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s}.geo-input-group input[type=text]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.geo-input-group input[type=text].error{border-color:#c33}.form-error{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fff5f5;border:1px solid #ffcccc;border-radius:8px;color:#c33;font-size:.875rem;margin-bottom:24px}.progress-section{margin-bottom:24px}.analysis-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.analysis-loading .loading-spinner{display:flex;gap:8px;align-items:center;justify-content:center}.analysis-loading .spinner-circle{width:12px;height:12px;border-radius:50%;background-color:#4f46e5;animation:spinner-bounce 1.4s infinite ease-in-out both}.analysis-loading .spinner-circle:nth-child(1){animation-delay:-.32s}.analysis-loading .spinner-circle:nth-child(2){animation-delay:-.16s}.analysis-loading .spinner-circle:nth-child(3){animation-delay:0s}.progress-text{text-align:center;font-size:.875rem;color:#333;font-weight:500}.elapsed-time{font-size:.875rem;color:#4f46e5;font-weight:500;text-align:center}.status-hint{font-size:.75rem;color:#666;text-align:center}.mock-data-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e5e5}.mock-data-dialog-button{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;min-width:100px}.mock-data-dialog-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mock-data-dialog-button.primary{background:#000;color:#fff}.mock-data-dialog-button.primary:hover:not(:disabled){background:#333;transform:translateY(-1px)}.mock-data-dialog-button.secondary{background:#fff;color:#000;border:1px solid #d1d1d1}.mock-data-dialog-button.secondary:hover:not(:disabled){background:#f5f5f5;border-color:#000}@media (max-width: 768px){.mock-data-dialog{width:95%;max-height:85vh}.count-input-group{flex-direction:column;align-items:flex-start}.count-input-group input{width:100%}}.mock-data-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mock-data-editor{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideDown .3s ease-out;position:relative;display:flex;flex-direction:column}.mock-data-editor-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5;background:#fafafa;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.mock-data-editor-header-actions{display:flex;align-items:center;gap:12px}.mock-data-editor-save-button{padding:6px 16px;border:1px solid #4F46E5;background:#fff;color:#4f46e5;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.mock-data-editor-save-button:hover:not(:disabled){background:#4f46e5;color:#fff}.mock-data-editor-save-button:disabled{opacity:.6;cursor:not-allowed}.save-success-indicator{color:#4caf50;font-size:14px;font-weight:500;animation:fadeInOut .3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mock-data-editor-header h2{margin:0;font-size:1.375rem;font-weight:600;color:#000}.mock-data-editor-close{background:transparent;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s,transform .2s;line-height:1}.mock-data-editor-close:hover{background:#f0f0f0;color:#000;transform:rotate(90deg)}.mock-data-editor-content{padding:24px;flex:1;overflow-y:auto}.editor-section{margin-bottom:32px}.editor-section:last-child{margin-bottom:0}.count-section{background:#f8f9fa;border:2px solid #e5e5e5;border-radius:12px;padding:20px;margin-bottom:24px}.count-section h3{margin-bottom:16px;color:#000;font-size:1.125rem;font-weight:600}.count-input-group{display:flex;align-items:center;gap:16px}.count-input{padding:12px 16px;border:2px solid #d1d1d1;border-radius:8px;font-size:1rem;width:150px;transition:border-color .2s,box-shadow .2s}.count-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.count-range{font-size:.875rem;color:#666}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-section h3{margin:0;font-size:1.125rem;font-weight:600;color:#000}.reset-button{padding:6px 12px;border:1px solid #d1d1d1;border-radius:6px;background:#fff;color:#666;font-size:.8125rem;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.reset-button:hover{background:#f5f5f5;border-color:#000;color:#000}.persona-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.persona-card{padding:16px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.persona-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.persona-name{font-weight:600;color:#000}.persona-weight{font-size:.875rem;color:#666;font-weight:500}.persona-description{font-size:.8125rem;color:#666;margin-bottom:12px;line-height:1.5}.persona-slider{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.persona-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer}.persona-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;border:none}.geo-distribution{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.geo-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.geo-item-editable{padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.geo-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.geo-slider{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.geo-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer}.geo-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;border:none}.weight-sum{margin-top:12px;font-size:.875rem;color:#666;text-align:right;font-weight:500;padding:8px;border-radius:6px;transition:all .3s}.weight-sum-error{background:#fee;color:#c33;border:2px solid #fcc;font-weight:600;animation:pulse-error 1s ease-in-out;margin-top:16px;padding:12px 16px;border-radius:8px}.geo-name{font-size:.9375rem;color:#000}.geo-weight{font-size:.875rem;color:#666;font-weight:500}.question-distributions{display:flex;flex-direction:column;gap:12px}.question-distribution-item{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.question-header{width:100%;padding:12px 16px;background:#fafafa;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s;font-size:.9375rem;color:#000;font-weight:500}.question-header:hover{background:#f0f0f0}.question-details{padding:16px;background:#fff}.persona-probabilities{margin-bottom:16px}.persona-probabilities:last-child{margin-bottom:0}.persona-prob-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#000;margin-bottom:8px;font-size:.875rem}.prob-sum{font-weight:400;color:#666;font-size:.8125rem;transition:all .3s}.prob-sum-error{color:#c33;font-weight:600;background:#fee;padding:8px 12px;border-radius:6px;border:2px solid #fcc;margin-left:8px}.probabilities-list{display:flex;flex-direction:column;gap:8px}.probability-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fafafa;border-radius:6px}.probability-item-editable{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fafafa;border-radius:6px;gap:12px}.option-prob-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:200px}.option-prob-slider{flex:1;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.option-prob-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer}.option-prob-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer;border:none}.option-name{font-size:.875rem;color:#333}.option-prob{font-size:.875rem;color:#666;font-weight:500}.fix-option-button{background:transparent;border:1px solid #d1d1d1;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.875rem;transition:background-color .2s,border-color .2s;min-width:32px;display:flex;align-items:center;justify-content:center}.fix-option-button:hover{background:#f5f5f5;border-color:#000}.fix-option-button.fixed{background:#000;border-color:#000;color:#fff}.fix-option-button.fixed:hover{background:#333}.option-prob-slider:disabled{opacity:.5;cursor:not-allowed}.mock-data-editor-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e5e5;background:#fafafa;position:sticky;bottom:0}.mock-data-editor-button{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;min-width:100px}.mock-data-editor-button.primary{background:#000;color:#fff}.mock-data-editor-button.primary:hover{background:#333;transform:translateY(-1px)}.mock-data-editor-button.secondary{background:#fff;color:#000;border:1px solid #d1d1d1}.mock-data-editor-button.secondary:hover{background:#f5f5f5;border-color:#000}@media (max-width: 768px){.mock-data-editor{width:95%;max-height:85vh}.persona-cards,.geo-distribution{grid-template-columns:1fr}}@keyframes highlight-error{0%,to{background-color:transparent;box-shadow:none}50%{background-color:#fee;box-shadow:0 0 0 4px #c333}}@keyframes pulse-error{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.number-distribution-editor{padding:16px;background:#f9f9f9;border-radius:8px;margin-bottom:16px}.number-distribution-editor h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#333}.number-dist-params{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:12px}.number-dist-param{display:flex;flex-direction:column;gap:6px}.number-dist-param label{font-size:12px;color:#666;font-weight:500}.number-dist-param input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background:#fff;transition:border-color .2s}.number-dist-param input:focus{outline:none;border-color:#4f46e5}.number-dist-hint{margin-top:12px;padding:10px;background:#e3f2fd;border-radius:4px;border-left:3px solid #2196F3}.number-dist-hint p{margin:0;font-size:12px;color:#1976d2;line-height:1.5}@media (max-width: 768px){.number-dist-params{grid-template-columns:1fr}}.mock-data-delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2200;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mock-data-delete-confirm-dialog{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 8px 32px #0003;animation:slideDown .3s ease-out;position:relative}.mock-data-delete-confirm-header{padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.mock-data-delete-confirm-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.mock-data-delete-confirm-content{padding:24px}.mock-data-delete-confirm-content p{margin:0 0 12px;font-size:.9375rem;color:#333;line-height:1.6}.mock-data-delete-confirm-content p:last-child{margin-bottom:0}.mock-data-delete-confirm-content strong{color:#000;font-weight:600}.warning-text{color:#c33;font-weight:500}.mock-data-delete-confirm-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e5e5}.mock-data-delete-confirm-button{padding:10px 20px;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;min-width:100px}.mock-data-delete-confirm-button.primary{background:#000;color:#fff}.mock-data-delete-confirm-button.primary:hover{background:#333;transform:translateY(-1px)}.mock-data-delete-confirm-button.secondary{background:#fff;color:#000;border:1px solid #d1d1d1}.mock-data-delete-confirm-button.secondary:hover{background:#f5f5f5;border-color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mock-data-generation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2300}.mock-data-generation-dialog{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.mock-data-generation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mock-data-generation-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.mock-data-generation-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.mock-data-generation-close:hover{background-color:#f0f0f0}.mock-data-generation-content{flex:1;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.generation-status{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.loading-spinner{display:flex;gap:8px;align-items:center;justify-content:center}.spinner-circle{width:12px;height:12px;border-radius:50%;background-color:#4f46e5;animation:spinner-bounce 1.4s infinite ease-in-out both}.spinner-circle:nth-child(1){animation-delay:-.32s}.spinner-circle:nth-child(2){animation-delay:-.16s}.spinner-circle:nth-child(3){animation-delay:0s}@keyframes spinner-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.status-text{font-size:16px;color:#333;text-align:center;font-weight:500}.status-hint{font-size:14px;color:#666;text-align:center;margin-top:8px}.generation-progress{width:100%;margin-top:16px}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;border-radius:4px}.progress-text{text-align:center;font-size:14px;color:#666;font-weight:500}.progress-count{color:#999;font-size:12px;margin-left:4px}.generation-success{display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{width:64px;height:64px;border-radius:50%;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.success-message{font-size:16px;color:#333;text-align:center;font-weight:500}.mock-data-generation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.mock-data-generation-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.mock-data-generation-button.primary{background-color:#4caf50;color:#fff}.mock-data-generation-button.primary:hover{background-color:#45a049}.mock-data-generation-button.secondary{background-color:#f5f5f5;color:#333;border:1px solid #d1d1d1}.mock-data-generation-button.secondary:hover{background-color:#e0e0e0;border-color:#999}.view-responses-container{min-height:100vh;background:#fff;padding:24px}.view-responses{background:#fff;border-radius:12px;padding:32px;max-width:1000px;margin:0 auto;box-shadow:0 2px 8px #0000001a}.view-responses-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.view-responses-header h1{font-size:1.75rem;font-weight:600;color:#000;margin:0 0 16px}.view-responses-questionnaire-info{margin-bottom:16px}.view-responses-questionnaire-info h2{font-size:1.25rem;font-weight:500;color:#000;margin:0 0 8px}.view-responses-questionnaire-info p{font-size:.9375rem;color:#666;margin:0}.view-responses-stats{display:flex;gap:24px;font-size:.875rem;color:#666;flex-wrap:wrap}.view-responses-filter{display:flex;gap:8px;margin-top:16px}.filter-btn{padding:6px 16px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f0f0f0;border-color:#000}.filter-btn.active{background:#000;color:#fff;border-color:#000}.view-responses-error-message{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:24px;display:flex;align-items:center;gap:8px}.view-responses-actions{margin-bottom:24px;display:flex;justify-content:flex-end;gap:12px}.view-responses-export-button{padding:10px 20px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.view-responses-export-button:hover:not(:disabled){background:#333}.view-responses-export-button:disabled{opacity:.5;cursor:not-allowed}.view-responses-order-button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.view-responses-order-button:hover:not(:disabled){background:#45a049}.view-responses-order-button:disabled{opacity:.5;cursor:not-allowed}.view-responses-generate-button{padding:10px 20px;background:#06c;color:#fff;border:none;border-radius:8px;font-size:.9375rem;cursor:pointer;transition:background-color .2s}.view-responses-generate-button:hover:not(:disabled){background:#0052a3}.view-responses-generate-button:disabled{opacity:.5;cursor:not-allowed}.view-responses-empty{padding:48px;text-align:center;color:#666}.view-responses-list{display:flex;flex-direction:column;gap:12px}.view-responses-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s}.view-responses-item:hover{background:#f0f0f0;border-color:#d1d1d1}.view-responses-item-content{display:flex;align-items:center;gap:16px}.view-responses-item-id{font-weight:600;color:#666;font-size:.875rem;display:flex;align-items:center;gap:8px}.mock-badge{display:inline-block;padding:2px 8px;background:#ffeb3b;color:#000;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:8px}.real-badge{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:8px}.view-responses-item.mock-data{border-left:3px solid #ffeb3b}.view-responses-item-time{color:#000;font-size:.9375rem}.view-responses-item-arrow{color:#666;font-size:1.25rem}.view-responses-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.view-responses-page-button{padding:8px 16px;background:#fff;border:1px solid #d1d1d1;border-radius:8px;font-size:.875rem;cursor:pointer;transition:background-color .2s,border-color .2s}.view-responses-page-button:hover:not(:disabled){background:#f0f0f0;border-color:#000}.view-responses-page-button:disabled{opacity:.5;cursor:not-allowed}.view-responses-page-info{font-size:.875rem;color:#666}.view-responses-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.view-responses-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003;animation:slideDown .3s ease-out}.view-responses-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.view-responses-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.view-responses-modal-close{background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.view-responses-modal-close:hover{background:#f0f0f0;color:#000}.view-responses-modal-content{padding:24px}.view-responses-detail-time{font-size:.875rem;color:#666;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.view-responses-detail-answers{display:flex;flex-direction:column;gap:20px}.view-responses-detail-item{padding:16px;background:#f9f9f9;border-radius:8px}.view-responses-detail-question{font-weight:500;color:#000;margin-bottom:8px;font-size:.9375rem}.view-responses-detail-answer{color:#333;font-size:.9375rem;line-height:1.6}.view-responses-loading,.view-responses-error{background:#fff;border-radius:12px;padding:48px;text-align:center;max-width:600px;margin:0 auto}.view-responses-error{color:#c33;display:flex;align-items:center;justify-content:center;gap:12px}@media (max-width: 768px){.view-responses-container{padding:16px}.view-responses{padding:24px}.view-responses-header h1{font-size:1.5rem}.view-responses-stats{flex-direction:column;gap:8px}}.data-analysis-container{padding:24px;max-width:1400px;margin:0 auto}.data-analysis-header{margin-bottom:24px}.data-analysis-header h1{margin:0 0 16px;font-size:28px;font-weight:600;color:#333}.data-analysis-questionnaire-info{margin-bottom:20px}.data-analysis-questionnaire-info h2{margin:0 0 8px;font-size:20px;font-weight:500;color:#555}.data-analysis-questionnaire-info p{margin:0;color:#777;font-size:14px}.data-analysis-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.data-analysis-loading,.data-analysis-error,.data-analysis-empty{padding:40px;text-align:center;color:#666;font-size:16px}.data-analysis-error{color:#ef4444}.data-analysis-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.chart-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.chart-card-header{margin-bottom:16px}.chart-card-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.chart-card-meta{display:flex;gap:16px;font-size:12px;color:#666}.average-score{font-weight:500;color:#4f46e5}.score-range{color:#999;font-weight:400}.chart-card-controls{margin-bottom:16px}.chart-type-toggle{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.chart-type-toggle:hover{border-color:#4f46e5;color:#4f46e5}.chart-container{height:300px;margin-bottom:20px}.chart-statistics{border-top:1px solid #eee;padding-top:16px}.chart-statistics-toggle{margin-bottom:16px}.chart-statistics-details{animation:slideDown .3s ease-out}.chart-statistics-details h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.statistics-list{display:flex;flex-direction:column;gap:8px}.statistics-item{display:flex;align-items:center;gap:12px;padding:8px;background:#f9f9f9;border-radius:4px}.statistics-option{flex:1;font-size:13px;color:#555}.statistics-count{font-size:13px;font-weight:500;color:#333;min-width:50px;text-align:right}.statistics-percentage{font-size:13px;color:#4f46e5;font-weight:500;min-width:50px;text-align:right}@media (max-width: 768px){.data-analysis-charts{grid-template-columns:1fr}.chart-container{height:250px}}.cross-tabulation-container{padding:24px;max-width:1400px;margin:0 auto}.cross-tabulation-header{margin-bottom:24px}.cross-tabulation-header h1{margin:0 0 16px;font-size:28px;font-weight:600;color:#333}.cross-tabulation-questionnaire-info{margin-bottom:20px}.cross-tabulation-questionnaire-info h2{margin:0 0 8px;font-size:20px;font-weight:500;color:#555}.cross-tabulation-questionnaire-info p{margin:0;color:#777;font-size:14px}.cross-tabulation-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.x-variable-selector{display:flex;align-items:center;gap:12px;margin-top:16px}.x-variable-selector label{font-size:14px;color:#666;font-weight:500;min-width:80px}.x-variable-select-wrapper{flex:1;max-width:500px;position:relative}.x-variable-select{width:100%;padding:10px 36px 10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#333;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.x-variable-select:hover{border-color:#9ca3af;background:#f9fafb}.x-variable-select:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.x-variable-select option{padding:12px 16px;background:#fff;color:#333;font-size:14px;line-height:1.6;min-height:40px}.x-variable-select option:checked{background:#4f46e5;color:#fff;font-weight:500}.x-variable-select::-ms-expand{display:none}.x-variable-select::-webkit-scrollbar{width:8px}.x-variable-select::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.x-variable-select::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.x-variable-select::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.x-variable-select-wrapper:after{content:"▼";position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:11px;transition:transform .2s ease,color .2s ease;z-index:1}.x-variable-select-wrapper:focus-within:after{color:#4f46e5;transform:translateY(-50%) rotate(180deg)}.x-variable-select-wrapper:hover:after{color:#4f46e5}.x-variable-select:active,.x-variable-select:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.x-variable-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.x-variable-select:disabled~.x-variable-select-wrapper:after{color:#9ca3af}.significance-filter{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.significance-filter label{font-size:14px;color:#666;font-weight:500;min-width:100px}.significance-filter-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.significance-filter-btn{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease;font-weight:500}.significance-filter-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#f0f0ff}.significance-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.significance-filter-btn.active:hover{background:#4338ca;border-color:#4338ca}.cross-tabulation-loading,.cross-tabulation-error,.cross-tabulation-empty{padding:40px;text-align:center;color:#666;font-size:16px}.cross-tabulation-error{color:#ef4444}.cross-tabulation-results{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cross-tabulation-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.cross-tabulation-card-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cross-tabulation-card-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.chi-square-info{display:flex;align-items:center;gap:12px;font-size:12px}.chi-square-value,.chi-square-pvalue,.chi-square-cramersv{color:#666;font-size:12px}.chi-square-cramersv{color:#4f46e5;font-weight:500}.chi-square-significant{padding:4px 8px;background:#10b981;color:#fff;border-radius:4px;font-weight:500}.chi-square-error{color:#ef4444;font-weight:500;font-size:12px}.cross-tabulation-chart-container{height:300px;margin-bottom:20px}.cross-tabulation-details-toggle{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.details-toggle-button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all .2s;width:100%;text-align:left}.details-toggle-button:hover{border-color:#4f46e5;color:#4f46e5;background:#f0f0ff}.cross-tabulation-details{margin-top:16px;padding-top:16px;border-top:1px solid #eee;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cross-tabulation-details h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.group-details{margin-bottom:20px}.group-details h5{margin:0 0 12px;font-size:14px;font-weight:500;color:#555}.group-stats{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;align-items:center;gap:12px;padding:8px;background:#f9f9f9;border-radius:4px}.stat-option{flex:1;font-size:13px;color:#555}.stat-count{font-size:13px;font-weight:500;color:#333;min-width:50px;text-align:right}.stat-percentage{font-size:13px;color:#4f46e5;font-weight:500;min-width:50px;text-align:right}@media (max-width: 1200px){.cross-tabulation-results{grid-template-columns:1fr}}@media (max-width: 768px){.cross-tabulation-container{padding:16px}.cross-tabulation-chart-container{height:250px}.cross-tabulation-card-header{flex-direction:column;align-items:flex-start}.chi-square-info{flex-wrap:wrap;gap:8px}.x-variable-selector{flex-direction:column;align-items:flex-start;gap:8px}.x-variable-selector label{min-width:auto}.x-variable-select-wrapper{max-width:100%;width:100%}.significance-filter{flex-direction:column;align-items:flex-start;gap:8px}.significance-filter label{min-width:auto}.significance-filter-buttons{width:100%}.significance-filter-btn{flex:1;min-width:100px}}.correlation-container{padding:24px;max-width:1400px;margin:0 auto}.correlation-header{margin-bottom:24px}.correlation-header h1{margin:0 0 16px;font-size:28px;font-weight:600;color:#333}.correlation-questionnaire-info{margin-bottom:20px}.correlation-questionnaire-info h2{margin:0 0 8px;font-size:20px;font-weight:500;color:#555}.correlation-questionnaire-info p{margin:0;color:#777;font-size:14px}.correlation-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.correlation-loading,.correlation-error,.correlation-empty{padding:40px;text-align:center;color:#666;font-size:16px}.correlation-empty-hint{margin-top:12px;font-size:14px;color:#999}.correlation-error{color:#ef4444}.correlation-heatmap-section{margin-bottom:32px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.correlation-heatmap-section h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#333}.correlation-note{margin:0 0 20px;font-size:14px;color:#666}.correlation-heatmap-grid{display:grid;gap:2px;overflow-x:auto;background:#e5e7eb;border:2px solid #e5e7eb;border-radius:6px;padding:2px}.heatmap-header-cell{background:#f5f5f5;padding:10px 8px;text-align:center;font-size:12px;font-weight:500;color:#333;border-radius:4px;display:flex;align-items:center;justify-content:center}.heatmap-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heatmap-row-label{text-align:right;justify-content:flex-end;padding-right:12px;position:sticky;left:0;z-index:5;background:#f5f5f5}.heatmap-cell{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:4px;position:relative}.heatmap-cell:hover{transform:scale(1.05);z-index:10;box-shadow:0 4px 12px #00000026}.correlation-note{margin:0 0 16px;font-size:14px;color:#666;line-height:1.6}.correlation-note .note-red{color:#ef4444;font-weight:500}.correlation-note .note-blue{color:#3b82f6;font-weight:500}.correlation-legend{display:flex;align-items:center;gap:24px;margin-bottom:20px;padding:12px;background:#f9fafb;border-radius:6px;font-size:13px}.legend-item{display:flex;align-items:center;gap:8px;color:#666}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-red{background:#ef4444cc}.legend-blue{background:#3b82f6cc}.correlation-results-section{margin-bottom:32px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.correlation-results-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.correlation-results-list{display:flex;flex-direction:column;gap:12px}.correlation-result-item{padding:16px;background:#f9f9f9;border-radius:6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.correlation-pair{display:flex;align-items:center;gap:12px;flex:1;min-width:300px}.correlation-pair .question1,.correlation-pair .question2{font-weight:500;color:#333}.correlation-pair .vs{color:#999;font-size:12px}.correlation-metrics{display:flex;align-items:center;gap:16px}.coefficient{font-weight:600;font-size:14px}.strength{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.coefficient.strong-positive,.strength.strong-positive{color:#10b981;background:#d1fae5}.coefficient.weak-positive,.strength.weak-positive{color:#3b82f6;background:#dbeafe}.coefficient.strong-negative,.strength.strong-negative{color:#ef4444;background:#fee2e2}.coefficient.weak-negative,.strength.weak-negative{color:#f59e0b;background:#fef3c7}.coefficient.none,.strength.none{color:#666;background:#f3f4f6}.correlation-ai-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.generate-interpretation-button{padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:20px}.generate-interpretation-button:hover:not(:disabled){background:#4338ca}.generate-interpretation-button:disabled{opacity:.5;cursor:not-allowed}.ai-interpretation{margin-top:20px}.ai-interpretation h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.ai-interpretation-content{line-height:1.8;color:#555;white-space:pre-wrap;font-size:14px;padding:16px;background:#f9f9f9;border-radius:6px}@media (max-width: 768px){.correlation-container{padding:16px}.correlation-result-item{flex-direction:column;align-items:flex-start}.correlation-metrics{width:100%;justify-content:space-between}}.nps-container{padding:24px;max-width:1400px;margin:0 auto}.nps-header{margin-bottom:24px}.nps-header h1{margin:0 0 16px;font-size:28px;font-weight:600;color:#333}.nps-questionnaire-info{margin-bottom:20px}.nps-questionnaire-info h2{margin:0 0 8px;font-size:20px;font-weight:500;color:#555}.nps-questionnaire-info p{margin:0;color:#777;font-size:14px}.nps-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.nps-loading,.nps-error,.nps-empty{padding:40px;text-align:center;color:#666;font-size:16px}.nps-error{color:#ef4444}.nps-section,.csat-section{margin-bottom:32px}.nps-section h3,.csat-section h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#333}.nps-cards,.csat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.nps-card,.csat-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.nps-card-header,.csat-card-header{margin-bottom:20px}.nps-card-header h4,.csat-card-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.nps-card-content{display:flex;flex-direction:column;gap:24px}.nps-gauge-wrapper{display:flex;justify-content:center;align-items:center;padding:20px}.nps-gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.gauge-container{display:flex;justify-content:center}.gauge-labels{display:flex;justify-content:space-between;width:200px;font-size:12px;color:#666}.gauge-label-left{text-align:left}.gauge-label-center{text-align:center}.gauge-label-right{text-align:right}.nps-details{display:flex;flex-direction:column;gap:20px}.nps-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:6px}.breakdown-item.promoters{background:#d1fae5;color:#065f46}.breakdown-item.passives{background:#fef3c7;color:#92400e}.breakdown-item.detractors{background:#fee2e2;color:#991b1b}.breakdown-label{font-weight:500;font-size:14px}.breakdown-value{font-weight:600;font-size:14px}.nps-formula{padding:16px;background:#f9f9f9;border-radius:6px;font-size:14px;color:#666}.nps-formula p{margin:0;line-height:1.8}.formula-result{margin-top:8px!important;font-size:16px;color:#333}.formula-result strong{color:#4f46e5;font-size:18px}.csat-card-content{display:flex;flex-direction:column;gap:24px}.csat-score{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff}.csat-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.csat-label{font-size:16px;opacity:.9}.csat-details{display:flex;flex-direction:column;gap:12px}.csat-metric{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9f9f9;border-radius:6px}.metric-label{font-size:14px;color:#666}.metric-value{font-size:14px;font-weight:600;color:#333}@media (max-width: 768px){.nps-container{padding:16px}.nps-cards,.csat-cards{grid-template-columns:1fr}}.clustering-container{padding:24px;max-width:1400px;margin:0 auto}.clustering-header{margin-bottom:24px}.clustering-header h1{margin:0 0 16px;font-size:28px;font-weight:600;color:#333}.clustering-questionnaire-info{margin-bottom:20px}.clustering-questionnaire-info h2{margin:0 0 8px;font-size:20px;font-weight:500;color:#555}.clustering-questionnaire-info p{margin:0;color:#777;font-size:14px}.clustering-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.data-source-selector{display:flex;align-items:center;gap:8px}.data-source-selector label{font-size:14px;color:#666;font-weight:500}.data-source-btn{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.data-source-btn:hover{border-color:#4f46e5;color:#4f46e5}.data-source-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.refresh-button{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.refresh-button:hover{border-color:#4f46e5;color:#4f46e5}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.question-selector{margin-top:20px;padding:16px;background:#f9f9f9;border-radius:6px}.question-selector label{display:block;font-size:14px;color:#666;font-weight:500;margin-bottom:12px}.question-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.question-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.question-checkbox:hover{border-color:#4f46e5;background:#f0f0ff}.question-checkbox input[type=checkbox]{cursor:pointer}.question-checkbox input[type=checkbox]:checked+span{color:#4f46e5;font-weight:500}.clustering-loading,.clustering-error,.clustering-empty{padding:40px;text-align:center;color:#666;font-size:16px}.clustering-error{color:#ef4444}.clustering-results{margin-bottom:32px}.clustering-results h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#333}.clustering-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.clustering-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.clustering-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #4F46E5}.clustering-card-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.clustering-size{font-size:14px;font-weight:500;color:#4f46e5;background:#eef2ff;padding:4px 12px;border-radius:12px}.clustering-characteristics{margin-bottom:16px}.clustering-characteristics h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#555}.clustering-characteristics ul{margin:0;padding-left:20px;list-style-type:disc}.clustering-characteristics li{margin-bottom:8px;font-size:14px;color:#666;line-height:1.6}.clustering-averages{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.clustering-averages h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#555}.average-values{display:flex;flex-direction:column;gap:8px}.average-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9f9f9;border-radius:4px}.average-label{font-size:13px;color:#666}.average-value{font-size:14px;font-weight:600;color:#4f46e5}.clustering-ai-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.generate-ai-button{padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:20px}.generate-ai-button:hover:not(:disabled){background:#4338ca}.generate-ai-button:disabled{opacity:.5;cursor:not-allowed}.ai-clustering{margin-top:20px}.ai-clustering h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.ai-clustering-content{line-height:1.8;color:#555;white-space:pre-wrap;font-size:14px;padding:16px;background:#f9f9f9;border-radius:6px}@media (max-width: 768px){.clustering-container{padding:16px}.clustering-cards{grid-template-columns:1fr}.question-checkboxes{flex-direction:column}}.dashboard-container{display:flex;min-height:100vh;background-color:#fff}.dashboard-sidebar{width:240px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100}.dashboard-sidebar-header{padding:20px;border-bottom:1px solid #e0e0e0}.dashboard-sidebar-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.dashboard-menu{flex:1;padding:10px 0;overflow-y:auto}.dashboard-menu-item{width:100%;padding:12px 20px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:#666;font-size:14px;transition:all .2s}.dashboard-menu-item:hover{background-color:#f0f0f0;color:#333}.dashboard-menu-item.active{background-color:#4f46e5;color:#fff;font-weight:500}.dashboard-menu-item .menu-icon{font-size:18px;width:24px;text-align:center}.dashboard-menu-item .menu-text{flex:1}.dashboard-content{flex:1;margin-left:240px;min-height:100vh;background-color:#fff}.dashboard-error{padding:40px;text-align:center;color:#ef4444;font-size:16px}@media (max-width: 768px){.dashboard-sidebar{width:200px}.dashboard-content{margin-left:200px}}.admin-orders{max-width:1200px;margin:0 auto;padding:24px;background:#fff;color:#000}.admin-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.admin-orders-header h1{margin:0;font-size:24px;font-weight:600;color:#000}.admin-orders-filters{display:flex;align-items:center;gap:12px}.admin-orders-filters label{display:flex;align-items:center;gap:8px;font-size:14px;color:#000}.email-notification-toggle{margin-left:16px;cursor:pointer}.email-notification-toggle input[type=checkbox]{margin-right:6px;cursor:pointer;width:16px;height:16px}.email-notification-toggle span{-webkit-user-select:none;user-select:none}.admin-orders-filters select{padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;background:#fff;color:#000;cursor:pointer;transition:border-color .2s}.admin-orders-filters select:hover{border-color:#000}.admin-orders-filters select:focus{outline:none;border-color:#000}.admin-orders-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:14px;margin-bottom:16px}.admin-orders-loading{text-align:center;padding:40px;color:#666;font-size:14px}.admin-orders-stats{margin-bottom:16px;font-size:14px;color:#666}.admin-orders-table-container{overflow-x:auto;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px}.admin-orders-table{width:100%;border-collapse:collapse;background:#fff}.admin-orders-table thead{background:#f9f9f9}.admin-orders-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#000;border-bottom:2px solid #e5e5e5;white-space:nowrap}.admin-orders-table td{padding:12px 16px;font-size:13px;color:#000;border-bottom:1px solid #f5f5f5}.admin-orders-table tbody tr:hover{background:#f9f9f9}.admin-orders-table tbody tr:last-child td{border-bottom:none}.admin-orders-empty{text-align:center;padding:40px;color:#666;font-size:14px}.verification-code-cell code{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:#000;background:#f9f9f9;padding:4px 8px;border-radius:4px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-verified{background:#d4edda;color:#155724}.status-badge.status-rejected{background:#f8d7da;color:#721c24}.verify-btn{padding:6px 16px;border:1px solid #000000;background:#000;color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.verify-btn:hover:not(:disabled){background:#333;border-color:#333}.verify-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.token-info{display:flex;align-items:center;gap:8px;font-size:12px}.token-label{color:#666}.token-value{font-family:Courier New,monospace;font-size:11px;color:#000;background:#f9f9f9;padding:2px 6px;border-radius:4px;cursor:pointer}.admin-orders-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.admin-orders-pagination button{padding:8px 16px;border:1px solid #e5e5e5;background:#fff;color:#000;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.admin-orders-pagination button:hover:not(:disabled){border-color:#000;background:#f9f9f9}.admin-orders-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-orders-pagination span{font-size:13px;color:#666}.token-info{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.token-label{color:#666;white-space:nowrap}.token-value{font-family:Courier New,monospace;font-size:11px;color:#000;background:#f9f9f9;padding:4px 8px;border-radius:4px;cursor:pointer;word-break:break-all;max-width:100%;display:inline-block;transition:all .2s}.token-value:hover{background:#e5e5e5}.token-value.full{font-size:11px;word-break:break-all}.verification-code-cell{max-width:150px}.verification-code-cell code{font-family:Courier New,monospace;font-size:12px;font-weight:600;color:#000;background:#f9f9f9;padding:4px 8px;border-radius:4px;display:inline-block;word-break:break-all;max-width:100%;cursor:pointer;transition:all .2s}.verification-code-cell code:hover{background:#e5e5e5}@media (max-width: 768px){.admin-orders{padding:12px}.admin-orders-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-orders-header h1{font-size:20px}.admin-orders-filters{width:100%}.admin-orders-filters label{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.admin-orders-filters select{width:100%}.admin-orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-orders-table{min-width:700px;font-size:12px}.admin-orders-table th,.admin-orders-table td{padding:8px 10px;font-size:11px}.admin-orders-table th{font-size:11px;white-space:nowrap}.admin-orders-table th:nth-child(2),.admin-orders-table td:nth-child(2){min-width:100px;max-width:120px}.admin-orders-table th:nth-child(5),.admin-orders-table td:nth-child(5){min-width:140px;max-width:160px}.verification-code-cell{max-width:100px}.verification-code-cell code{font-size:10px;padding:3px 6px}.token-info{flex-direction:column;align-items:flex-start;gap:4px}.token-value{font-size:10px;max-width:100%;word-break:break-all}.verify-btn{padding:6px 12px;font-size:12px;width:100%}.admin-orders-pagination{flex-wrap:wrap;gap:8px}.admin-orders-pagination button{padding:8px 12px;font-size:12px;flex:1;min-width:80px}}@media (max-width: 480px){.admin-orders{padding:8px}.admin-orders-header h1{font-size:18px}.admin-orders-table{min-width:600px}.admin-orders-table th,.admin-orders-table td{padding:6px 8px;font-size:10px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px}.admin-login-container{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#000}.admin-login-subtitle{margin:0;font-size:14px;color:#666}.admin-login-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:14px;margin-bottom:24px}.admin-login-form{margin-bottom:24px}.admin-login-input-group{margin-bottom:20px}.admin-login-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#000}.admin-login-input{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;color:#000;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:Courier New,monospace}.admin-login-input:focus{outline:none;border-color:#000}.admin-login-input:disabled{background:#f5f5f5;cursor:not-allowed}.admin-login-button{width:100%;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;background:#000;color:#fff;cursor:pointer;transition:all .2s}.admin-login-button:hover:not(:disabled){background:#333}.admin-login-button:disabled{background:#ccc;cursor:not-allowed}.admin-login-hint{margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5;text-align:center}.admin-login-hint p{margin:8px 0;font-size:12px;color:#666}.admin-login-link-format{margin-top:12px}.admin-login-link-format code{display:inline-block;padding:8px 12px;background:#f9f9f9;border-radius:4px;font-family:Courier New,monospace;font-size:11px;color:#000;word-break:break-all}@media (max-width: 768px){.admin-login{padding:12px}.admin-login-container{padding:24px}.admin-login-header h1{font-size:20px}.admin-login-subtitle{font-size:13px}.admin-login-link-format code{font-size:10px;padding:6px 10px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;color:#000;min-width:280px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#28a745;background:#d4edda;color:#155724}.toast-error{border-left-color:#dc3545;background:#f8d7da;color:#721c24}.toast-warning{border-left-color:#ffc107;background:#fff3cd;color:#856404}.toast-info{border-left-color:#17a2b8;background:#d1ecf1;color:#0c5460}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.toast-close:hover{opacity:1}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;height:100vh;display:flex;flex-direction:column}