body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #007bff;--primary-hover: #0056b3;--primary-active: #004080;--success-color: #28a745;--success-hover: #218838;--danger-color: #dc3545;--danger-hover: #c82333;--danger-active: #bd2130;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ddd;--gray-500: #6c757d;--gray-700: #495057;--gray-800: #333;--blue-500: #1890ff;--blue-400: #40a9ff;--red-500: #ff4d4f;--spacing-xs: 5px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 15px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.page-container{display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl)}.nav-panel{width:300px;border-right:1px solid var(--gray-400);padding:var(--spacing-xl)}.content-panel{flex:1;padding:var(--spacing-xl)}.form-input{width:90%;padding:.75rem;border:1px solid var(--gray-400);border-radius:var(--border-radius-sm);font-size:1rem;outline:none;transition:border-color .3s ease}.form-input:focus{border-color:var(--primary-color)}.button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .3s ease;height:45px}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:var(--primary-hover)}.button-success{background-color:var(--success-color);color:#fff}.button-danger{background-color:var(--danger-color);color:#fff}.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.items-list{list-style:none;padding:0;margin:var(--spacing-xl) 0}.list-item{margin-bottom:var(--spacing-sm)}.card{background-color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--gray-100);padding:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background-color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:100%;max-width:400px}.login-form form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:flex;gap:var(--spacing-md);width:100%}.form-row .login-input{flex:1}.user-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:400px;margin:0 auto}.user-form .form-row{display:flex;gap:var(--spacing-md);width:100%}.user-form .form-row .form-input{flex:1 1 0;min-width:0;width:100%}.user-form .form-input,.user-form .password-generator-button,.user-form .button.button-primary{width:100%;box-sizing:border-box}.user-form .password-field-container{width:100%}.user-management-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.success-message{color:var(--success-color);text-align:center;font-size:.9rem;padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-sm);border:1px solid var(--success-color)}.password-field-container{position:relative;width:100%;display:flex;align-items:center}.password-field-container .login-input{padding-right:50px}.password-toggle-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.password-toggle-button:hover{background-color:var(--gray-200)}.login-form h2{color:var(--gray-800);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:600}.login-input{width:100%;padding:var(--spacing-md);border:1px solid var(--gray-400);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--primary-color)}.login-button{width:100%;padding:var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:1rem;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box}.login-button:hover{background-color:var(--primary-hover)}.login-button:active{background-color:var(--primary-active)}.login-error{color:var(--danger-color);text-align:center;font-size:.9rem;width:100%}.nav-link,.back-link{text-decoration:none;color:var(--gray-500);display:block;margin-bottom:var(--spacing-md)}.selected{background-color:var(--gray-200)}.loading-state,.error-state{text-align:center;padding:var(--spacing-xl)}.loading-state{color:var(--gray-500)}.error-state{color:var(--danger-color)}.error-message{color:var(--danger-color);text-align:center;margin-top:var(--spacing-md);width:90%}.tag{background-color:var(--gray-200);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:.9em}.section-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.selection-container{display:flex;align-items:center;width:100%;color:var(--success-color)}.selection-checkbox{margin-right:var(--spacing-md);cursor:pointer}.selection-status{margin-right:var(--spacing-md);color:var(--gray-500)}.selection-status.active{color:var(--success-color)}.steps-container{padding:20px;max-width:1200px;margin:0 auto}.steps-title{color:var(--gray-800);margin-bottom:20px}.steps-list{list-style:none;padding:0;margin:20px 0}.steps-list-item{margin-bottom:10px;padding:15px;background-color:#fff;border:1px solid var(--gray-400);border-radius:var(--border-radius-md);transition:all .3s ease}.steps-list-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.steps-link{text-decoration:none;color:var(--gray-800);display:block;font-weight:500}.prompt-section{margin-top:30px;padding:var(--spacing-xl);background-color:#fff;border:1px solid var(--gray-400);border-radius:var(--border-radius-md)}.prompt-title{color:var(--gray-800);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--gray-200)}.page-layout{display:flex;gap:20px}.side-panel{width:300px;border-right:1px solid var(--gray-400);padding:20px}.main-panel{flex:1;padding:20px}.item-tree{list-style:none;padding:0}.item-tree-node{margin:8px 0;padding-left:20px}.item-header{display:flex;align-items:center;padding:8px;border-radius:4px;transition:background-color .2s}.item-controls{display:flex;align-items:center;gap:8px;flex:1}.item-checkbox{margin:0;cursor:pointer}.expand-button{background:none;border:none;padding:0 4px;cursor:pointer;font-size:12px;color:var(--gray-500);transition:color .2s}.expand-button:hover{color:var(--gray-800)}.expand-button.expanded{transform:rotate(0)}.item-children{margin-left:20px;border-left:1px dashed var(--gray-400);padding-left:10px}.item-content{padding:10px 20px;margin:5px 0;background-color:var(--gray-100);border-radius:var(--border-radius-sm)}.form-group{margin-bottom:10px}.form-group textarea{width:100%;padding:8px;border:1px solid var(--gray-400);border-radius:var(--border-radius-sm);resize:vertical}.item-link{text-decoration:none;color:var(--gray-800);padding:4px 8px;border-radius:4px;flex:1}.item-link:hover{background-color:var(--gray-200)}.step-link{color:var(--primary-color)}.theme-link{color:var(--success-color)}.notion-link{color:var(--danger-color)}.checkbox-container{display:flex;align-items:center;width:100%}.theme-checkbox{color:var(--primary-color)}.notion-checkbox{color:var(--success-color)}.checkbox-input{margin-right:10px;cursor:pointer}.checkbox-input:disabled{cursor:not-allowed}.prompt-container{margin-top:20px;padding:20px;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.header-navigation{display:flex;gap:1rem;align-items:center}.nav-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px;display:flex;align-items:center;justify-content:center;gap:.5rem;height:45px}.nav-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.nav-button.active{background:#ffffff40;border-color:#fff9;box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.logout-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:45px}.logout-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.logout-button:active{transform:translateY(0)}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-navigation{flex-direction:column;width:100%;gap:.5rem}.nav-button{width:100%;max-width:300px;min-width:auto}.logout-button{width:100%;max-width:300px}}@media(max-width:480px){.header{padding:.5rem 0}.nav-button,.logout-button{padding:.5rem 1rem;font-size:.9rem}}.prompt-textarea{width:80%;padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--gray-400);min-width:50%;min-height:400px;font-family:inherit;resize:vertical;transition:border-color .3s ease}.prompt-textarea:focus{outline:none;border-color:var(--primary-color)}.prompt-textarea.error{border-color:var(--danger-color);background-color:#ffeaea}.prompt-content pre{white-space:pre-wrap}.button-container{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);align-items:center}.prompt-type-selector{display:flex;align-items:center;gap:var(--spacing-sm);margin-right:var(--spacing-md)}.prompt-type-selector label{font-weight:500;color:var(--gray-700)}.prompt-type-selector select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--gray-400);background-color:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease;height:45px}.prompt-type-selector select:focus{outline:none;border-color:var(--primary-color)}.prompt-type-selector select:disabled{background-color:var(--gray-100);cursor:not-allowed}.save-button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);border:none;background-color:var(--blue-500);color:#fff;cursor:pointer;transition:background-color .3s ease;height:45px}.save-button:hover{background-color:var(--blue-400)}.save-button.disabled{opacity:.6;cursor:not-allowed}.delete-button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);border:none;background-color:var(--red-500);color:#fff;cursor:pointer;transition:background-color .3s ease;height:45px}.delete-button:hover{background-color:var(--danger-hover)}.prompt-identifiers{margin-bottom:var(--spacing-xl)}.identifier-row{display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.identifier-row span{margin-right:var(--spacing-md)}.insert-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background-color:var(--blue-500);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .3s ease;height:45px}.insert-button:hover{background-color:var(--blue-400)}.sub-elements{margin-top:var(--spacing-xl)}.sub-elements .insert-button{margin-left:var(--spacing-sm);font-size:.6875rem;padding:var(--spacing-xs) var(--spacing-xs)}.back-link{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--gray-200);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--gray-800);font-weight:500;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.back-link:hover{background-color:var(--gray-300);transform:translate(-5px)}.prompt-step-name{color:var(--primary-color);font-weight:700;font-size:1.1em}.prompt-theme-name{color:var(--success-color);font-weight:700;font-size:1.1em}.prompt-notion-name{color:var(--danger-color);font-weight:700;font-size:1.1em}.step-question-label,.step-response-label{color:var(--primary-color);font-weight:700}.theme-question-label,.theme-response-label{color:var(--success-color);font-weight:700}.notion-question-label,.notion-response-label{color:var(--danger-color);font-weight:700}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:80%;max-width:800px;max-height:80vh;overflow-y:auto;z-index:1000;display:flex;flex-direction:column}.modal-content{margin-top:var(--spacing-md);white-space:pre-wrap;word-wrap:break-word;font-size:1rem;line-height:1.5;padding:var(--spacing-lg);background:var(--gray-100);border-radius:var(--border-radius-sm);flex:1;overflow-y:auto}.modal-close-button{align-self:flex-end;padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-color);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .3s ease;margin-bottom:var(--spacing-md);height:45px}.modal-close-button:hover{background:var(--danger-hover)}.variable-selector{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.selector-group{display:flex;align-items:center;gap:var(--spacing-sm)}.selector-group label{min-width:100px;font-weight:500;color:var(--gray-700)}.selector-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--gray-400);border-radius:var(--border-radius-md);font-size:1rem;background-color:#fff;transition:all .2s ease}.selector-input:disabled{background-color:var(--gray-100);cursor:default;opacity:.7}.selector-input:not(:disabled):hover{border-color:var(--primary-color)}.selector-input:not(:disabled):focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.insert-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.insert-variable-button{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;transition:all .3s ease;height:45px}.insert-variable-button:disabled{opacity:.5;cursor:not-allowed}.question-button{background-color:var(--primary-color);color:#fff}.question-button:hover:not(:disabled){background-color:var(--primary-hover)}.response-button{background-color:var(--success-color);color:#fff}.response-button:hover:not(:disabled){background-color:var(--success-hover)}.selector-input option:first-child{font-style:italic;color:var(--gray-500)}.theme-list-item{margin-bottom:15px}.notions-list{list-style:none;padding-left:20px;margin-top:5px}.notion-item{display:flex;align-items:center;padding:6px;border-radius:4px;margin-bottom:5px}.ai-analysis-controls{display:flex;gap:var(--spacing-md);align-items:center}.model-selector{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-400);border-radius:var(--border-radius-sm);background-color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;height:45px}.model-selector:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.model-selector:not(:disabled):hover{border-color:var(--primary-color)}.model-selector:not(:disabled):focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.ai-analysis-response{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--gray-50);border-radius:var(--border-radius-md)}.ai-usage-info{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--gray-100);border-radius:var(--border-radius-sm)}.ai-usage-info h4{color:var(--gray-700);margin-bottom:var(--spacing-sm)}.ai-usage-info p{margin:var(--spacing-xs) 0;color:var(--gray-600);font-size:.9rem}.variable-type-selector{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.variable-type-selector label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.variable-type-selector input[type=radio]{cursor:pointer}.project-selector{width:80%}.ai-response-content{white-space:pre-wrap;font-family:monospace;background-color:var(--gray-100);padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--gray-300)}.description-container{position:relative;cursor:help}.description-content{margin:0}.description-text{display:inline}.description-tooltip{position:absolute;top:0;left:100%;margin-left:10px;background-color:#000000e6;color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:14px;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;min-width:400px;word-wrap:break-word}.description-tooltip.visible{opacity:1;visibility:visible}.prompt-status-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.prompt-status-table h3{margin:0 0 20px;font-size:1.2em}.table-container{overflow-x:auto;max-height:70vh;overflow-y:auto;display:flex;justify-content:center}.prompt-status-table table{width:80%;border-collapse:collapse;font-size:14px}.prompt-status-table thead{position:sticky;top:0;z-index:10}.prompt-status-table th{background-color:#f8f9fa;padding:12px 8px;text-align:center;font-weight:600;border-bottom:2px solid #dee2e6;color:#495057;position:sticky;top:0;z-index:10}.prompt-status-table td{padding:8px;border-bottom:1px solid #e9ecef;vertical-align:middle;text-align:center}.prompt-status-table td:first-child{text-align:left}.step-row{background-color:#f8f9fa;font-weight:600}.step-row .expand-button{color:var(--primary-color)}.theme-row{background-color:#fff;font-weight:600}.theme-row td:first-child{padding-left:40px}.theme-row .expand-button{color:var(--success-color)}.notion-row{background-color:#fff;font-weight:600}.notion-row td:first-child{padding-left:80px}.notion-name{color:var(--danger-color)}.global-row{background-color:#e3f2fd;font-weight:600;border-top:3px solid #2196f3}.global-label{color:#1976d2;font-size:1.1em}.expand-button{background:none;border:none;cursor:pointer;padding:0;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;width:100%}.expand-button:hover:not(:disabled){color:var(--primary-color)}.expand-button:disabled{cursor:not-allowed;opacity:.7}.expand-button.step-expand{color:var(--primary-color)}.expand-button.step-expand:hover:not(:disabled){color:var(--primary-hover)}.expand-button.theme-expand{color:var(--success-color)}.expand-button.theme-expand:hover:not(:disabled){color:var(--success-hover)}.go-to-button{display:inline-block;padding:4px 8px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-size:12px;font-weight:500;transition:background-color .2s ease}.go-to-button:hover{background-color:#0056b3;color:#fff;text-decoration:none}.status-cell{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;font-weight:700}.status-cell.has-prompt{background-color:#28a745;color:#fff}.status-cell.no-prompt{background-color:#dc3545;color:#fff}.status-icon{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:700;font-size:12px}.status-icon.complete{background-color:#d4edda;color:#155724}.status-icon.partial{background-color:#fff3cd;color:#856404}.status-icon.missing{background-color:#f8d7da;color:#721c24}.prompt-status-loading{text-align:center;padding:40px;color:#6c757d;font-style:italic}@media(max-width:768px){.prompt-status-table{padding:15px}.prompt-status-table table{font-size:12px}.prompt-status-table th,.prompt-status-table td{padding:6px 4px}.theme-row td:first-child{padding-left:20px}.notion-row td:first-child{padding-left:35px}}.popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:90%}.popup-content.info{border-left:4px solid #2196f3}.popup-content.success{border-left:4px solid #4caf50}.popup-content.error{border-left:4px solid #f44336}.popup-content.warning{border-left:4px solid #ff9800}.popup-message{margin-bottom:15px;font-size:16px;line-height:1.5}.popup-close{background-color:#f5f5f5;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;float:right}.popup-close:hover{background-color:#e0e0e0}.password-generator-button{width:100%;padding:var(--spacing-md);background-color:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-400);border-radius:var(--border-radius-sm);font-size:1rem;cursor:pointer;transition:all .3s ease;box-sizing:border-box;margin-bottom:var(--spacing-sm)}.password-generator-button:hover:not(:disabled){background-color:var(--gray-300);color:var(--gray-800);border-color:var(--gray-500)}.password-generator-button:active:not(:disabled){background-color:var(--gray-400);transform:translateY(1px)}.password-generator-button:disabled{opacity:.6;cursor:not-allowed}.password-generator-button:disabled{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}