:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--text-muted:#868e96;--border-color:#dee2e6;--border-hover:#adb5bd;--accent-primary:#2158e8;--accent-hover:#1a46ba;--success:#28a745;--warning:#ffc107;--error:#dc3545;--shadow:#0000001a;--shadow-lg:#00000026}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#707070;--text-muted:grey;--border-color:#404040;--border-hover:#606060;--accent-primary:#3b82f6;--accent-hover:#2563eb;--success:#51cf66;--warning:#ffd43b;--error:#ff6b6b;--shadow:#0000004d;--shadow-lg:#00000080}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#212529;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;padding:0;transition:all .3s ease;width:40px}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:scale(1.1)}.auth-container{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.auth-container:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:3rem;position:relative;width:100%;z-index:1}.auth-card h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-card p{color:#64748b;margin-bottom:2rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#374151}.form-group input{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#3b82f6}.btn-full{margin-top:1rem;width:100%}.btn-secondary{background-color:#6b7280;border:none;border-radius:.5rem;display:inline-block;font-weight:600;text-align:center;text-decoration:none}.btn-secondary:hover{background-color:#4b5563;text-decoration:none}[data-theme=dark] .btn-secondary{background-color:#475569}[data-theme=dark] .btn-secondary:hover{background-color:#64748b}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{font-size:.9rem;margin:.5rem 0}.auth-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}[data-theme=dark] .auth-container:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000}[data-theme=dark] .auth-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#191c23;border:1px solid #334155}[data-theme=dark] .auth-card h1{color:#f1f5f9}[data-theme=dark] .auth-card p{color:#94a3b8}[data-theme=dark] .form-group label{color:#e2e8f0}[data-theme=dark] .form-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}[data-theme=dark] .form-group input:focus{background-color:#334155;border-color:#60a5fa}[data-theme=dark] .auth-footer p,[data-theme=dark] .form-group input::placeholder{color:#94a3b8}[data-theme=dark] .auth-footer a{color:#60a5fa}[data-theme=dark] .auth-footer a:hover{color:#93c5fd}.alert{border:1px solid;margin:1rem 0}.alert-error{background-color:#fef2f2;border-color:#fecaca}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}[data-theme=dark] .alert.alert-error{background-color:#7f1d1d;border-color:#b91c1c;color:#fecaca}[data-theme=dark] .alert.alert-success{background-color:#14532d;border-color:#22c55e;color:#bbf7d0}@media (prefers-color-scheme:dark){html:not([data-theme]) .auth-container:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf}html:not([data-theme]) .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #334155}html:not([data-theme]) .auth-card h1{color:#f1f5f9}html:not([data-theme]) .auth-card p{color:#94a3b8}html:not([data-theme]) .form-group label{color:#e2e8f0}html:not([data-theme]) .form-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}html:not([data-theme]) .form-group input:focus{background-color:#334155;border-color:#60a5fa}html:not([data-theme]) .auth-footer p,html:not([data-theme]) .form-group input::placeholder{color:#94a3b8}html:not([data-theme]) .auth-footer a{color:#60a5fa}html:not([data-theme]) .auth-footer a:hover{color:#93c5fd}html:not([data-theme]) .alert.alert-error{background-color:#7f1d1d;border-color:#b91c1c;color:#fecaca}html:not([data-theme]) .alert.alert-success{background-color:#14532d;border-color:#22c55e;color:#bbf7d0}}.upgrade-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.upgrade-prompt{animation:upgradePromptAppear .3s ease-out;background:#fff;background:var(--card-bg,#fff);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}[data-theme=dark] .upgrade-prompt{background:#1a1a1a;border:1px solid #333}.upgrade-prompt,[data-theme=light] .upgrade-prompt{background:#fff;border:1px solid #e5e7eb}@keyframes upgradePromptAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-header{align-items:center;background:linear-gradient(135deg,#3b82f60d,#7c3aed0d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.upgrade-icon{font-size:2rem;margin-right:1rem}.upgrade-header h2{align-items:center;color:var(--text-color);display:flex;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.close-btn{border-radius:50%;height:40px;padding:.5rem;transition:all .2s ease;width:40px}.close-btn:hover{background:var(--border-color)}.upgrade-content{padding:2rem}.limit-info{margin-bottom:2rem;text-align:center}.limit-message{color:var(--text-color);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.upgrade-message{color:var(--text-secondary);font-size:.95rem;margin:0}.current-plan{background:#f1f5f9;background:var(--input-bg,#f1f5f9);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}[data-theme=dark] .current-plan{background:#333;border:1px solid #444}.current-plan,[data-theme=light] .current-plan{background:#f1f5f9;border:1px solid #d1d5db}.current-plan h3{color:var(--text-color);font-size:1rem;margin:0 0 1rem}.plan-name{color:#dc2626}.usage-bar{margin-top:1rem}.usage-label{font-size:.9rem;margin-bottom:.5rem}.usage-progress{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.usage-progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.usage-progress-bar.exceeded{background:linear-gradient(90deg,#ef4444,#dc2626)}.suggested-plan h3{color:var(--text-color);font-size:1rem;margin:0 0 1rem}.plan-card{background:#f8fafc;background:var(--card-bg,#f8fafc);border:2px solid}[data-theme=dark] .plan-card{background:#262626}.plan-card,[data-theme=light] .plan-card{background:#f8fafc}.plan-card.recommended:before{background:linear-gradient(90deg,#2563eb,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-header{margin-bottom:1rem}.plan-title{font-size:1.25rem;font-weight:700;margin:0;text-transform:capitalize}.plan-price{color:var(--text-color);font-size:1.1rem;font-weight:600}.plan-benefits h5{color:var(--text-secondary);font-size:.9rem;letter-spacing:.025em;margin:0 0 .75rem;text-transform:uppercase}.plan-benefits ul{list-style:none;margin:0;padding:0}.plan-benefits li{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;padding:.5rem 0}.plan-benefits li:first-child{padding-top:0}.plan-benefits li:last-child{padding-bottom:0}.upgrade-actions{display:flex;gap:1rem;padding:0 2rem 1rem}.upgrade-actions .btn{border-radius:8px;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.upgrade-btn{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:none!important;color:#fff!important;font-weight:600!important;overflow:hidden;position:relative}.upgrade-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upgrade-btn:hover:before{left:100%}.upgrade-btn:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.upgrade-footer{background:linear-gradient(135deg,#3b82f608,#7c3aed08);border-top:1px solid var(--border-color);padding:1rem 2rem 2rem;text-align:center}.upgrade-footer p{color:var(--text-color);font-size:.95rem;font-weight:500;margin:0 0 .5rem}.upgrade-footer small{color:var(--text-secondary);font-size:.8rem}@media (max-width:640px){.upgrade-prompt{border-radius:12px;margin:1rem;width:95%}.upgrade-header{padding:1.5rem 1.5rem 1rem}.upgrade-header h2{font-size:1.25rem}.upgrade-icon{font-size:1.5rem;margin-right:.75rem}.upgrade-content{padding:1.5rem}.current-plan,.plan-card{padding:1rem}.upgrade-actions{flex-direction:column;padding:0 1.5rem 1rem}.upgrade-footer{padding:1rem 1.5rem 1.5rem}.plan-header{align-items:flex-start;flex-direction:column;gap:.5rem}.plan-benefits li{font-size:.85rem}}@media (max-width:480px){.upgrade-prompt{margin:.5rem;width:98%}.upgrade-actions,.upgrade-content,.upgrade-footer,.upgrade-header{padding-left:1rem;padding-right:1rem}.limit-message{font-size:1rem}.plan-title{font-size:1.1rem}.plan-price{font-size:1rem}}.usage-limits{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:0;padding:1.5rem;transition:border-color .2s ease}.usage-limits:hover{border-color:#3b82f6}.usage-limits-compact{box-sizing:border-box;margin-bottom:0;padding:1rem;width:100%}.usage-limits-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.header-left{align-items:center;display:flex;gap:.75rem}.usage-limits-header h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.collapse-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .2s ease}.collapse-toggle:hover{color:var(--text-primary);transform:scale(1.1)}.usage-limits.collapsed .usage-limits-header{border-bottom:none;cursor:pointer;margin-bottom:0;padding-bottom:0}.donut-chart-container{align-items:center;display:flex;justify-content:center}.donut-chart-container svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.usage-limits.collapsed{margin-bottom:1rem;padding:.75rem 1rem}.usage-limits.collapsed .usage-limits-header{padding:0}.usage-limits.collapsed .header-left h3{font-size:.95rem}.subscription-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.subscription-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize;white-space:nowrap}.addon-badge{font-size:.7rem;opacity:.9;padding:.2rem .6rem}.usage-items{gap:1rem}.usage-item,.usage-items{display:flex;flex-direction:column}.usage-item{gap:.5rem}.usage-item-header{align-items:center;display:flex;justify-content:space-between}.usage-label{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;gap:.25rem}.usage-subtext{color:var(--text-secondary);font-size:.75rem;font-weight:400;opacity:.8}.usage-value{color:var(--text-secondary);font-size:.875rem}.usage-bar{background:var(--border-color);height:6px}.usage-progress{border-radius:3px;height:100%;transition:width .3s ease,background-color .3s ease}.upgrade-suggestion{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.upgrade-suggestion p{color:var(--text-color);font-size:.875rem;margin:0 0 .75rem}.upgrade-suggestion .btn{font-size:.8rem;padding:.5rem 1rem}.usage-limits-compact .usage-limits-header{margin-bottom:.75rem}.usage-limits-compact .usage-limits-header h3{font-size:1rem}.usage-limits-compact .usage-items{gap:.75rem}.usage-limits-compact .usage-item-header,.usage-limits-compact .usage-label,.usage-limits-compact .usage-value{font-size:.8rem}.usage-limits-compact .usage-bar{height:4px}@media (max-width:768px){.usage-limits{padding:1rem}.usage-limits-header{gap:.5rem}.usage-item-header,.usage-limits-header{align-items:flex-start;flex-direction:column}.usage-item-header{gap:.25rem}.upgrade-suggestion{padding:.75rem}}@media (max-width:480px){.usage-limits{padding:.75rem}.usage-limits-header h3{font-size:1rem}.subscription-badge{font-size:.7rem;padding:.2rem .6rem}}.dashboard{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.dashboard:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard>*{position:relative;z-index:1}.dashboard-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content h1{color:var(--accent-primary);font-size:1.8rem;margin:0}.header-content p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.header-actions{align-items:center;display:flex;gap:1rem}.admin-btn{border-color:#ea580c!important;color:#ea580c!important}.admin-btn:hover{background:#ea580c!important;color:#fff!important}.dashboard-main{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px - 4rem);padding:2rem}.usage-limits-bottom{margin-top:auto;padding-bottom:.5rem;padding-top:1rem}.memoirs-section{flex:0 1 auto}.section-header{margin-bottom:2rem}.section-header h2{color:var(--text-primary);margin:0}.view-toggle{border:1px solid var(--border-color);border-radius:.5rem;display:flex;overflow:hidden}.view-btn{background:var(--bg-primary);border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.view-btn:hover{background:var(--bg-tertiary)}.view-btn.active{background:var(--accent-primary);color:#fff}.memoirs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.memoir-card,.memoir-card-wrapper{position:relative}.memoir-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:1rem;box-shadow:0 4px 6px #0000000d;color:inherit;display:block;overflow:hidden;padding:1.5rem;text-decoration:none;transition:all .2s}.memoir-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.delete-memoir-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;bottom:.5rem;color:#ef4444;cursor:pointer;display:flex;font-size:.9rem;height:2rem;justify-content:center;opacity:0;position:absolute;right:.5rem;transition:all .2s;width:2rem;z-index:10}.memoir-card-wrapper:hover .delete-memoir-btn{opacity:1}.delete-memoir-btn:hover{background:#ef44441a;transform:scale(1.1)}.delete-memoir-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.publishing-settings-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;bottom:.5rem;color:#2158e8;cursor:pointer;display:flex;font-size:.9rem;height:2rem;justify-content:center;opacity:0;position:absolute;right:3rem;text-decoration:none;transition:all .2s;width:2rem;z-index:10}.memoir-card-wrapper:hover .publishing-settings-btn{opacity:1}.publishing-settings-btn:hover{background:#2158e81a;transform:scale(1.1)}.memoir-status{border-radius:1rem;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.memoir-card h3{color:#1e293b;font-size:1.25rem;margin:0 0 .5rem;padding-right:4rem}.memoir-description{color:#64748b;line-height:1.5;margin:0 0 1.5rem}.memoir-stats{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;padding-top:.8rem}.stat{align-items:center;display:flex;justify-content:space-between;padding:.1rem 0}.memoir-card .stat-label{color:#64748b;font-size:.7rem!important;font-weight:500;line-height:1.2}.memoir-card .stat-value{color:#1e293b;font-size:.7rem!important;font-weight:600;line-height:1.2}.memoir-card-create{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px dashed #cbd5e1cc;cursor:pointer;display:flex;justify-content:center;min-height:200px}.memoir-card-create:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafccc;border-color:#3b82f6}.create-content{text-align:center}.create-icon{color:#cbd5e1;font-size:3rem;margin-bottom:1rem}.memoir-card-create h3{color:#64748b;margin:0 0 .5rem;padding-right:0}.memoir-card-create p{color:#94a3b8;margin:0}.modal{background:#fff}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h2{color:#1e293b}.close-btn{color:#64748b}.close-btn:hover{color:#1e293b}.modal-form textarea{min-height:80px}.modal-delete .modal-header h2{color:#dc2626}.modal-content{padding:0 1.5rem 1.5rem}.delete-warning{color:#1e293b;font-size:1.1rem}.delete-warning-note{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626;padding:1rem}[data-theme=dark] .dashboard:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000}[data-theme=dark] .memoir-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#191c23;border-color:#47556999}[data-theme=dark] .memoir-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 25px #0000004d}[data-theme=dark] .memoir-card h3{color:var(--text-primary)}[data-theme=dark] .memoir-card .stat-label,[data-theme=dark] .memoir-description{color:var(--text-secondary)}[data-theme=dark] .memoir-card .stat-value{color:var(--text-primary)}[data-theme=dark] .memoir-stats{border-top-color:var(--border-color)}[data-theme=dark] .memoir-card-create{-webkit-backdrop-filter:none;backdrop-filter:none;background:#191c23;border-color:#475569cc}[data-theme=dark] .memoir-card-create:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bcc;border-color:var(--accent-primary)}[data-theme=dark] .memoir-card-create h3{color:var(--text-secondary)}[data-theme=dark] .memoir-card-create p{color:var(--text-tertiary)}[data-theme=dark] .create-icon{color:var(--text-secondary)}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem}.dashboard-main{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.memoirs-grid{grid-template-columns:1fr}.modal{margin:1rem}}.resizable-image-wrapper{cursor:grab;display:inline-block;margin:1rem 0;position:relative;-webkit-user-select:none;user-select:none}.resizable-image-wrapper.float-left{float:left;margin:0 16px 16px 0}.resizable-image-wrapper.float-right{float:right;margin:0 0 16px 16px}.resizable-image-wrapper.float-none{display:block;float:none;margin:1rem auto}.resizable-image-wrapper.selected{outline:2px solid #3b82f6;outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.resizable-image-wrapper.resizing{cursor:nwse-resize!important}.resizable-image-wrapper:active:not(.resizing){cursor:grabbing}.resizable-image-container{display:inline-block;max-width:100%;pointer-events:none;position:relative}.resizable-image-container img{-webkit-user-drag:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.resize-handle{background:#3b82f6;background:var(--color-primary,#3b82f6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;pointer-events:auto;position:absolute;transition:transform .1s ease;width:12px;z-index:10}.resize-handle:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);transform:scale(1.3)}.resize-handle-nw{cursor:nw-resize;left:-6px;top:-6px}.resize-handle-ne{cursor:ne-resize;right:-6px;top:-6px}.resize-handle-sw{bottom:-6px;cursor:sw-resize;left:-6px}.resize-handle-se{bottom:-6px;cursor:se-resize;right:-6px}.resize-handle-n{cursor:n-resize;top:-6px}.resize-handle-n,.resize-handle-s{left:50%;transform:translateX(-50%)}.resize-handle-s{bottom:-6px;cursor:s-resize}.resize-handle-e{cursor:e-resize;right:-6px}.resize-handle-e,.resize-handle-w{top:50%;transform:translateY(-50%)}.resize-handle-w{cursor:w-resize;left:-6px}.resize-handle-n:hover,.resize-handle-s:hover{transform:translateX(-50%) scale(1.3)}.resize-handle-e:hover,.resize-handle-w:hover{transform:translateY(-50%) scale(1.3)}.resize-dimensions{background:#000c;border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:50%;padding:4px 8px;pointer-events:none!important;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:20}@media (prefers-color-scheme:dark){.resizable-image-wrapper.selected{outline-color:#60a5fa}.resize-handle{background:#60a5fa}.resize-handle:hover{background:#3b82f6}}@media (max-width:768px){.resize-handle{height:16px;width:16px}.resize-handle-e,.resize-handle-n,.resize-handle-ne,.resize-handle-nw,.resize-handle-s,.resize-handle-se,.resize-handle-sw,.resize-handle-w{margin:-8px}.resize-dimensions{font-size:14px;padding:6px 10px}}.resizing,.resizing *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.editor-layout{background-color:var(--bg-secondary);display:flex;height:100vh;position:relative}.editor-theme-toggle{align-items:center;bottom:20px;display:flex;gap:10px;left:20px;position:absolute;z-index:1000}.settings-link{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:1.2rem;justify-content:center;padding:8px;text-decoration:none;transition:all .2s}.settings-link:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.left-panel{background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:280px;overflow:hidden;width:20%}.panel-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.back-link{color:var(--accent-primary);display:block;font-size:.9rem;margin-bottom:1rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--accent-hover);text-decoration:underline}.panel-header h2{color:var(--text-primary);font-size:1.25rem;margin:.5rem 0 .25rem}.memoir-title-display{border-radius:.25rem;color:var(--text-primary);cursor:pointer;margin-left:-.5rem;padding:.25rem .5rem;transition:all .3s ease}.memoir-title-display:hover{background-color:var(--bg-secondary);color:var(--accent-primary)}.memoir-title-input{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:.5rem;box-shadow:0 0 0 3px var(--shadow);color:var(--text-primary);font-size:1.25rem;font-weight:600;outline:none;padding:.5rem;transition:all .3s ease;width:100%}.memoir-title-input:focus{border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--shadow-lg)}.chapter-title-section{border-bottom:1px solid var(--border-color);margin:1.5rem 0 1rem;padding-bottom:1rem}.chapter-title-wrapper{align-items:center;display:flex;gap:1rem;position:relative}.chapter-title-display{align-items:center;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:2rem;font-weight:700;margin:0 0 0 -.5rem;min-height:1.5em;padding:.5rem;transition:all .3s ease}.chapter-title-display:hover{background-color:var(--bg-secondary);color:var(--accent-primary)}.delete-chapter-btn{align-items:center;background:#ef4444e6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:2.5rem;justify-content:center;opacity:0;transition:all .2s;width:2.5rem}.chapter-title-wrapper:hover .delete-chapter-btn{opacity:1}.delete-chapter-btn:hover{background:#ef4444;transform:scale(1.1)}.chapter-title-input{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:.5rem;box-shadow:0 0 0 3px #3b82f61a;color:var(--text-primary);font-size:2rem;font-weight:700;outline:none;padding:.5rem;transition:all .2s;width:100%}.chapter-title-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.memoir-stats{color:var(--text-secondary);font-size:.9rem;margin:0}.chapters-section{flex:1 1;overflow-y:auto}.empty-state p{font-size:.9rem;margin-bottom:1rem}.section-header{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.section-header h3{color:var(--text-primary);font-size:1rem;margin:0}.btn-sm{border-radius:.25rem;font-size:.8rem;padding:.25rem .75rem}.chapters-list{padding:.5rem 0}.chapter-group{border-radius:.5rem;margin-bottom:1rem;transition:all .3s ease}.chapter-group.drag-over{background-color:#dbeafe;border:2px dashed #3b82f6;box-shadow:0 4px 12px #3b82f626}.group-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 1.5rem}.group-title{border-radius:.25rem;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-left:-.5rem;padding:.25rem .5rem;transition:all .3s ease}.group-title.editable{cursor:pointer}.group-title.editable:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.group-title-input{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:.375rem;box-shadow:0 0 0 2px #3b82f61a;color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:120px;outline:none;padding:.25rem .5rem;transition:all .2s}.group-title-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.group-count{color:var(--text-secondary);font-size:.8rem}.drop-indicator{animation:pulse 2s infinite;background-color:#dbeafe;border-radius:.25rem;color:#3b82f6;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.empty-group-drop-zone{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;color:#9ca3af;font-size:.9rem;margin:.5rem 1rem;padding:2rem 1.5rem;text-align:center;transition:all .2s}.chapter-group.drag-over .empty-group-drop-zone{background-color:#dbeafe;border-color:#3b82f6;color:#3b82f6}.chapter-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.chapter-item.dragging{opacity:.5;transform:rotate(2deg)}.drag-handle{border-radius:.25rem;color:var(--text-muted);cursor:grab;font-size:.8rem;padding:.25rem;transition:all .3s ease}.drag-handle:hover{background-color:var(--bg-secondary);color:var(--accent-primary)}.chapter-item:active .drag-handle,.drag-handle:active{cursor:grabbing}.chapter-item.active,.chapter-item:hover{background-color:var(--bg-secondary)}.chapter-item.active{border-left-color:var(--accent-primary)}.chapter-info{flex:1 1}.chapter-info h4{font-size:.9rem;font-weight:500;margin:0 0 .25rem}.chapter-meta{align-items:center;display:flex;justify-content:space-between}.word-count{font-size:.8rem}.status-indicator{height:8px;width:8px}.center-panel{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;height:100vh;margin:0 1px;overflow:hidden}.editor-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);container-name:editor-header;container-type:inline-size;display:flex;justify-content:space-between;padding:1rem 1.5rem}.editor-toolbar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;gap:.5rem;padding:.5rem}.font-size-select{width:65px}.toolbar-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.25rem;font-weight:600;min-width:2rem;padding:.5rem;text-align:center;transition:all .3s ease}.toolbar-btn:hover{background-color:var(--border-hover);border-color:var(--accent-primary)}.toolbar-btn.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toolbar-divider{color:var(--text-muted);margin:0 .25rem}.editor-status{align-items:center;display:flex;font-size:.9rem;gap:1rem}.save-status{color:#10b981}.word-count{color:var(--text-secondary)}.editor-container{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:2rem}.editor-content{color:var(--text-primary);font-family:Georgia,serif;line-height:1.7;max-width:none}.editor-content .ProseMirror{background:var(--bg-primary);color:var(--text-primary)}.editor-content h1{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.editor-content h2{color:var(--text-secondary);font-size:1.5rem;margin:2rem 0 1rem}.editor-content p{color:var(--text-primary);margin-bottom:1rem}.editor-content blockquote{border-left:4px solid var(--accent-primary);color:var(--text-secondary);font-style:italic;margin:1.5rem 0;padding-left:1rem}.right-panel{background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;min-width:300px;width:25%}.panel-tabs{border-bottom:1px solid var(--border-color);display:flex}.tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .3s ease}.tab:hover{background-color:var(--bg-secondary)}.tab.active{background-color:var(--bg-primary);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.panel-content{flex:1 1;overflow-y:auto}.panel-content,.tab-header{background:var(--bg-primary)}.tab-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.tab-header h3{color:var(--text-primary);font-size:1rem;margin:0}.notes-list{padding:0 1.5rem 1.5rem}.note-item{border:1px solid var(--warning);margin-bottom:1rem;opacity:.9}.note-item,.note-item.pinned{background-color:var(--warning)}.note-item.pinned{border-color:var(--warning);opacity:1}.note-item p,.pin-indicator{color:var(--text-primary)}.note-item p{font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.note-date{color:var(--text-primary);font-size:.8rem;opacity:.8}.todos-list{padding:0 1.5rem 1.5rem}.todo-item{align-items:flex-start;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background-color .3s ease}.todo-item:hover{background-color:var(--bg-secondary)}.todo-item.completed{opacity:.6}.todo-item.completed .todo-content p{text-decoration:line-through}.todo-content{flex:1 1}.todo-content p{color:var(--text-primary);font-size:.9rem;margin:0 0 .25rem}.todo-meta{display:flex;font-size:.8rem;gap:1rem}.priority{font-weight:600;text-transform:uppercase}.due-date{color:var(--text-secondary)}.ai-tools{padding:0 1.5rem 1.5rem}.ai-tool-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;text-align:left;transition:all .2s;width:100%}.ai-tool-btn:hover{background-color:var(--bg-secondary);border-color:#3b82f6}.tool-icon{flex-shrink:0;font-size:1.5rem}.tool-info h4{color:var(--text-primary);font-size:.9rem;margin:0 0 .25rem}.tool-info p{color:var(--text-secondary);font-size:.8rem;margin:0}.modal-overlay{z-index:1000}.modal{background:#fff!important;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 20px 25px -5px #0003;margin:2rem;overflow-x:hidden;width:100%}[data-theme=dark] .modal{background:var(--bg-primary)!important}.modal-header{background:inherit}.modal-header h2{color:var(--text-primary)}.close-btn{height:2rem;transition:color .3s ease;width:2rem}.close-btn:hover{color:var(--text-primary)}.modal-form{padding:0 1.5rem 1.5rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form .form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{border-color:var(--accent-primary);outline:none}.modal-form .form-group small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.modal-actions{padding:0 1.5rem 1.5rem}.modal-delete .modal-header{align-items:center;border-bottom:none;display:flex;gap:1rem;padding:1.5rem}.modal-delete .modal-header:before{align-items:center;background:#dc2626;border-radius:50%;color:#fff;content:"✕";display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.modal-delete .modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-content{background:#f9fafb;border-radius:.5rem;margin:0}[data-theme=dark] .modal-content{background:var(--bg-secondary)}.delete-warning{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 1rem}.delete-warning-note{background:#dc2626;border-radius:.5rem;color:#fff;font-size:.9rem;line-height:1.5;padding:.875rem 1rem}.btn-danger{background-color:#dc2626;border-radius:.375rem;font-size:.9rem;padding:.625rem 1.25rem}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-secondary{border-radius:.375rem;font-size:.9rem;padding:.625rem 1.25rem}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary)}[data-theme=dark] .btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}[data-theme=dark] .modal{background:var(--bg-primary)}[data-theme=dark] .modal-header h2{color:var(--text-primary)}[data-theme=dark] .modal-delete .modal-header h2{color:#fca5a5}[data-theme=dark] .close-btn{color:var(--text-secondary)}[data-theme=dark] .close-btn:hover,[data-theme=dark] .delete-warning{color:var(--text-primary)}[data-theme=dark] .delete-warning-note{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.empty-state{padding:2rem 1rem}.empty-state p{font-style:italic;margin:0}.note-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.75rem;padding:1rem;position:relative;transition:all .2s}.note-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.note-item.pinned{background:#fefce8;border-color:#fbbf24}.pin-indicator{font-size:.8rem;position:absolute;right:.5rem;top:.5rem}.note-content p{word-wrap:break-word;color:var(--text-primary);line-height:1.5;margin:0 0 .75rem}.note-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.note-date{color:var(--text-secondary);font-size:.75rem}.note-actions{display:flex;gap:.5rem}.note-action-btn{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:.9rem;opacity:.7;padding:.25rem;transition:all .2s}.note-action-btn:hover{background:#e5e7eb;opacity:1}.note-action-btn.delete:hover{background:#fee2e2}.note-edit-form{margin-top:.5rem}.note-edit-input{border:2px solid #3b82f6;border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.note-edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.note-edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.modal-form textarea{border:2px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.modal-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1024px){.left-panel{min-width:250px;width:25%}.right-panel{min-width:280px;width:30%}}.editor-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:nowrap;gap:.25rem;margin-bottom:0;min-height:42px;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .editor-toolbar{background-color:#1a1a1a}.toolbar-group{align-items:center;display:flex;gap:.125rem}.toolbar-separator{background-color:var(--border-color);height:1.5rem;margin:0 .5rem;opacity:.5;width:1px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;height:32px;justify-content:center;min-width:32px;padding:.375rem;position:relative;transition:background-color .15s ease,color .15s ease}.toolbar-btn:hover:not(:disabled){background:#0000000d}[data-theme=dark] .toolbar-btn:hover:not(:disabled){background:#ffffff14}.toolbar-btn.active{background:#3b82f6;color:#fff}.toolbar-btn.active:hover:not(:disabled){background:#2563eb}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn:disabled:hover{background:#0000}.toolbar-select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;height:2rem;min-width:120px;padding:.25rem 2rem .25rem .5rem;transition:all .15s}.toolbar-select:focus,.toolbar-select:hover{background:var(--bg-secondary);border-color:var(--accent-primary);outline:none}.toolbar-color-input{background:none;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:2rem;margin:0;padding:0;width:2rem}.toolbar-color-input:hover{border-color:var(--accent-primary)}.toolbar-color-input.highlight{position:relative}.toolbar-color-input.highlight:after{color:var(--text-primary);content:"H";font-size:.75rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.editor-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0 0 .5rem .5rem;flex:1 1;overflow-x:hidden;overflow-y:auto}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#0000}.editor-content::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.editor-content:hover::-webkit-scrollbar-thumb{background:var(--text-secondary);opacity:.6}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.8}.editor-content.scrolling::-webkit-scrollbar-thumb{background:var(--text-secondary);opacity:.7}.editor-content{scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .2s ease}.editor-content.scrolling,.editor-content:hover{scrollbar-color:var(--text-secondary) #0000}.editor-content .ProseMirror{font-size:1.1rem;line-height:1.7;min-height:calc(100vh - 200px);opacity:1;outline:none;padding:2rem;transition:opacity .3s ease-in-out}.editor-content .ProseMirror.loading{opacity:.1!important;pointer-events:none}.editor-content .ProseMirror.content-changing{opacity:.6!important}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2,.editor-content .ProseMirror h3{font-weight:600;line-height:1.2;margin:1.5rem 0 .75rem}.editor-content .ProseMirror h1{color:var(--text-primary);font-size:2.25rem}.editor-content .ProseMirror h2{color:#334155;font-size:1.875rem}.editor-content .ProseMirror h3{color:#475569;font-size:1.5rem}.editor-content .ProseMirror p{margin:1rem 0}.editor-content .ProseMirror ol,.editor-content .ProseMirror ul{margin:1rem 0;padding-left:2rem}.editor-content .ProseMirror ol li,.editor-content .ProseMirror ul li{margin:.5rem 0}.editor-content .ProseMirror blockquote{background:var(--bg-secondary);border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;color:var(--text-secondary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.editor-content .ProseMirror [data-text-align=left]{text-align:left}.editor-content .ProseMirror [data-text-align=center]{text-align:center}.editor-content .ProseMirror [data-text-align=right]{text-align:right}.loading-container{flex-direction:column;padding:2rem;text-align:center}.empty-state{color:var(--text-secondary);padding:2rem;text-align:center}.editor-empty,.editor-loading{color:var(--text-secondary);height:100%}.editor-empty,.editor-loading,.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-container{height:100vh;padding:2rem;text-align:center}.save-status{font-size:.8rem;margin-right:1rem}.save-status.saving{color:#f59e0b}.save-status.saved{color:#10b981}.save-status.error{color:#ef4444}@media (max-width:768px){.editor-layout{flex-direction:column;height:auto;min-height:100vh}.left-panel,.right-panel{min-width:auto;width:100%}.center-panel{height:100vh;margin:0;min-height:500px}.panel-tabs{background:var(--bg-primary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.editor-toolbar{flex-wrap:wrap;gap:.25rem;padding:.375rem .75rem}.toolbar-btn{min-width:1.75rem}.toolbar-btn,.toolbar-select{font-size:.75rem;height:1.75rem}.toolbar-select{min-width:100px}.toolbar-color-input{height:1.75rem;width:1.75rem}}.ai-tab{display:flex;flex-direction:column;height:100%}.ai-sub-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0}.ai-sub-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.ai-sub-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-sub-tab.active{background:var(--bg-primary);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.ai-sub-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ai-tab-empty{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem}.ai-tab-empty .empty-state{max-width:300px;text-align:center}.ai-tab-empty .empty-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.6}.ai-tab-empty h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.ai-tab-empty p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.read-only-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-bottom:2px solid #d97706;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-icon{font-size:1.5rem}.banner-content{color:#78350f;flex:1 1}.banner-content strong{color:#78350f;display:block;font-size:1rem;margin-bottom:.25rem}.banner-content p{color:#92400e;font-size:.875rem;margin:0}.banner-link{background:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#d97706;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s;white-space:nowrap}.banner-link:hover{background:#fef3c7;box-shadow:0 2px 6px #00000026;color:#92400e;transform:translateY(-1px)}.editor-toolbar.disabled{opacity:.6;pointer-events:none}.chapter-title-display:not(.editable),.memoir-title-display:not(.editable){cursor:default}.chapter-title-display:not(.editable):hover,.memoir-title-display:not(.editable):hover{background-color:initial;color:var(--text-primary)}.toolbar-group-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-bottom:.25rem;margin-top:.5rem;text-transform:uppercase}.toolbar-group-label:first-child{margin-top:0}.toolbar-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;min-width:220px;padding:1rem;position:absolute;right:0;top:100%;z-index:100}.toolbar-dropdown .toolbar-row{display:flex;flex-wrap:wrap;gap:.5rem}[data-theme=dark] .toolbar-dropdown{background:#191c23;border-color:#334155;box-shadow:0 10px 25px #0000004d}.right-panel-footer{border-top:1px solid var(--border-color);margin-top:auto}.right-panel-footer .usage-limits{background:#0000;border:none;border-radius:0;box-sizing:border-box;margin:0;width:auto}.right-panel-footer .usage-limits:hover{border-color:#0000}.chapter-analysis{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:0}.analysis-header{border-bottom:1px solid var(--border-color);padding-bottom:12px}.chapter-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.chapter-stats{color:var(--text-secondary);font-size:.8rem;margin:0}.usage-status-compact{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px}.usage-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.usage-label{color:var(--text-secondary);font-size:.8rem}.usage-count{font-size:.8rem;font-weight:600}.usage-bar{background-color:var(--border-color);border-radius:3px;height:5px;overflow:hidden}.usage-fill{border-radius:3px;height:100%;transition:width .3s ease,background-color .3s ease}.analysis-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:10px}.analysis-error p{color:#c0392b;font-size:.85rem;margin:0}.analysis-actions{display:flex;flex-direction:column;gap:8px}.analyze-btn{align-items:center;background-color:#2158e8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:42px;padding:12px 16px;transition:all .2s ease}.analyze-btn:hover:not(:disabled){background-color:#1a46ba;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.analyze-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.analyze-btn.analyzing{background-color:#6c757d}.btn-icon{font-size:1rem}.analysis-results{animation:slideIn .3s ease-out;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:0;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.results-header{align-items:center;background-color:var(--background-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.results-header h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.results-actions{align-items:center;display:flex;gap:8px}.view-modal-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.view-modal-btn:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.toggle-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.toggle-btn:hover{background-color:var(--background-secondary);color:var(--text-primary)}.analysis-text{line-height:1.7;padding:16px}.analysis-text.collapsed{max-height:180px;overflow:hidden;position:relative}.analysis-text.expanded{flex:1 1;min-height:0;overflow-y:auto}.analysis-text.expanded::-webkit-scrollbar{width:6px}.analysis-text.expanded::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:3px}.analysis-text.expanded::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.analysis-text.expanded::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.analysis-text.collapsed:after{background:linear-gradient(#0000,var(--background-secondary));bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0}.analysis-formatted-content{color:var(--text-primary)}.analysis-h1{border-bottom:2px solid var(--color-primary);font-size:1.4rem;font-weight:700;margin:20px 0 12px;padding-bottom:8px}.analysis-h1,.analysis-h2{color:var(--color-primary)}.analysis-h2{border-left:3px solid var(--color-primary);font-size:1.2rem;font-weight:600;margin:16px 0 10px;padding-left:12px}.analysis-h3{color:#667eea;font-size:1.05rem;font-weight:600;margin:14px 0 8px}.analysis-paragraph{color:var(--text-primary);font-size:.9rem;line-height:1.7;margin:0 0 12px}.analysis-paragraph:last-child{margin-bottom:0}.analysis-paragraph strong{color:var(--text-primary);font-weight:700}.analysis-paragraph em{color:var(--text-primary);font-style:italic}.analysis-list-item{color:var(--text-primary);font-size:.9rem;line-height:1.6;list-style-type:disc;margin:6px 0 6px 20px}.read-more-btn{background:none;border:none;border-top:1px solid var(--border-color);color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.read-more-btn:hover{background-color:var(--background-tertiary)}.analysis-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.analysis-modal{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.analysis-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.analysis-modal-header h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.modal-chapter-title{font-size:.95rem;font-weight:400;margin:0;opacity:.9}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.analysis-modal-content{background-color:#fff;color:#1a1a1a;flex:1 1;overflow-y:auto;padding:28px 32px}.analysis-modal-content::-webkit-scrollbar{width:10px}.analysis-modal-content::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:5px}.analysis-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.analysis-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.analysis-modal{border-radius:0;max-height:100vh;max-width:100%}.analysis-modal-header{border-radius:0;padding:20px}.analysis-modal-header h2{font-size:1.3rem}.analysis-modal-content{padding:20px}.results-actions{align-items:stretch;flex-direction:column}.toggle-btn,.view-modal-btn{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.chapter-analysis{color:#e1e1e1}.analysis-results,.usage-status-compact{background-color:#2d2d2d;border-color:#404040}.results-header{background-color:#1a1a1a;border-bottom-color:#404040}.analysis-text.collapsed:after{background:linear-gradient(#0000,#2d2d2d)}.read-more-btn{border-top-color:#404040}.read-more-btn:hover{background-color:#404040}.toggle-btn{border-color:#555;color:#adb5bd}.toggle-btn:hover{background-color:#404040;color:#e1e1e1}.analysis-text.expanded::-webkit-scrollbar-track{background:#2d2d2d}.analysis-text.expanded::-webkit-scrollbar-thumb{background:#555}.analysis-text.expanded::-webkit-scrollbar-thumb:hover{background:#777}.analysis-modal{background-color:#1a1a1a}.analysis-modal-header{border-bottom-color:#404040}.analysis-modal-content{background-color:#1a1a1a}.analysis-modal-content::-webkit-scrollbar-track{background:#2d2d2d}.analysis-modal-content::-webkit-scrollbar-thumb{background:#555}.analysis-modal-content::-webkit-scrollbar-thumb:hover{background:#777}}.analyze-btn .loading-spinner{height:16px;width:16px}.chat-interface{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.context-icon,.error-icon,.status-icon,.thinking-icon{align-items:center;display:inline-flex;font-size:16px;justify-content:center}.send-icon{color:#fff;transition:transform .2s ease}.send-loading{animation:pulse 1.5s ease-in-out infinite;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.chat-clear-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.chat-clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-status{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:8px 16px}.chat-status.loading{background:var(--bg-secondary);color:var(--text-secondary)}.chat-status.error{background:#fef2f2;color:#dc2626}.chat-status.warning{background:#fffbeb;color:#d97706}.chat-status.ready{background:#e0f7ff;color:#1e40af;transition:transform .3s ease-out,opacity .3s ease-out}.chat-status.ready.slide-up{opacity:0;transform:translateY(-100%)}.retry-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;margin-left:8px;text-decoration:underline}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.chat-welcome{color:var(--text-secondary);padding:32px 16px;text-align:center}.chat-welcome h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.chat-welcome p{font-size:14px;line-height:1.5;margin:0 0 24px}.chat-suggestions{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:300px}.suggestion-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:all .2s ease}.suggestion-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chat-message{display:flex;flex-direction:column;gap:4px;max-width:85%}.chat-message.user{align-items:flex-end;align-self:flex-end}.chat-message.assistant{align-items:flex-start;align-self:flex-start}.message-content{display:flex;flex-direction:column;gap:8px}.message-text{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.4;padding:12px 16px;white-space:pre-wrap}.chat-formatted-content{white-space:normal}.chat-h1{border-bottom:2px solid var(--accent-primary);font-size:1.3rem;font-weight:700;margin:16px 0 10px;padding-bottom:6px}.chat-h1,.chat-h2{color:var(--text-primary)}.chat-h2{border-left:3px solid var(--accent-primary);font-size:1.15rem;font-weight:600;margin:14px 0 8px;padding-left:10px}.chat-h3{color:var(--accent-primary);font-size:1rem;font-weight:600;margin:12px 0 6px}.chat-paragraph{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 10px}.chat-paragraph:last-child{margin-bottom:0}.chat-paragraph strong{color:var(--text-primary);font-weight:700}.chat-paragraph em{color:var(--text-primary);font-style:italic}.chat-list-item{color:var(--text-primary);font-size:14px;line-height:1.5;list-style-type:disc;margin:5px 0 5px 20px}.chat-message.user .message-text{background:var(--accent-primary);border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary)}.chat-message.loading .message-text{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;gap:8px}.thinking-icon{font-size:18px}.message-timestamp{color:var(--text-tertiary);font-size:11px;padding:0 4px}.message-context{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;padding:8px 12px}.context-header{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:6px;margin-bottom:6px}.context-items{display:flex;flex-direction:column;gap:4px}.context-item{align-items:center;display:flex;justify-content:space-between;padding:2px 0}.context-chapter{color:var(--text-primary);flex:1 1;font-weight:500;margin-right:8px}.context-relevance{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:11px;padding:2px 6px}.message-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;display:flex;font-size:12px;gap:6px;padding:6px 8px}.chat-input-container{background:var(--bg-primary);border-top:1px solid var(--border-color);flex-shrink:0;padding:16px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:8px}.chat-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4;max-height:100px;min-height:36px;padding:8px 12px;resize:none;transition:border-color .2s ease}.chat-input:focus{border-color:var(--accent-primary);outline:none}.chat-input:disabled{background:var(--bg-secondary);cursor:not-allowed}.chat-input::placeholder,.chat-input:disabled{color:var(--text-tertiary)}.chat-send-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-send-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.chat-send-btn:hover:not(:disabled) .send-icon{color:#fff}.chat-send-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;transform:none}.chat-premium-gate{height:auto}.chat-upgrade-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px}[data-theme=dark] .chat-status.error{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .chat-status.warning{background:#78350f;color:#fbbf24}[data-theme=dark] .chat-status.ready{background:#1e3a8a;color:#60a5fa}[data-theme=dark] .message-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .message-context{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .context-relevance{background:var(--bg-tertiary)}@media (max-width:768px){.chat-messages{padding:12px}.chat-message{max-width:95%}.message-text{font-size:13px;padding:10px 12px}.chat-input-container{padding:12px}.chat-suggestions{max-width:100%}.suggestion-btn{font-size:11px;padding:6px 10px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.image-generation-container{display:flex;flex-direction:column;height:100%;padding:1rem}.image-generation-header{margin-bottom:1.5rem}.image-generation-header h3{color:#1a202c;font-size:1.25rem;margin:0 0 .5rem}.image-generation-subtitle{color:#64748b;font-size:.875rem;margin:0}.image-generation-subtitle strong{color:#475569}.image-generation-error{align-items:flex-start;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.error-icon{font-size:1.25rem}.image-generation-error p{color:#dc2626;font-size:.875rem;margin:0}.image-generation-step{display:flex;flex:1 1;flex-direction:column}.step-description{color:#64748b;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.btn-generate{font-size:1rem;font-weight:500;padding:.75rem 1.5rem;width:100%}.prompt-review-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:1.5rem;min-height:0}.prompt-review-section label{color:#1a202c;display:block;flex-shrink:0;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.prompt-textarea{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.6;min-height:120px;padding:.75rem;resize:none;width:100%}.prompt-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.prompt-hint{color:#64748b;flex-shrink:0;font-size:.75rem;margin-top:.5rem}.button-group{display:flex;gap:.75rem;margin-top:auto}.button-group button{flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.btn-primary{background-color:#3b82f6;border-radius:8px}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;background-color:var(--background-secondary,#f8fafc);border-color:#94a3b8;color:#475569;color:var(--text-color,#475569)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.generating-spinner{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:2rem 1rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.generating-spinner p{color:#1a202c;font-size:.875rem;margin:.25rem 0}.generating-note{color:#64748b!important;font-size:.75rem!important}.generated-image-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:1.5rem}.generated-image-preview{display:block;height:auto;margin-bottom:1rem;max-height:300px;object-fit:contain;width:100%}.generated-image-preview,.image-metadata{border:1px solid #e2e8f0;border-radius:8px}.image-metadata{background-color:#f8fafc;padding:.75rem}.image-metadata p{color:#475569;font-size:.75rem;line-height:1.5;margin:.5rem 0}.image-metadata p:first-child{margin-top:0}.image-metadata p:last-child{margin-bottom:0}.image-metadata strong{color:#1a202c;font-weight:500}.success-message{align-items:center;background-color:#e0f7ff;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-bottom:1rem;padding:1rem;text-align:center}.success-message p{color:#059669;font-size:.875rem;font-weight:500;margin:0}.btn-regenerate-full{align-items:center;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem;padding:.75rem 1.5rem;width:100%}.btn-regenerate-full:hover .credit-cost{color:inherit}.credit-cost{font-size:.7rem;opacity:.75}.credit-cost,.credit-cost-inline{color:inherit;display:block;font-weight:400;margin-top:.25rem}.credit-cost-inline{font-size:.75rem;opacity:.8}.btn-primary .credit-cost-inline{color:#ffffffe6}.ai-improvement-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ai-improvement-modal{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:100%}.ai-improvement-modal-header{align-items:flex-start;background-color:#2158e8;border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.ai-improvement-modal-header h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.modal-subtitle{font-size:.9rem;font-weight:400;margin:0;opacity:.9}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:36px;justify-content:center;margin-left:20px;transition:all .2s ease;width:36px}.modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.ai-improvement-modal-content{background-color:#fff;color:#1a1a1a;flex:1 1;overflow-y:auto;padding:28px 32px}.ai-improvement-modal-content::-webkit-scrollbar{width:10px}.ai-improvement-modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px}.ai-improvement-modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.ai-improvement-modal-content::-webkit-scrollbar-thumb:hover{background:#999}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-text{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:20px 0 8px}.loading-subtext{color:#666;font-size:.9rem;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}.error-state h3{color:#c0392b;font-size:1.3rem;margin:0 0 12px}.error-message{color:#666;font-size:.95rem;margin:0 0 24px;max-width:500px}.diff-section{border:1px solid var(--border-color);border-radius:8px;margin-bottom:32px;overflow:hidden}.diff-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.diff-header h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.diff-legend{gap:16px}.diff-legend,.legend-item{align-items:center;display:flex}.legend-item{color:#666;font-size:.85rem;gap:6px}.legend-color{border-radius:3px;display:inline-block;height:16px;width:16px}.legend-delete{background-color:#ffe6e6;border:1px solid #fcc}.legend-insert{background-color:#e6ffe6;border:1px solid #cfc}.diff-content{background-color:#fff;font-size:.95rem;line-height:1.8;max-height:300px;min-height:150px;overflow-y:auto;padding:20px}.diff-delete{background-color:#ffe6e6;color:#c0392b;text-decoration:line-through}.diff-delete,.diff-insert{border-radius:3px;font-weight:500;padding:2px 4px}.diff-insert{background-color:#e6ffe6;color:#27ae60}.diff-equal{color:#1a1a1a}.comparison-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.comparison-column h4{color:#007bff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.text-preview{word-wrap:break-word;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;font-size:.9rem;line-height:1.7;max-height:250px;min-height:120px;overflow-y:auto;padding:16px;white-space:pre-wrap}.text-preview::-webkit-scrollbar{width:6px}.text-preview::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.text-preview::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.text-preview::-webkit-scrollbar-thumb:hover{background:#adb5bd}.usage-info-section{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:6px;display:flex;gap:24px;margin-bottom:16px;padding:16px 20px}.usage-stat{gap:8px}.usage-label{color:#666;font-size:.85rem;font-weight:500}.usage-value{color:#1a1a1a;font-size:.85rem;font-weight:600}.ai-improvement-modal-footer{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-accept,.btn-cancel,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background-color:#e9ecef;color:#495057}.btn-cancel:hover{background-color:#dee2e6;transform:translateY(-1px)}.btn-accept{background-color:#007bff;color:#fff}.btn-accept:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.ai-improvement-modal{border-radius:0;max-height:100vh;max-width:100%}.ai-improvement-modal-header{border-radius:0;padding:20px}.ai-improvement-modal-header h2{font-size:1.3rem}.ai-improvement-modal-content{padding:20px}.comparison-section{gap:20px;grid-template-columns:1fr}.diff-header{align-items:flex-start}.diff-header,.usage-info-section{flex-direction:column;gap:12px}.ai-improvement-modal-footer{flex-direction:column;padding:16px 20px}.btn-accept,.btn-cancel{width:100%}}@media (prefers-color-scheme:dark){.ai-improvement-modal{background-color:#1a1a1a}.ai-improvement-modal-content{background-color:#1a1a1a;color:#e1e1e1}.diff-header{background-color:#2d2d2d;border-bottom-color:#404040}.diff-header h3{color:#e1e1e1}.diff-content{background-color:#1a1a1a}.diff-equal{color:#e1e1e1}.text-preview{color:#e1e1e1}.text-preview,.usage-info-section{background-color:#2d2d2d;border-color:#404040}.usage-label{color:#adb5bd}.usage-value{color:#e1e1e1}.ai-improvement-modal-footer{background-color:#2d2d2d;border-top-color:#404040}.loading-text{color:#e1e1e1}.loading-subtext{color:#adb5bd}.btn-cancel{background-color:#404040;color:#e1e1e1}.btn-cancel:hover{background-color:#4a4a4a}}.export-modal-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;font-size:1.25rem;font-weight:600;padding:20px 24px}.export-modal-content{padding:16px 0}.export-settings-accordion{border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;overflow:hidden}.export-settings-accordion:before{display:none}.export-settings-grid{display:flex;flex-direction:column;gap:8px;width:100%}.MuiFormControlLabel-root{border-radius:8px;margin:8px 0;padding:12px;transition:background-color .2s ease}.MuiFormControlLabel-root:hover{background-color:#f5f5f5}.MuiRadio-root.Mui-checked,.MuiSwitch-switchBase.Mui-checked{color:#007bff}.MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#007bff}.MuiAlert-root{border-radius:8px}.settings-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:2rem}.settings-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.back-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background:var(--bg-tertiary)}.settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0}.settings-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;height:400px;justify-content:center}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px}.settings-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:1rem}.nav-item{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:block;font-size:.95rem;margin-bottom:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary);color:#fff}.nav-item:last-child{margin-bottom:0}.settings-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.settings-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.message{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 1rem}.message.error{background:#fee;border:1px solid #fcc;color:#c33}.message.success{background:#efe;border:1px solid #cfc;color:#363}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.7}.message button:hover{opacity:1}.goals-form,.password-form,.profile-form{max-width:600px}.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary)}.form-group input.disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.form-group small{color:var(--text-secondary);margin-top:.25rem}.btn-primary{background:var(--accent-primary);border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-secondary:hover{background:var(--bg-quaternary)}.btn-danger{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.btn-danger:hover{background:#c82333}.theme-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.theme-option label{align-items:center;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s}.theme-option label:hover{border-color:var(--accent-primary)}.theme-option input[type=radio]{margin-bottom:1rem}.theme-option input[type=radio]:checked+.theme-preview{border-color:var(--accent-primary)}.theme-preview{border:2px solid var(--border-color);border-radius:6px;height:80px;margin-bottom:.5rem;overflow:hidden;position:relative;transition:border-color .2s;width:120px}.theme-preview.light{background:#fff}.theme-preview.dark{background:#1a1a1a}.preview-header{height:20px;width:100%}.theme-preview.light .preview-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.theme-preview.dark .preview-header{background:#2d2d2d;border-bottom:1px solid #404040}.preview-content{height:calc(100% - 20px);padding:8px}.theme-preview.light .preview-content{background:#fff}.theme-preview.dark .preview-content{background:#1a1a1a}.theme-preview.light .preview-content:before{background:#6c757d;content:"";display:block;height:4px;margin-bottom:4px;width:60%}.theme-preview.dark .preview-content:before{background:#adb5bd;content:"";display:block;height:4px;margin-bottom:4px;width:60%}.theme-preview.light .preview-content:after{background:#6c757d;content:"";display:block;height:4px;width:80%}.theme-preview.dark .preview-content:after{background:#adb5bd;content:"";display:block;height:4px;width:80%}.stats-overview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.stats-overview h3{color:var(--text-primary);margin:0 0 1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:var(--bg-secondary)}.stat-number{color:var(--accent-primary);display:block;font-size:2rem;font-weight:600;margin-bottom:.25rem}.stat-label{font-size:.9rem}.account-info{margin-bottom:2rem}.account-info h3{color:var(--text-primary);margin:0 0 1rem}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;padding:.75rem}.info-label{color:var(--text-primary);font-weight:500}.info-value{color:var(--text-secondary)}.info-value.active{color:#28a745;font-weight:500}.info-value.inactive{color:#dc3545;font-weight:500}.info-value.verified{color:#28a745;font-weight:500}.info-value.unverified{color:#ffc107;font-weight:500}.info-value.subscription{background:var(--accent-primary);border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.danger-zone{background:#dc35450d;border:2px solid #dc3545;border-radius:8px;padding:1.5rem}.danger-zone h3{color:#dc3545;margin:0 0 1rem}.danger-item{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.danger-info h4{color:var(--text-primary);margin:0 0 .5rem}.danger-info p{color:var(--text-secondary);line-height:1.5;margin:0}.delete-confirm-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-content h3{color:#dc3545;margin:0 0 1rem}.modal-content p{color:var(--text-primary);line-height:1.5;margin:0 0 1rem}.modal-content ul{color:var(--text-secondary);margin:0 0 1rem 1.5rem}.modal-content li{margin-bottom:.25rem}.modal-actions{margin-top:2rem}@media (max-width:768px){.settings-page{padding:1rem}.settings-container{gap:1rem;grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;padding:.5rem}.nav-item{margin-bottom:0;margin-right:.5rem;white-space:nowrap}.settings-content{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.danger-item{gap:1rem}.danger-item,.modal-actions{flex-direction:column}.theme-options{grid-template-columns:1fr}}.subscription-info{max-width:700px}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.subscription-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.subscription-tier{gap:.75rem;margin-bottom:1rem}.tier-badge{background:var(--accent-primary);border-radius:6px;color:#fff;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.tier-badge.free{background:#6b7280}.tier-badge.pro{background:#3b82f6}.tier-badge.premium{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.subscription-details{color:var(--text-secondary);font-size:.9rem}.subscription-details p{margin:.5rem 0}.addon-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.addon-pill{align-items:center;background:#059669;border-radius:6px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.addon-pill-label{font-weight:600}.addon-pill-value{opacity:.9}.manage-subscription-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.manage-subscription-btn:hover{background:var(--accent-hover);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.manage-subscription-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscription-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;margin-top:1rem;padding:1rem}.subscription-warning strong{color:#78350f;display:block;margin-bottom:.5rem}.subscription-warning p{font-size:.9rem;margin:0}.subscription-warning a{color:#d97706;font-weight:600;text-decoration:underline}.detail-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-value{font-weight:500}.detail-row.expiry-warning{background:#fef3c7;border-bottom:none;border-radius:6px;margin-bottom:1rem;padding:1rem}.detail-row.expiry-warning .detail-label{color:#92400e;font-weight:600}.detail-row.expiry-warning .expiry-date{color:#78350f;font-weight:700}.addon-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.addon-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.addon-info{display:flex;flex-direction:column;gap:.25rem}.addon-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.addon-status{border-radius:4px;font-size:.8rem;font-weight:500;padding:.2rem .5rem;width:-webkit-fit-content;width:fit-content}.addon-status.active{background:#d1fae5;color:#065f46}.addon-status.canceling{background:#fee2e2;color:#991b1b}.addon-limit{color:var(--text-secondary);font-size:.85rem;font-weight:500}.admin-dashboard{background:var(--bg-color);color:var(--text-color);min-height:100vh}.admin-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;padding:1rem 2rem}.admin-main{margin:0 auto;max-width:1400px;padding:2rem}.admin-section{margin-bottom:2.5rem}.admin-section h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.admin-action-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;padding:1.5rem;text-decoration:none;transition:all .2s ease}.admin-action-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.action-icon{font-size:2rem;margin-bottom:.5rem}.admin-action-card h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.admin-action-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-card{border-radius:8px}.analytics-card h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.analytics-content{display:flex;flex-direction:column;gap:1rem}.metric{text-align:center}.metric-value{display:block;font-size:2rem}.metric-label{display:block;font-size:.9rem}.metrics-row{display:flex;gap:1rem;justify-content:space-between}.sub-metric{flex:1 1;text-align:center}.sub-metric-value{color:var(--text-color);display:block;font-size:1.2rem;font-weight:600;line-height:1}.sub-metric-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.subscription-metric{margin-bottom:.75rem}.subscription-tier{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.tier-name{color:var(--text-color)}.tier-count{color:var(--primary-color)}.tier-progress{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden}.tier-progress-bar{border-radius:2px;height:100%;transition:width .3s ease}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;padding:1rem}.status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-good{background:#10b981}.status-warning{background:#f59e0b}.status-error{background:#ef4444}.status-text{color:var(--text-secondary);font-size:.9rem;margin-left:auto}.activity-placeholder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center}.activity-placeholder p{color:var(--text-secondary);margin:0}@media (max-width:768px){.admin-header,.admin-main{padding:1rem}.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}.admin-actions-grid,.analytics-grid{gap:1rem;grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.metrics-row{flex-direction:column;gap:.5rem}}@media (max-width:480px){.admin-action-card,.analytics-card{padding:1rem}.action-icon,.metric-value{font-size:1.5rem}}.user-management{background:var(--bg-color);color:var(--text-color);min-height:100vh}.user-management-main{margin:0 auto;max-width:1600px;padding:2rem}.filters-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:.9rem;padding:.75rem}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9rem;min-width:150px;padding:.5rem .75rem}.filter-select:focus{border-color:var(--primary-color);outline:none}.users-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px}.users-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.users-header h2{font-size:1.25rem;font-weight:600;margin:0}.users-table-container{overflow-x:auto}.users-table{border-collapse:initial;border-spacing:0;font-size:.9rem;width:100%}.users-table thead tr{height:50px}.users-table th{background:var(--table-header-bg);color:var(--text-color);font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.users-table tbody tr,.users-table th{border-bottom:1px solid var(--border-color)}.users-table tbody tr{height:70px}.users-table tbody tr:hover{background:var(--table-row-hover)}.users-table td{border-bottom:1px solid var(--border-color);padding:1rem;position:relative;vertical-align:middle}.user-info{align-items:center;display:flex;gap:.75rem}.user-details{flex:1 1;min-width:0}.user-email,.user-name{line-height:1.3}.user-email{font-size:.85rem}.role-badge,.status-badge,.subscription-badge{border-radius:12px;white-space:nowrap}.status-badge{font-size:.75rem;font-weight:500;padding:.25rem .75rem}.usage-info{font-size:.85rem}.usage-item{color:var(--text-secondary);line-height:1.3;margin-bottom:.25rem;white-space:nowrap}.actions-dropdown{display:inline-block;position:relative}.actions-dropdown button{font-size:.85rem;padding:.5rem 1rem;white-space:nowrap}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;display:none;margin-top:.25rem;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.actions-dropdown:hover .dropdown-menu{display:block}.dropdown-item{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s ease;white-space:nowrap;width:100%}.dropdown-item:hover{background:var(--table-row-hover)}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-divider{background:var(--border-color);border:none;height:1px;margin:.5rem 0}.pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:1.5rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.loading-container{min-height:300px}.users-table td:first-child,.users-table th:first-child{width:25%}.users-table td:nth-child(2),.users-table th:nth-child(2){width:10%}.users-table td:nth-child(3),.users-table th:nth-child(3){width:12%}.users-table td:nth-child(4),.users-table th:nth-child(4){width:10%}.users-table td:nth-child(5),.users-table th:nth-child(5){width:18%}.users-table td:nth-child(6),.users-table th:nth-child(6){width:12%}.users-table td:nth-child(7),.users-table th:nth-child(7){width:13%}@media (max-width:1024px){.users-table{font-size:.8rem}.users-table td,.users-table th{padding:.75rem .5rem}.user-management-main{padding:1rem}}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.filter-select{min-width:0;min-width:auto}.search-form{flex-direction:column}.users-table-container{overflow-x:scroll}.users-table{min-width:900px}.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.user-management-main{padding:.5rem}.filters-section,.users-header{padding:1rem}.modal{margin:1rem;width:95%}.modal-content,.modal-header{padding:1rem}}.user-details{background:var(--bg-color);color:var(--text-color);min-height:100vh}.user-details-main{margin:0 auto;max-width:1200px;padding:2rem}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.details-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.card-header{background:var(--table-header-bg);border-bottom:1px solid var(--border-color);padding:1.5rem}.card-header h2{font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.user-status .status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.info-item span{color:var(--text-color);font-size:.95rem;word-break:break-all}.user-id{color:var(--text-secondary)!important;font-family:Courier New,monospace;font-size:.8rem!important}.role-badge,.subscription-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.limits-grid{display:flex;flex-direction:column;gap:1.5rem}.limit-item{flex-direction:column;gap:.75rem}.limit-header{align-items:center;display:flex;justify-content:space-between}.limit-header label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.limit-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.limit-status.allowed{background:#10b98133;color:#059669}.limit-status.exceeded{background:#ef444433;color:#dc2626}.limit-details{display:flex;flex-direction:column;gap:.5rem}.limit-details>span{color:var(--text-color);font-size:1.1rem;font-weight:600}.limit-progress{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden}.limit-progress-bar{border-radius:3px;height:100%;transition:width .3s ease}.subscription-expiry{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.subscription-expiry label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.subscription-expiry span{color:var(--text-color);font-size:.95rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem;text-align:center}.stat-value{color:var(--primary-color);display:block;font-size:1.75rem;line-height:1}.stat-label{display:block;letter-spacing:.025em;margin-top:.5rem;text-transform:uppercase}.actions-grid{display:flex;flex-direction:column;gap:1rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:42px;padding:.75rem 1.5rem;transition:all .2s ease}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.action-btn.success{background:#10b981;color:#fff}.action-btn.success:hover:not(:disabled){background:#059669}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover:not(:disabled){background:#dc2626}.action-btn:disabled{cursor:not-allowed;opacity:.6}.modal{max-width:500px}.role-options,.subscription-options{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.role-option,.subscription-option{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;padding:.75rem;text-align:left;text-transform:capitalize;transition:all .2s ease}.role-option.current,.role-option:hover:not(:disabled),.subscription-option.current,.subscription-option:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.role-option:disabled,.subscription-option:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.error-container h2{color:var(--text-color);margin:0}@media (max-width:1024px){.details-grid,.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-details-main{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.card-content,.card-header{padding:1rem}.details-grid,.info-grid{gap:1rem}.stats-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.user-details-main{padding:.5rem}.modal{margin:1rem;width:95%}.modal-content,.modal-header{padding:1rem}.stat-value{font-size:1.5rem}.action-btn{font-size:.8rem;padding:.5rem 1rem}}.subscription-plans{background:var(--bg-color);color:var(--text-color);min-height:100vh}.plans-main{margin:0 auto;max-width:1400px;padding:2rem}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.plan-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.plan-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.plan-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.plan-name{font-size:1.5rem;font-weight:700;margin:0;text-transform:capitalize}.plan-status .status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#10b98133;color:#059669}.status-badge.inactive{background:#ef444433;color:#dc2626}.plan-pricing{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.price-item{flex:1 1;text-align:center}.price{color:var(--primary-color);display:block;font-size:1.5rem;font-weight:700;line-height:1}.period{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.plan-limits{margin-bottom:1.5rem}.limit-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.limit-item:last-child{border-bottom:none}.limit-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.limit-value{color:var(--text-color);font-size:.875rem;font-weight:600}.plan-features{margin-bottom:1.5rem;min-height:60px}.feature-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.feature-key{color:var(--text-secondary);text-transform:capitalize}.feature-value{color:var(--text-color);font-weight:500}.plan-meta{border-top:1px solid var(--border-color);margin-bottom:1.5rem;padding-top:1rem}.meta-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.meta-item:last-child{margin-bottom:0}.meta-label{color:var(--text-secondary);font-size:.8rem}.meta-value{color:var(--text-color);font-size:.8rem}.plan-actions{display:flex;flex-wrap:wrap;gap:.5rem}.plan-actions .btn{flex:1 1;font-size:.8rem;min-width:0;padding:.5rem .75rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{background:var(--card-bg);border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:1.25rem;margin:0}.close-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:var(--text-color)}.modal-content{padding:1.5rem}.modal-delete{max-width:400px}.delete-warning{color:var(--text-color);font-size:.95rem;margin-bottom:1rem}.delete-warning-note{color:var(--text-secondary);font-size:.875rem;margin:0}.modal-form{padding:1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-color);font-size:.875rem}.form-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9rem;padding:.75rem}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.users-summary{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1.5rem;padding:1rem}.users-summary p{font-size:.9rem;margin:0}.recent-users h3{color:var(--text-color);font-size:1rem;margin-bottom:1rem}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-item{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text-color);font-weight:500;margin-bottom:.25rem}.user-email{word-break:break-all}.user-date,.user-email{color:var(--text-secondary);font-size:.8rem}.user-date{margin-left:1rem;white-space:nowrap}@media (max-width:1024px){.plans-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plans-main{padding:1rem}}@media (max-width:768px){.plans-grid{gap:1rem;grid-template-columns:1fr}.plan-card{padding:1rem}.plan-header{align-items:flex-start;flex-direction:column;gap:.5rem}.plan-pricing{flex-direction:column;gap:1rem}.price-item{align-items:center;display:flex;justify-content:space-between}.price{font-size:1.25rem}.plan-actions{flex-direction:column}.plan-actions .btn{flex:none}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.plans-main{padding:.5rem}.plan-card{padding:.75rem}.modal{margin:1rem;width:95%}.modal-content,.modal-form,.modal-header{padding:1rem}.plan-name{font-size:1.25rem}.price{font-size:1.1rem}.user-item{align-items:flex-start;flex-direction:column;gap:.5rem}.user-date{margin-left:0}}.subscription-page{background:var(--bg-secondary);min-height:100vh;padding:2rem 1rem}.subscription-container{margin:0 auto;max-width:1200px}.subscription-header{margin-bottom:3rem;text-align:center}.subscription-header .back-link{color:var(--accent-primary);display:inline-block;font-size:.9rem;margin-bottom:1rem;text-decoration:none;transition:color .2s}.subscription-header .back-link:hover{color:var(--accent-hover);text-decoration:underline}.subscription-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.subscription-header .subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.current-plan-banner{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:1rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:1.5rem 2rem}.banner-content{align-items:center;display:flex;gap:1.5rem}.banner-icon{flex-shrink:0;font-size:2.5rem}.banner-text h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.banner-text h3 span{font-weight:700}.banner-text p{color:#ffffffe6;font-size:.95rem;margin:0}.plans-grid-user{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.plan-card-user{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;padding:2rem;position:relative;transition:all .3s ease}.plan-card-user:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.plan-card-user.current{border-width:3px;box-shadow:0 8px 24px #00000026}.current-badge{border-radius:2rem;box-shadow:0 2px 8px #0003;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem 1rem;position:absolute;right:20px;top:-12px}.plan-header-user{margin-bottom:1.5rem}.plan-name-user{font-size:1.8rem;font-weight:700;margin:0 0 1rem}.plan-pricing-user{margin-bottom:1.5rem}.price-main{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.5rem}.price-amount{color:var(--text-primary);font-size:2.5rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:1rem}.price-yearly{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.savings-badge{background:#10b981;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.plan-limits-user{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.limit-item-user{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.limit-item-user:last-child{margin-bottom:0}.limit-icon{flex-shrink:0;font-size:1.3rem}.limit-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.plan-features-user{flex:1 1;margin-bottom:1.5rem}.plan-features-user h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.plan-features-user ul{list-style:none;margin:0;padding:0}.plan-features-user li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:.9rem;gap:.75rem;line-height:1.5;margin-bottom:.75rem}.feature-check{color:#10b981;flex-shrink:0;font-size:1.1rem;font-weight:700}.plan-action-user{margin-top:auto}.btn-upgrade{border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s;width:100%}.btn-upgrade:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-current{background:var(--bg-secondary);color:var(--text-secondary)}.btn-current,.btn-downgrade{border:2px solid var(--border-color);border-radius:.5rem;cursor:not-allowed;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;width:100%}.btn-downgrade{background:var(--bg-primary);color:var(--text-tertiary);opacity:.6}.subscription-footer{padding:2rem 0;text-align:center}.footer-note p{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0}.footer-note p:first-child{color:var(--text-primary);font-weight:600}.alert{border-radius:.5rem;padding:1rem 1.5rem}.alert-error{background:#fef2f2;border:1px solid #fecaca}.alert-close{align-items:center;background:none;border:none;border-radius:.25rem;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:background .2s;width:2rem}.alert-close:hover{background:#0000001a}.confirm-upgrade-content{text-align:center}.upgrade-icon-large{font-size:4rem;margin-bottom:1rem}.confirm-text{color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.confirm-text strong{color:var(--accent-primary);font-weight:700}.upgrade-details{background:var(--bg-secondary);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.detail-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.confirm-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:var(--text-secondary);font-size:.9rem;margin:0;padding:.75rem 1rem}[data-theme=dark] .confirm-note{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .alert-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}@media (max-width:768px){.subscription-page{padding:1rem .5rem}.subscription-header h1{font-size:2rem}.subscription-header .subtitle{font-size:1rem}.plans-grid-user{gap:1.5rem;grid-template-columns:1fr}.banner-content{flex-direction:column;text-align:center}.banner-text h3{font-size:1.1rem}.price-amount{font-size:2rem}}.subscription-success-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.success-container{background:var(--bg-primary);border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center;width:100%}.success-icon{animation:bounce 1s ease-in-out;font-size:5rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.success-container h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 1rem}.success-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.success-details{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.detail-box{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;text-align:left}.detail-icon{flex-shrink:0;font-size:2rem}.detail-text h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.detail-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.redirect-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:var(--text-secondary);font-size:.95rem;margin:2rem 0 1.5rem;padding:1rem}.redirect-notice strong{color:#2563eb;font-weight:700}[data-theme=dark] .redirect-notice{background:#3b82f61a;border-color:#3b82f64d}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.success-actions .btn{border-radius:.5rem;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.success-actions .btn-primary{background:#2563eb;border:none;color:#fff}.success-actions .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.success-actions .btn-secondary{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.success-actions .btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-2px)}@media (max-width:768px){.success-container{padding:2rem 1.5rem}.success-container h1{font-size:1.75rem}.success-message{font-size:1rem}.success-actions{flex-direction:column}.success-actions .btn{width:100%}}.subscription-cancel-page{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.cancel-container{background:var(--bg-primary);border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:3rem 2rem;text-align:center;width:100%}.cancel-icon{font-size:5rem;margin-bottom:1rem}.cancel-container h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 1rem}.cancel-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.cancel-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin:2rem 0;padding:1.5rem;text-align:left}.cancel-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.cancel-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.cancel-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.cancel-actions .btn{border-radius:.5rem;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.cancel-actions .btn-primary{background:#2563eb;border:none;color:#fff}.cancel-actions .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.cancel-actions .btn-secondary{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.cancel-actions .btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-2px)}.cancel-help{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.cancel-help p{color:var(--text-secondary);font-size:.95rem;margin:0}.cancel-help a{color:#2563eb;font-weight:600;text-decoration:none}.cancel-help a:hover{text-decoration:underline}@media (max-width:768px){.cancel-container{padding:2rem 1.5rem}.cancel-container h1{font-size:1.75rem}.cancel-message{font-size:1rem}.cancel-actions{flex-direction:column}.cancel-actions .btn{width:100%}}.analytics{background:var(--bg-color);color:var(--text-color);min-height:100vh}.analytics-main{margin:0 auto;max-width:1600px;padding:2rem}.analytics-grid{display:flex;flex-direction:column;gap:2rem}.overview-cards h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.analytics-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease}.analytics-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-icon{font-size:1.5rem}.card-value{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.card-subtext{color:var(--text-secondary);font-size:.875rem}.subscription-analytics{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.subscription-analytics h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.subscription-chart{display:flex;flex-direction:column;gap:1rem}.subscription-bar{display:flex;flex-direction:column;gap:.5rem}.bar-label{align-items:center;display:flex;justify-content:space-between}.tier-name{font-size:.9rem;font-weight:500}.tier-count{color:var(--text-secondary);font-size:.9rem;font-weight:600}.bar-container{background:var(--border-color);height:8px;overflow:hidden}.bar-fill{height:100%;transition:width .5s ease}.usage-analytics{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.usage-analytics h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.usage-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.usage-card h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.usage-stats{display:flex;flex-direction:column;gap:.75rem}.usage-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--text-color);font-size:.875rem;font-weight:600}.revenue-insights{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.revenue-insights h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.insight-card h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.insight-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.insight-metric{align-items:center;display:flex;flex-direction:column;text-align:center}.metric-value{color:var(--primary-color);font-size:1.5rem;font-weight:700;line-height:1}.metric-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.loading-container{justify-content:center;min-height:50vh}.alert,.loading-container{align-items:center;display:flex}.alert{border-radius:6px;justify-content:space-between;margin-bottom:1.5rem}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.alert-retry{background:#0000;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .2s ease}.alert-retry:hover{background:currentColor;color:#fff}@media (max-width:1024px){.analytics-main{padding:1rem}.cards-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-card{padding:1.25rem}.card-value{font-size:1.75rem}}@media (max-width:768px){.analytics-main{padding:.75rem}.cards-grid{gap:1rem;grid-template-columns:1fr}.analytics-card{padding:1rem}.card-value{font-size:1.5rem}.revenue-insights,.subscription-analytics,.usage-analytics{padding:1rem}.insights-grid,.usage-grid{gap:1rem;grid-template-columns:1fr}.insight-content{grid-template-columns:repeat(2,1fr)}.bar-label{align-items:flex-start;flex-direction:column;gap:.25rem}.header-content{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.analytics-main{padding:.5rem}.analytics-card,.revenue-insights,.subscription-analytics,.usage-analytics{padding:.75rem}.card-header h3{font-size:.8rem}.card-value{font-size:1.25rem}.card-subtext{font-size:.8rem}.insight-content{gap:.75rem;grid-template-columns:1fr}.metric-value{font-size:1.25rem}.metric-label{font-size:.7rem}}.admin-ai-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.admin-ai-header{margin-bottom:30px;text-align:center}.admin-ai-header h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:10px}.admin-ai-header p{color:#7f8c8d;font-size:1.1rem}.admin-ai-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.admin-ai-error p{color:#c0392b;margin:0}.admin-ai-error button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.admin-ai-tabs{background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:30px;overflow-x:auto;padding:5px}.admin-ai-tabs button{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;flex:1 1;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.admin-ai-tabs button:hover{background-color:#e9ecef;color:#495057}.admin-ai-tabs button.active{background-color:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.admin-ai-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:600px;padding:30px}.overview-tab{display:flex;flex-direction:column;gap:30px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;text-align:center}.stat-card h3{font-size:.9rem;font-weight:500;margin:0 0 10px;opacity:.9}.stat-value{font-size:2rem;font-weight:700;margin:0}.overview-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-section{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px}.overview-section h3{color:#2c3e50;font-size:1.2rem;margin:0 0 15px}.provider-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.provider-item:last-child{border-bottom:none}.provider-name{color:#2c3e50;font-weight:600;text-transform:capitalize}.provider-status.active{color:#28a745;font-weight:500}.provider-status.inactive{color:#dc3545;font-weight:500}.configuration-tab h2{color:#2c3e50;font-size:1.8rem;margin:0 0 25px}.configurations-list{grid-gap:20px;display:grid;gap:20px}.config-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:25px;transition:all .2s ease}.config-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.config-header h3{color:#2c3e50;font-size:1.4rem;margin:0;text-transform:capitalize}.config-status{display:flex;gap:10px}.env-development,.env-production,.status-active,.status-inactive{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.env-production{background-color:#fff3cd;color:#856404}.env-development{background-color:#d1ecf1;color:#0c5460}.config-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.config-details p{color:#495057;font-size:.9rem;margin:0}.edit-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.edit-btn:hover{background-color:#0056b3}.config-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px}.config-form h3{color:#2c3e50;font-size:1.4rem;margin:0 0 25px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;gap:20px}.form-group label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;margin-top:30px;padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.submit-btn{background-color:#28a745;color:#fff}.submit-btn:hover{background-color:#218838}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}@media (max-width:768px){.admin-ai-dashboard{padding:15px}.admin-ai-header h1{font-size:2rem}.admin-ai-tabs{flex-direction:column}.admin-ai-tabs button{margin-bottom:5px}.admin-ai-content{padding:20px}.config-details,.form-row,.overview-grid,.overview-stats{grid-template-columns:1fr}.config-header{align-items:flex-start;gap:10px}.config-header,.form-actions{flex-direction:column}}.prompts-tab .prompts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.prompts-tab .prompts-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.templates-list{grid-gap:20px;display:grid;gap:20px}.template-preview{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin:15px 0;padding:15px}.template-preview h4{color:#495057;font-size:.9rem;margin:0 0 10px}.prompt-preview{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-family:Monaco,Menlo,monospace;font-size:.85rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap}.analytics-tab h2{color:#2c3e50;font-size:1.8rem;margin:0 0 25px}.analytics-chart{background-color:#f8f9fa;border-radius:12px;margin-top:30px;padding:25px}.analytics-chart h3{color:#2c3e50;font-size:1.4rem;margin:0 0 20px}.chart-container{align-items:end;background-color:#fff;border-radius:8px;display:flex;gap:10px;height:200px;min-width:600px;overflow-x:auto;padding:20px}.chart-bar{align-items:center;display:flex;flex-direction:column;height:100%;min-width:60px}.bar-label{color:#6c757d;font-size:.7rem;margin-bottom:5px;transform:rotate(-45deg);white-space:nowrap}.bar-container{align-items:end;background-color:#e9ecef;border-radius:4px;display:flex;flex:1 1;margin:5px 0;position:relative;width:20px}.bar-fill{background:linear-gradient(180deg,#007bff,#0056b3);border-radius:4px;min-height:2px;transition:height .3s ease;width:100%}.bar-value{color:#2c3e50;font-size:.7rem;font-weight:600;margin-top:5px}.bar-cost{color:#6c757d;font-size:.6rem;margin-top:2px}.feature-flags-tab h2{color:#2c3e50;font-size:1.8rem;margin:0 0 25px}.flags-list{grid-gap:20px;display:grid;gap:20px}.usage-logs-tab h2{color:#2c3e50;font-size:1.8rem;margin:0 0 25px}.logs-summary{background-color:#f8f9fa;border-radius:8px;color:#495057;margin-bottom:20px;padding:15px}.logs-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.logs-table table{border-collapse:collapse;width:100%}.logs-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:15px 12px;text-align:left}.logs-table td{border-bottom:1px solid #e9ecef;color:#495057;font-size:.85rem;padding:12px}.logs-table tbody tr:hover{background-color:#f8f9fa}.logs-table tbody tr:last-child td{border-bottom:none}.status-success{color:#28a745;font-weight:500}.status-error{color:#dc3545;font-weight:500}.status-pending{color:#ffc107;font-weight:500}.form-group small{color:#6c757d;font-size:.8rem;margin-top:5px}@media (max-width:768px){.prompts-tab .prompts-header{align-items:flex-start;flex-direction:column;gap:15px}.chart-container{height:150px;padding:10px}.bar-label{font-size:.6rem}.logs-table{overflow-x:auto}.logs-table table{min-width:600px}.template-preview{padding:10px}.prompt-preview{font-size:.75rem}}@media (prefers-color-scheme:dark){.admin-ai-dashboard{background-color:#1a1a1a;color:#e1e1e1}.admin-ai-content{background-color:#2d2d2d;color:#e1e1e1}.config-card{background-color:#2d2d2d;border-color:#404040}.config-form{background-color:#404040}.form-group input,.form-group select,.form-group textarea{background-color:#3d3d3d;border-color:#555;color:#e1e1e1}.overview-section{background-color:#404040}.admin-ai-header h1,.analytics-tab h2,.feature-flags-tab h2,.prompts-tab .prompts-header h2,.usage-logs-tab h2{color:#e1e1e1}.template-preview{background-color:#404040}.prompt-preview{background-color:#3d3d3d;border-color:#555;color:#e1e1e1}.analytics-chart{background-color:#404040}.chart-container{background-color:#3d3d3d}.bar-container{background-color:#555}.logs-summary{background-color:#404040;color:#e1e1e1}.logs-table{background-color:#2d2d2d}.logs-table th{background-color:#404040}.logs-table td,.logs-table th{border-bottom-color:#555;color:#e1e1e1}.logs-table tbody tr:hover{background-color:#404040}.analytics-chart h3,.bar-value{color:#e1e1e1}.form-group small{color:#adb5bd}}.publishing-settings{background:var(--bg-primary);min-height:100vh}.publishing-settings.error,.publishing-settings.loading{color:var(--text-secondary);font-size:1.2rem;padding:4rem 2rem;text-align:center}.publishing-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0}.publishing-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.publishing-header .header-left{align-items:center;display:flex}.publishing-header .header-right{align-items:center;display:flex;gap:1rem}.publishing-title-section{margin:0 auto;max-width:1200px;padding:2rem 2rem 1rem}.publishing-title-section h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.publishing-title-section .subtitle{color:var(--text-secondary);font-size:1rem}.alert{border-radius:8px;font-size:.95rem;margin:0 auto 1.5rem;max-width:calc(1200px - 4rem);padding:1rem}.alert-error{background-color:#fed7d7;border:1px solid #fc8181;color:#9b2c2c}.alert-success{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.publishing-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:0 2rem}.covers-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.cover-section,.metadata-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.cover-section h2,.metadata-section h2{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.section-desc{color:#718096;font-size:.9rem}.cover-preview-container,.section-desc{margin-bottom:1.5rem}.cover-preview{border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:200px;overflow:hidden}.cover-preview.front-cover{background:#e2e8f0;border:1px solid #0000001a;box-shadow:0 2px 4px #0000001a,0 8px 16px #00000026;display:flex;justify-content:flex-end;max-width:206px;padding-left:6px;position:relative}.cover-preview.front-cover .cover-image-preview{border-left:2px solid #00000026;box-shadow:-4px 0 8px #0003;width:calc(100% - 6px)}.cover-preview.back-cover{background:#fff;border:1px solid #0000001a;box-shadow:0 2px 4px #0000001a,0 8px 16px #00000026;display:flex;justify-content:flex-start;max-width:206px;padding-right:6px;position:relative}.cover-preview.back-cover .cover-image-preview{border-right:2px solid #00000026;box-shadow:4px 0 8px #0003;width:calc(100% - 6px)}.cover-image-preview{aspect-ratio:9/16;background-position:50%;background-size:cover;max-height:350px;min-height:280px;position:relative}.cover-overlay-preview{align-items:center;background:linear-gradient(180deg,#0000004d 0,#00000080 50%,#0000004d);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:1.5rem;position:absolute;top:0;width:100%}.cover-overlay-preview.back{background:#0000;justify-content:flex-start;padding-top:2rem}.preview-title{font-size:1.3rem;font-weight:700;margin-bottom:.3rem;text-shadow:2px 2px 4px #000c}.preview-subtitle,.preview-title{color:#fff;line-height:1.3;text-align:center}.preview-subtitle{font-size:.9rem;font-style:italic;margin-bottom:.5rem;opacity:.9;text-shadow:1px 1px 3px #000c}.preview-author{color:#fff;font-size:.95rem;margin-top:1rem;text-align:center;text-shadow:1px 1px 3px #000c}.preview-testimonial{color:#fff;font-size:.8rem;font-style:italic;line-height:1.5;text-align:left}.no-cover-placeholder{align-items:center;aspect-ratio:9/16;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#4a5568;display:flex;flex-direction:column;justify-content:center;max-height:350px;min-height:280px}.no-cover-placeholder p{margin:.5rem 0}.placeholder-hint{color:#718096;font-size:.9rem}.generate-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.upload-btn{background:#fff;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.upload-btn:hover:not(:disabled){background:#eff6ff;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.upload-btn:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#718096;display:block;font-size:.85rem;margin-top:.375rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.publishing-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1200px;padding-left:2rem;padding-right:2rem;padding-top:2rem}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.save-btn.primary{background:#3b82f6;border:none;color:#fff}.save-btn.primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.save-btn.primary:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#fff;border:1px solid #cbd5e0;color:#4a5568}.cancel-btn:hover{background:#f7fafc;border-color:#a0aec0}@media (max-width:968px){.covers-container{grid-template-columns:1fr}}@media (max-width:768px){.publishing-settings{padding:1rem}.cover-section,.metadata-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.publishing-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.landing-page{background-attachment:fixed;background-position:50%;background-size:cover;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.landing-nav{background-color:#fffc;border-bottom:1px solid #0000000d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .landing-nav{background-color:#111827cc;border-bottom:1px solid #ffffff0d}.landing-logo{align-items:center;display:flex;font-weight:800}.nav-link{color:var(--text-secondary);transition:color .2s}.btn-nav-login{border-radius:9999px;transition:all .2s}.btn-nav-login:hover{text-decoration:none}.landing-hero{margin:0 auto;max-width:1000px;padding:6rem 2rem;text-align:center}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,#8b5cf6 100%);background-clip:text;-webkit-background-clip:text;line-height:1.1;margin-bottom:1.5rem}.landing-subtitle{color:var(--text-secondary);font-size:2rem;font-weight:500;margin-bottom:2rem}.highlight-blue{font-weight:700}.landing-description{font-size:1.25rem;margin:0 auto 3rem;max-width:700px}.landing-buttons{gap:1rem}.btn-large{font-size:1.125rem}.feedback-section{background-color:#2158e80d;overflow:hidden;padding:4rem 0;position:relative}.marquee-container{animation:scroll 40s linear infinite;display:flex;width:-webkit-fit-content;width:fit-content}.marquee-content{display:flex;gap:2rem;padding-right:2rem}.feedback-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;max-width:300px;min-width:300px;padding:1.5rem}.feedback-text{color:var(--text-primary);font-style:italic;line-height:1.5;margin-bottom:1rem}.feedback-author{color:var(--text-secondary);font-size:.9rem;font-weight:600}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.features-section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.feature-block{align-items:center;display:flex;gap:4rem;margin-bottom:8rem}.feature-block:nth-child(2n){flex-direction:row-reverse}.feature-content{flex:1 1}.feature-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.feature-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:2rem}.feature-image-container{align-items:center;aspect-ratio:16/10;background:var(--bg-card);background-color:#f3f4f6;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex:1 1;justify-content:center;overflow:hidden}[data-theme=dark] .feature-image-container{background-color:#1f2937}.feature-placeholder{color:var(--text-secondary);font-size:1.5rem;font-weight:500}.feature-img{height:100%;object-fit:contain;width:100%}.feature-img-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.feature-img-clickable:hover{transform:scale(1.02)}.image-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-popup-content{animation:zoomIn .3s ease-out;cursor:default;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.image-popup-content img{border-radius:8px;box-shadow:0 25px 50px -12px #00000080;max-height:85vh;max-width:100%}.image-popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;line-height:1;opacity:.8;padding:.5rem;position:absolute;right:0;top:-40px;transition:opacity .2s}.image-popup-close:hover{opacity:1}@media (max-width:768px){.landing-title{font-size:2.5rem}.feature-block,.feature-block:nth-child(2n){flex-direction:column;gap:2rem;margin-bottom:4rem}.landing-nav-links{display:none}.image-popup-content{max-width:95vw}.image-popup-close{right:-5px;top:-35px}}.landing-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:4rem 2rem 2rem}.footer-content{margin:0 auto;max-width:1200px}.footer-columns{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.footer-column{display:flex;flex-direction:column}.footer-heading{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.25rem;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-primary)}.footer-text{color:var(--text-secondary);font-size:.9rem}.footer-social{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);gap:1.5rem;padding:2rem 0}.footer-social,.social-icon{display:flex;justify-content:center}.social-icon{align-items:center;background-color:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);height:36px;transition:all .2s;width:36px}.social-icon:hover{background-color:var(--bg-secondary);color:var(--accent-primary);transform:translateY(-2px)}.footer-copyright{padding-top:2rem;text-align:center}.footer-copyright p{color:var(--text-tertiary);font-size:.85rem;margin:0}@media (max-width:768px){.footer-columns{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-column,.footer-links{align-items:center}.footer-social{gap:1rem}}.App{position:relative;text-align:center}.theme-toggle-container{position:absolute;right:20px;top:20px;z-index:1000}.landing-nav{background:#fffffff2;border-bottom:1px solid #e2e8f099;box-shadow:0 2px 8px #0000000d;padding:1rem 0;position:relative;z-index:10}.landing-nav,[data-theme=dark] .landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .landing-nav{background:#1e293bf2;border-bottom-color:#47556999}.landing-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.landing-logo{color:var(--accent-primary);font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.landing-logo:hover{transform:scale(1.05)}.landing-nav-links{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-primary);font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:var(--accent-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--accent-primary)}.nav-link:hover:after{width:100%}.btn-nav-login{background-color:initial;border:2px solid var(--accent-primary);border-radius:.5rem;color:var(--accent-primary);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-nav-login:hover{background-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.landing-hero{align-items:center;display:flex;flex:1 1;justify-content:center;padding:4rem 2rem;position:relative;z-index:1}.landing-content{max-width:900px;text-align:center}.landing-title{color:var(--text-primary);font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem}.landing-subtitle{color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 2rem}.highlight-blue{color:var(--accent-primary);position:relative}.landing-description{color:var(--text-secondary);font-size:1.3rem;font-weight:400;line-height:1.6;margin:0 0 3rem}.landing-buttons{align-items:center;display:flex;gap:1.5rem;justify-content:center}.btn-large{border-radius:.75rem;font-size:1.1rem;padding:1rem 2.5rem}.App-header{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.App-header h1{color:var(--accent-primary);font-size:3rem;margin-bottom:1rem}.App-header p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem}.app-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-secondary:hover{background-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow);color:#fff;transform:translateY(-2px)}.btn-outline{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:968px){.landing-title{font-size:3rem}.landing-subtitle{font-size:2rem}.landing-description{font-size:1.1rem}.landing-nav-links{gap:1.5rem}.nav-link{font-size:.9rem}}@media (max-width:768px){.landing-nav-content{flex-direction:column;gap:1rem;padding:0 1rem}.landing-nav-links{flex-wrap:wrap;gap:1rem;justify-content:center}.landing-hero{padding:2rem 1rem}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.5rem}.landing-description{font-size:1rem}.landing-buttons{flex-direction:column;gap:1rem;width:100%}.btn-large{max-width:300px;width:100%}}@media (max-width:480px){.landing-title{font-size:2rem}.landing-subtitle{font-size:1.2rem}.landing-description{font-size:.95rem}.nav-link{font-size:.85rem}}
/*# sourceMappingURL=main.c5d28401.css.map*/