.organization-admin-container{min-height:100vh;background:#f8fafc;padding:2rem}.organization-admin-container button{background-color:transparent!important}.org-admin-header{background:#fff;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:.5rem;align-items:center}.header-content h1{margin:0;font-size:1.75rem;font-weight:600;color:#1a202c}.header-content p{margin:.5rem 0 0;font-size:.875rem}.stats-cards{margin-bottom:2rem}.stats-card{border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;overflow:hidden}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stats-card .card-body{display:flex;align-items:center;padding:1.5rem;gap:1rem}.stats-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stats-card-blue .stats-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stats-card-green .stats-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stats-card-purple .stats-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stats-card-orange .stats-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stats-content{flex:1}.stats-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem;font-weight:500}.stats-value{font-size:1.75rem;font-weight:700;color:#1a202c;line-height:1.2}.stats-card-blue .stats-value{color:#2563eb}.stats-card-green .stats-value{color:#059669}.stats-card-purple .stats-value{color:#7c3aed}.stats-card-orange .stats-value{color:#d97706}.org-admin-content{display:grid;grid-template-columns:400px 1fr;gap:2rem;height:calc(100vh - 200px)}.members-section,.history-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.view-mode-toggle{display:flex;gap:.5rem;margin-right:auto}.organization-admin-container .view-mode-toggle button,.organization-admin-container .view-mode-toggle button.btn,.organization-admin-container .view-mode-toggle button.btn-sm{border:2px solid #6366f1!important;color:#6366f1!important;background:#fff!important;background-color:#fff!important;font-weight:500!important;transition:all .2s;padding:.375rem .75rem!important;min-width:100px;display:inline-block!important}.organization-admin-container .view-mode-toggle button.btn:hover,.organization-admin-container .view-mode-toggle button.btn-sm:hover{background:#f0f4ff!important;border-color:#4f46e5!important;color:#4f46e5!important}.organization-admin-container .view-mode-toggle button.btn-primary,.organization-admin-container .view-mode-toggle button.btn-sm.btn-primary{background:#6366f1!important;background-color:#6366f1!important;color:#fff!important;border-color:#6366f1!important}.organization-admin-container .view-mode-toggle button.btn-primary:hover,.organization-admin-container .view-mode-toggle button.btn-sm.btn-primary:hover{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.organization-admin-container .view-mode-toggle button.btn-outline-secondary,.organization-admin-container .view-mode-toggle button.btn-sm.btn-outline-secondary{background:#fff!important;background-color:#fff!important;color:#6366f1!important;border-color:#6366f1!important}.organization-admin-container .view-mode-toggle button.btn-outline-secondary:hover,.organization-admin-container .view-mode-toggle button.btn-sm.btn-outline-secondary:hover{background:#f0f4ff!important;color:#4f46e5!important;border-color:#4f46e5!important}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a202c}.search-box{position:relative;width:250px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-box input{padding-left:2.5rem}.members-list{flex:1;overflow-y:auto;padding-right:.5rem}.member-card{display:flex;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;background:#fff}.member-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a;transform:translateY(-1px)}.member-card.active{border-color:#6366f1;background:#f0f4ff}.member-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-right:1rem;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem}.member-info{flex:1;min-width:0}.member-name{font-weight:600;color:#1a202c;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.25rem;font-size:.875rem;color:#6b7280}.member-email,.member-username{display:flex;align-items:center}.member-meta{font-size:.75rem}.member-actions{color:#9ca3af;margin-left:.5rem}.history-section{overflow-y:auto}.export-buttons{display:flex;gap:.5rem}.organization-admin-container .export-buttons button,.organization-admin-container .export-buttons button.btn,.organization-admin-container .export-buttons button.btn-sm,.organization-admin-container .export-buttons button.btn-outline-primary{border:2px solid #6366f1!important;color:#6366f1!important;background:#fff!important;background-color:#fff!important;font-weight:500!important;transition:all .2s;padding:.375rem .75rem!important;display:inline-block!important}.organization-admin-container .export-buttons button:hover:not(:disabled),.organization-admin-container .export-buttons button.btn:hover:not(:disabled),.organization-admin-container .export-buttons button.btn-sm:hover:not(:disabled),.organization-admin-container .export-buttons button.btn-outline-primary:hover:not(:disabled){background:#6366f1!important;background-color:#6366f1!important;color:#fff!important;border-color:#6366f1!important}.organization-admin-container .export-buttons button:disabled,.organization-admin-container .export-buttons button.btn:disabled,.organization-admin-container .export-buttons button.btn-sm:disabled,.organization-admin-container .export-buttons button.btn-outline-primary:disabled{opacity:.5!important;cursor:not-allowed!important;border-color:#9ca3af!important;color:#9ca3af!important;background:#f3f4f6!important;background-color:#f3f4f6!important}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280;text-align:center;min-height:200px}.loading-state i,.empty-state i{margin-bottom:1rem}.loading-state .spinner-border{width:3rem;height:3rem;border-width:.25em}.history-list{flex:1;overflow-y:auto}.outline-preview{max-width:300px;font-size:.875rem;color:#4b5563}.btn-link{background:none;border:none;color:#6366f1;cursor:pointer;text-decoration:underline;padding:0;margin-left:.5rem;font-size:.875rem}.btn-link:hover{color:#4f46e5}.table{margin-bottom:0}.table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table tbody tr{transition:background .2s}.table tbody tr:hover{background:#f8fafc}.member-cell{min-width:150px}.member-cell strong{display:block;margin-bottom:.25rem}.member-cell small{font-size:.75rem}.badge{font-size:.75rem;padding:.25rem .5rem}@media (max-width: 1200px){.org-admin-content{grid-template-columns:350px 1fr}}@media (max-width: 992px){.org-admin-content{grid-template-columns:1fr;height:auto}.members-section{max-height:400px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f0eee9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{min-height:100vh}:root{--pantone-cloud-dancer: #F0EEE9;--primary-color: #487AB7;--primary-dark: #3A6394;--primary-light: #B7D0EA;--primary-lighter: #E3F0F8;--secondary-color: #AAAAC4;--success-color: #10b981;--warning-color: #E3CC81;--danger-color: #ef4444;--info-color: #487AB7;--bg-primary: #F0EEE9;--bg-secondary: #E8F0F5;--bg-tertiary: #E0E8ED;--bg-dark: #2A3A4A;--text-primary: #1e293b;--text-secondary: #496275;--text-muted: #7A8A9A;--text-light: #B7D0EA;--border-color: #D0D8E0;--border-light: #E8F0F5;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mobile-padding: 1rem;--mobile-margin: .75rem;--mobile-font-size: .875rem;--mobile-line-height: 1.5}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{font-family:var(--font-family);background:linear-gradient(135deg,#f0eee9,#e8f0f5,#d0e5f0,#b7d0ea,#9bb8d5);margin:0;padding:0;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:none;min-height:100vh;min-height:-webkit-fill-available}.navbar{backdrop-filter:blur(20px);background:#fffffff2!important;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:.75rem 0;z-index:1000;height:70px;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);padding-top:max(.75rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.bg-gradient-primary{background:linear-gradient(135deg,#487ab7,#3a6394,#2a5c6a)!important}.brand-icon{width:40px;height:40px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.brand-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0;white-space:nowrap}.brand-subtitle{font-size:.75rem;color:#fffc;margin:0;white-space:nowrap}@media (max-width: 768px){.navbar{height:60px;padding:.5rem 0}.brand-icon{width:36px;height:36px;font-size:1.125rem}.brand-title{font-size:1rem}.brand-subtitle{font-size:.7rem}.navbar-nav .nav-link{font-size:.875rem;padding:.25rem .5rem}}@media (max-width: 480px){.navbar{height:56px;padding:.375rem 0;padding-top:max(.375rem,env(safe-area-inset-top))}.brand-icon{width:32px;height:32px;font-size:1rem;margin-right:.5rem!important}.brand-title{font-size:.9rem}.brand-subtitle,.navbar-nav{display:none}}@media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3){.main-wrapper{height:100vh;height:-webkit-fill-available;padding-top:max(70px,env(safe-area-inset-top) + 70px)}.navbar{height:max(70px,env(safe-area-inset-top) + 56px);padding-top:env(safe-area-inset-top)}.btn,.mobile-sidebar-toggle,.history-item{min-height:44px;min-width:44px}.sidebar-content,.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@supports (-webkit-touch-callout: none){.main-wrapper{height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100)}.main-wrapper .container-fluid{height:calc(-webkit-fill-available - 70px);height:calc(var(--vh, 1vh) * 100 - 70px)}.form-control{font-size:16px!important;-webkit-appearance:none;border-radius:0}.sidebar-content,.main-content,.history-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-wrapper{height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100 - 70px)}.mobile-sidebar-toggle{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sidebar-overlay{height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100)}}.ios-safari{position:fixed;overflow:hidden;width:100%;height:100%}.ios-safari .main-wrapper{position:relative;overflow:auto;height:calc(var(--vh, 1vh) * 100);-webkit-overflow-scrolling:touch}.ios-safari .sidebar-content{overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 80px)}.ios-safari .main-content{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.main-wrapper{padding-top:70px;height:100vh;height:-webkit-fill-available;overflow:hidden;-webkit-overflow-scrolling:touch}.main-wrapper .container-fluid{height:calc(100vh - 70px);height:calc(-webkit-fill-available - 70px);-webkit-overflow-scrolling:touch}.main-wrapper .row{height:100%;margin:0}.sidebar-wrapper{padding:0;height:100%;position:relative}.sidebar{background:var(--bg-primary);height:100%;border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .3s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-sidebar-toggle{display:none;position:fixed;top:50%;left:10px;transform:translateY(-50%);z-index:1001;background:#487ab7;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:1.25rem;box-shadow:var(--shadow-lg);transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.mobile-sidebar-toggle:hover{background:#3a6394;transform:translateY(-50%) scale(1.1)}.mobile-sidebar-toggle:active{transform:translateY(-50%) scale(.95);background:#3a6394}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:none;display:block}.sidebar-overlay.show{opacity:1;visibility:visible;pointer-events:auto;display:block!important}@media (max-width: 992px){.main-wrapper{padding-top:60px}.main-wrapper .container-fluid{height:calc(100vh - 60px)}.sidebar-wrapper{position:fixed;top:60px;left:-100%;width:320px;height:calc(100vh - 60px);z-index:1001;transition:left .3s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-primary)}.sidebar-wrapper.show{left:0}.sidebar{border-right:none;box-shadow:var(--shadow-xl);touch-action:pan-y;background:var(--bg-primary)!important;display:flex!important;flex-direction:column!important}.sidebar-wrapper.show .sidebar-header,.sidebar-wrapper.show .sidebar-content{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.sidebar-wrapper .history-item,.sidebar-wrapper .stat-card,.sidebar-wrapper .btn-create{pointer-events:auto!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;touch-action:manipulation!important}.sidebar-wrapper .history-item:active,.sidebar-wrapper .stat-card:active,.sidebar-wrapper .btn-create:active{background-color:#0000000d!important;transform:scale(.98)!important;transition:all .1s ease!important}.main-content{width:100%;padding:0;transition:transform .3s ease}.mobile-sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-open .main-content{transform:translate(0);overflow:hidden}}@media (max-width: 768px){.main-wrapper{padding-top:60px}.main-wrapper .container-fluid{height:calc(100vh - 60px);padding:0}.sidebar-wrapper{width:280px;top:60px}.sidebar-overlay.show{clip-path:polygon(280px 0,100% 0,100% 100%,280px 100%)}}@media (max-width: 480px){.main-wrapper{padding-top:56px}.main-wrapper .container-fluid{height:calc(100vh - 56px)}.sidebar-wrapper{width:280px;top:56px}.mobile-sidebar-toggle{width:44px;height:44px;font-size:1.125rem;left:8px;padding:8px;margin:-8px}.sidebar-overlay.show{clip-path:polygon(280px 0,100% 0,100% 100%,280px 100%)}}@media (max-width: 992px) and (orientation: portrait){.mobile-sidebar-toggle{top:calc(50% + 20px);left:12px;min-width:44px;min-height:44px}.sidebar-wrapper{width:min(85vw,320px);top:max(60px,env(safe-area-inset-top,60px));height:calc(100vh - max(60px,env(safe-area-inset-top,60px)))}.sidebar-overlay.show{clip-path:polygon(min(85vw,320px) 0,100% 0,100% 100%,min(85vw,320px) 100%)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:-webkit-fill-available;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.sidebar-overlay.show{clip-path:polygon(320px 0,100% 0,100% 100%,320px 100%)}}@media (max-width: 992px) and (orientation: landscape){.mobile-sidebar-toggle{top:calc(50% - 10px);left:10px}.sidebar-wrapper{width:min(40vw,350px)}}@media (max-width: 360px){.mobile-sidebar-toggle{width:40px;height:40px;font-size:1rem;left:6px}.sidebar-wrapper{width:calc(100vw - 40px)}}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border-light);flex-shrink:0}.btn-create{background:linear-gradient(135deg,#487ab7,#3a6394);border:none;color:#fff;padding:.875rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:var(--shadow-md);touch-action:manipulation}.btn-create:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#3a6394,#2a5c6a);color:#fff}.btn-create:active{transform:translateY(0)}.sidebar-content{padding:1.25rem;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.sidebar-header{padding:1rem}.btn-create{padding:.75rem 1rem;font-size:.875rem}.sidebar-content{padding:1rem}.section-header h6{font-size:.8rem;margin-bottom:.75rem}}@media (max-width: 480px){.sidebar-header{padding:.875rem}.btn-create{padding:.625rem .875rem;font-size:.8rem}.btn-create i{font-size:.875rem}.sidebar-content{padding:.875rem}}.section-header h6{color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.history-list-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.history-list{flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:0;font-size:.875rem}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .3s ease}.history-item:hover{background:var(--bg-tertiary);border-color:#b7d0ea;transform:translateY(-1px);box-shadow:var(--shadow-md)}.history-item h6{margin:0 0 .5rem;font-weight:600;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item small{color:var(--text-muted);font-size:.75rem}.user-stats-section{margin-bottom:2rem;flex-shrink:0}.user-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem;display:flex;align-items:center;transition:all .3s ease;min-height:60px}.stat-card:hover{background:var(--bg-tertiary);border-color:#b7d0ea;transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-card .stat-icon{width:36px;height:36px;background:linear-gradient(135deg,#487ab7,#3a6394);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;margin-right:.625rem;flex-shrink:0}.stat-info{flex:1;min-width:0}.stat-number{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.user-stats-section{margin-bottom:1.5rem}.user-stats-grid{gap:.5rem}.stat-card{padding:.75rem;min-height:56px}.stat-card:hover{transform:none}.stat-card .stat-icon{width:32px;height:32px;font-size:.8rem;margin-right:.5rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}}@media (max-width: 480px){.user-stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.625rem;min-height:52px}.stat-card .stat-icon{width:30px;height:30px;font-size:.75rem;margin-right:.5rem}.stat-number{font-size:.95rem}.stat-label{font-size:.6rem}}.mode-selection{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.mode-option{position:relative}.mode-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mode-label{display:block;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease;height:100%}.mode-label:hover{border-color:#b7d0ea;background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-option input[type=radio]:checked+.mode-label{border-color:#487ab7;background:#487ab714;box-shadow:var(--shadow-lg)}.mode-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);margin-bottom:1rem;transition:all .3s ease}.mode-option input[type=radio]:checked+.mode-label .mode-icon{background:#487ab7;color:#fff}.mode-info{text-align:left}.mode-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.mode-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin-bottom:1rem}.mode-specs{display:flex;flex-wrap:wrap;gap:.5rem}.spec-item{display:inline-flex;align-items:center;font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .3s ease}.spec-item i{margin-right:.25rem}.mode-option input[type=radio]:checked+.mode-label .spec-item{background:#487ab71f;color:#487ab7}@media (max-width: 768px){.mode-selection{grid-template-columns:1fr;gap:.75rem}.mode-label{padding:1rem}.mode-icon{width:40px;height:40px;font-size:1rem}.mode-title{font-size:.875rem}.mode-desc{font-size:.75rem}.spec-item{font-size:.6875rem}}.main-content{padding:1.5rem;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (max-width: 992px){.main-content{padding:1rem}}@media (max-width: 768px){.main-content{padding:.875rem}}@media (max-width: 480px){.main-content{padding:.75rem}}.welcome-area{margin-bottom:2rem}.welcome-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#487ab7,#3a6394);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 2rem}.welcome-card h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.welcome-desc{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:2rem}.feature-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all .3s ease}.feature-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-item i{font-size:1.5rem;color:#487ab7;margin-bottom:.5rem}.feature-item span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.input-form{margin-bottom:2rem}.form-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.form-header{background:linear-gradient(135deg,#487ab7,#3a6394,#2a5c6a);color:#fff;padding:2rem;text-align:center}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-title i{font-size:1.25rem}.form-subtitle{font-size:1rem;opacity:.9;margin:0}.form-content{padding:1.75rem;max-height:calc(100vh - 300px);overflow-y:auto;-webkit-overflow-scrolling:touch}.form-group{margin-bottom:1.75rem}.form-label{display:flex;align-items:center;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem}.required{color:var(--danger-color);margin-left:.25rem}.input-wrapper{position:relative}.form-control{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9rem;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{outline:none;border-color:#487ab7;background:var(--bg-primary);box-shadow:0 0 0 3px #487ab726}.form-control::placeholder{color:var(--text-muted)}.input-counter{position:absolute;right:.875rem;bottom:.875rem;font-size:.7rem;color:var(--text-muted);background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.form-hint{margin-top:.5rem;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.form-hint i{color:var(--info-color)}.form-actions{padding:1.75rem;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;gap:.875rem;justify-content:flex-end}@media (max-width: 768px){.form-content{padding:1.25rem;max-height:calc(100vh - 200px)}.form-group{margin-bottom:1.5rem}.form-label{font-size:.85rem;margin-bottom:.625rem}.form-control{padding:.75rem;font-size:16px}.form-control[type=textarea]{min-height:120px}.input-counter{bottom:.75rem;right:.75rem;font-size:.65rem}.form-hint{font-size:.75rem}.form-actions{padding:1.25rem;gap:.75rem;flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.form-content{padding:1rem;max-height:calc(100vh - 160px)}.form-group{margin-bottom:1.25rem}.form-label{font-size:.8rem;margin-bottom:.5rem}.form-control{padding:.625rem;font-size:16px}.input-counter{bottom:.625rem;right:.625rem;font-size:.6rem}.form-hint{font-size:.7rem}.form-actions{padding:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(135deg,#487ab7,#3a6394);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,#3a6394,#2a5c6a);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:#b7d0ea}.btn-secondary:active{transform:translateY(0)}.btn-generate{min-width:140px}@media (max-width: 768px){.btn{padding:.75rem 1.25rem;font-size:.875rem;min-height:44px}.btn:hover{transform:none}.btn-generate{min-width:120px}}@media (max-width: 480px){.btn{padding:.625rem 1rem;font-size:.8rem;min-height:42px}.btn-generate{min-width:100px}}.loading-state{margin-bottom:2rem}.loading-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.loading-animation{margin-bottom:2rem}.loading-spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner-ring{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #487AB7;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#487AB7 transparent transparent transparent}.spinner-ring:nth-child(2){animation-delay:-.45s;border-color:#B7D0EA transparent transparent transparent}.spinner-ring:nth-child(3){animation-delay:-.3s;border-color:#3A6394 transparent transparent transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.loading-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.loading-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.step{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:all .3s ease}.step.active{opacity:1;color:#487ab7}.step i{font-size:1.5rem;margin-bottom:.5rem}.step span{font-size:.875rem;font-weight:500}.progress-container{margin-bottom:1rem}.progress{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#487ab7,#3a6394,#b7d0ea);border-radius:var(--radius-sm);animation:progress-animation 2s ease-in-out infinite}@keyframes progress-animation{0%,to{width:30%}50%{width:70%}}.progress-text{text-align:center;font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.result-area{margin-bottom:2rem}.result-area .result-card{background:#fff;box-shadow:0 10px 25px #0000001a;border:1px solid #e2e8f0}.result-area .result-content{background:#fff;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.generation-stats-panel{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.stats-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.stats-header h6{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{display:flex;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);transition:all .3s ease}.stat-item:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.stat-item:last-child,.stat-item:nth-last-child(2){border-bottom:none}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#487ab7,#3a6394);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;margin-right:1rem;flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.result-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.result-header{background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%);color:#fff;padding:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.result-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.result-stats{display:flex;gap:2rem;margin-top:1rem;flex-wrap:wrap}.word-count,.generation-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9}.action-buttons{display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md);font-weight:500}.btn-outline-primary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-outline-primary:hover{background:#fff3;border-color:#ffffff80}.btn-outline-success{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-outline-success:hover{background:#fff3;border-color:#ffffff80}.btn-outline-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-outline-secondary:hover{background:#fff3;border-color:#ffffff80}.result-content{padding:2rem;max-height:calc(100vh - 400px);overflow-y:auto;background:#fff;color:#1a202c}.article-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:2rem;text-align:center;line-height:1.3}.article-content{font-size:1rem;line-height:1.8;color:#2d3748;background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#1a202c;line-height:1.3}.article-content h1{font-size:1.875rem;border-bottom:2px solid #487AB7;padding-bottom:.5rem}.article-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.article-content h3{font-size:1.25rem}.article-content h4{font-size:1.125rem}.article-content h5{font-size:1rem}.article-content h6{font-size:.875rem}.article-content p{margin-bottom:1.5rem;text-align:justify;color:#2d3748;line-height:1.8;font-weight:400}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content li{margin-bottom:.5rem;color:#2d3748}.article-content blockquote{border-left:4px solid #487AB7;background:#f0f5f9;margin:1.5rem 0;padding:1rem 1.5rem;border-radius:var(--radius-md);font-style:italic;color:#4a5568}.article-content code{background:#e8f0f5;color:#487ab7;padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:500}.article-content pre{background:#2d3748;color:#e2e8f0;padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;border:1px solid #4a5568}.article-content pre code{background:none;color:inherit;padding:0;border-radius:0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid #e2e8f0;border-radius:var(--radius-md);overflow:hidden;background:#fff}.article-content th,.article-content td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0;color:#2d3748}.article-content th{background:#f7fafc;font-weight:600;color:#1a202c}.article-content tr:hover{background:#f7fafc}.article-content strong{font-weight:700;color:#1a202c}.article-content em{font-style:italic;color:#4a5568}.article-content a{color:#487ab7;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.article-content a:hover{border-bottom-color:#487ab7}.article-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:2rem 0}.error-alert{margin-bottom:2rem}.error-card{background:var(--bg-primary);border:2px solid var(--danger-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;box-shadow:var(--shadow-lg)}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--danger-color) 0%,#dc2626 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem}.error-content h4{font-size:1.5rem;font-weight:700;color:var(--danger-color);margin-bottom:1rem}.error-content p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.toast{position:fixed;top:100px;right:20px;z-index:1050;animation:slideUp .3s ease-out}.toast-header{display:flex;align-items:center;gap:.5rem;font-weight:600}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff}.toast-icon.success{background:var(--success-color)}.toast-icon.error{background:var(--danger-color)}.toast-body{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.history-list::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar,.main-content::-webkit-scrollbar,.form-content::-webkit-scrollbar,.result-content::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track,.form-content::-webkit-scrollbar-track,.result-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.history-list::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb,.form-content::-webkit-scrollbar-thumb,.result-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover,.form-content::-webkit-scrollbar-thumb:hover,.result-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1200px){.main-content{padding:1.5rem}.welcome-card,.form-card,.result-card{padding:2rem}}@media (max-width: 992px){.main-content{padding:1rem;margin-left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.loading-steps{flex-direction:column;gap:1rem}.result-header{flex-direction:column;align-items:flex-start}.result-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.main-wrapper{padding-top:70px}.navbar{padding:.75rem 0;height:70px}.brand-title{font-size:1.125rem}.brand-subtitle{font-size:.75rem}.welcome-card{padding:2rem 1.5rem}.welcome-card h2{font-size:1.5rem}.welcome-desc{font-size:1rem}.form-content{padding:1.5rem;max-height:calc(100vh - 250px)}.form-actions{padding:1.5rem;flex-direction:column}.btn{width:100%;justify-content:center}.loading-card,.result-card{margin:0 -.5rem}.result-content{padding:1.5rem;max-height:calc(100vh - 300px)}.article-title{font-size:1.5rem}.article-content{font-size:.9375rem}.stats-grid{grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-icon{width:40px;height:40px;font-size:1rem}.stat-value{font-size:1.125rem}}@media (max-width: 480px){.main-content{padding:.75rem}.welcome-card,.form-card,.result-card{border-radius:var(--radius-lg);margin:0}.brand-icon{width:40px;height:40px;font-size:1.25rem}.loading-steps{gap:.75rem}.step span{font-size:.75rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.w-100{width:100%}.h-100{height:100%}