.sign-inbody{background:#f0f4f8;font-family:var(--font-family-base, "Inter", sans-serif);color:#222}.sign-in .page-wrapper{max-width:450px;margin:6rem auto 3rem;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);text-align:center}.sign-in .page-header{margin-bottom:1rem}.sign-in .page-title{font-size:2rem;font-weight:600;margin-bottom:0.5rem}.sign-in .page-subtitle{font-size:1rem;color:#555;margin-bottom:0}.sign-in .page-content{display:flex;flex-direction:column;gap:0.75rem;font-size:0.95rem;color:#444}.sign-in .auth-message{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.95rem;text-align:left}.sign-in .auth-message.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sign-in .auth-message.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.sign-in .page-note{font-size:0.85rem;color:#888}.sign-in .page-note a{color:#3b82f6;text-decoration:none}.sign-in .page-note a:hover{text-decoration:underline}.sign-in .firebase-ui{margin:1.5rem 0}.sign-in .back-link{position:fixed;top:1rem;left:1rem;font-size:0.95rem;color:#3b82f6;text-decoration:none;font-weight:500;z-index:1000}.sign-in .back-link:hover{text-decoration:underline}.sign-in .fields{max-width:400px;margin:2rem auto;display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:#f2f5f2;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.05);font-family:Arial, sans-serif}.sign-in .fields input{padding:0.75rem 1rem;font-size:1rem;border:1px solid #a9c0a9;border-radius:8px;outline:none;transition:border-color 0.2s, box-shadow 0.2s;background-color:#fff}.sign-in .fields input:focus{border-color:#7a9a7a;box-shadow:0 0 5px rgba(123,158,127,0.3)}.sign-in .fields button{padding:0.75rem 1rem;font-size:1rem;font-weight:bold;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.2s, transform 0.1s}.sign-in .password-hint{font-size:0.85rem;color:#555;text-align:left;margin-top:-0.5rem;display:block}.sign-in #register-btn{background-color:#7B9E7F;color:#fff}.sign-in #register-btn:hover{background-color:#5B7C5B;transform:translateY(-1px)}.sign-in #sign-in-btn{background-color:#a9c0a9;color:#333}.sign-in #sign-in-btn:hover{background-color:#7a9a7a;transform:translateY(-1px)}.sign-in #next-btn{background-color:#486248;color:#fff}.sign-in #next-btn:hover{background-color:#364836;transform:translateY(-1px)}@media (max-width: 480px){.sign-in .fields{padding:1.5rem;gap:0.75rem}.sign-in .fields input,.sign-in .fields button{font-size:0.95rem;padding:0.65rem 0.85rem}}.verify-email{background:#f0f4f8;font-family:var(--font-family-base, "Inter", sans-serif);color:#222}.verify-email .page-wrapper{max-width:500px;margin:6rem auto 3rem;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);text-align:center}.verify-email .page-header{margin-bottom:2rem}.verify-email .page-title{font-size:2rem;font-weight:600;margin-bottom:0.5rem}.verify-email .page-subtitle{font-size:1rem;color:#555;margin-bottom:0}.verify-email .page-content{display:flex;flex-direction:column;gap:1.5rem;font-size:0.95rem;color:#444}.verify-email .auth-message{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.95rem;text-align:left}.verify-email .auth-message.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.verify-email .auth-message.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.verify-email .page-note{font-size:0.85rem;color:#888;margin-top:1rem}.verify-email .page-note a{color:#3b82f6;text-decoration:none}.verify-email .page-note a:hover{text-decoration:underline}.verify-email .back-link{position:fixed;top:1rem;left:1rem;font-size:0.95rem;color:#3b82f6;text-decoration:none;font-weight:500;z-index:1000}.verify-email .back-link:hover{text-decoration:underline}.verify-email .loading-state{padding:2rem;text-align:center;color:#555;font-size:1rem}.verify-email .verify-action{display:flex;justify-content:center;padding:1rem 0}.verify-email .verify-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.2s, transform 0.1s;background-color:#7B9E7F;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.verify-email .verify-btn:hover{background-color:#5B7C5B;transform:translateY(-1px)}.verify-email .verify-btn:disabled{background-color:#a9c0a9;cursor:not-allowed;transform:none}.verify-email #success-state{text-align:center;padding:2rem 0}.verify-email .success-text{font-size:1.1rem;color:#155724;font-weight:500;margin-bottom:1.5rem}.verify-email .continue-btn{display:inline-block;padding:0.85rem 2rem;font-size:1rem;font-weight:600;color:#fff;background-color:#486248;border-radius:8px;text-decoration:none;transition:background-color 0.2s, transform 0.1s;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.verify-email .continue-btn:hover{background-color:#364836;transform:translateY(-1px)}@media (max-width: 480px){.verify-email .page-wrapper{padding:1.5rem;margin:4rem auto 2rem}.verify-email .verify-btn,.verify-email .continue-btn{font-size:1rem;padding:0.75rem 1.5rem}}body.not-found{background:#f0f4f8;font-family:var(--font-family-base, "Inter", sans-serif);color:#222;min-height:100vh;display:flex;align-items:center;justify-content:center}.not-found .page-wrapper{max-width:480px;margin:2rem;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);text-align:center}.not-found .error-code{font-size:6rem;font-weight:700;color:var(--primary-300, #a9c0a9);line-height:1;margin-bottom:0.5rem}.not-found .page-title{font-size:1.75rem;font-weight:600;color:#333;margin-bottom:1rem}.not-found .page-subtitle{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.5}.not-found .nav-links{display:flex;flex-direction:column;gap:0.75rem}.not-found .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:8px;transition:background-color 0.15s ease, transform 0.1s ease}.not-found .nav-link.primary{background-color:var(--primary-600, #486248);color:#fff}.not-found .nav-link.primary:hover{background-color:var(--primary-700, #364836);transform:translateY(-1px)}.not-found .nav-link.secondary{background-color:var(--primary-100, #f2f5f2);color:var(--primary-700, #364836);border:1px solid var(--primary-200, #a9c0a9)}.not-found .nav-link.secondary:hover{background-color:var(--primary-200, #e5ebe5)}.not-found .page-note{margin-top:2rem;font-size:0.85rem;color:#888}.not-found .page-note a{color:var(--primary-600, #486248);text-decoration:none}.not-found .page-note a:hover{text-decoration:underline}@media (max-width: 480px){.not-found .page-wrapper{padding:2rem;margin:1rem}.not-found .error-code{font-size:4.5rem}.not-found .page-title{font-size:1.5rem}.not-found .nav-link{padding:0.65rem 1.25rem;font-size:0.95rem}}body.legal-page{background:#f0f4f8;font-family:var(--font-family-base, "Inter", sans-serif);color:#222;min-height:100vh;padding:1rem 0}body.legal-page .back-link{position:fixed;top:20px;left:20px;margin:0;z-index:1000;background:#fff;padding:0.5rem 1rem;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}body.legal-page .back-link a{font-size:0.95rem;color:var(--primary-600, #486248);text-decoration:none;font-weight:500;transition:color 0.2s}body.legal-page .back-link a:hover{color:var(--primary-700, #364836);text-decoration:underline}body.legal-page .page-wrapper{max-width:1200px;margin:0 auto;padding:3rem 2rem;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.06);margin-top:2rem;margin-bottom:2rem}body.legal-page .page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f4f8}body.legal-page .page-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 0.5rem 0;line-height:1.2}body.legal-page .page-header .last-updated{font-size:0.85rem;color:#666;margin:0;font-style:italic}body.legal-page .content-container{display:grid;grid-template-columns:250px 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){body.legal-page .content-container{grid-template-columns:1fr;gap:1rem}}body.legal-page .toc-sidebar{position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto}body.legal-page .toc-sidebar ul{list-style:none;padding:0;margin:0}body.legal-page .toc-sidebar li{margin:0}body.legal-page .toc-sidebar a{display:block;padding:0.5rem 0 0.5rem 1rem;font-size:0.9rem;color:var(--primary-700, #364836);text-decoration:none;border-left:3px solid transparent;transition:all 0.2s}body.legal-page .toc-sidebar a:hover{color:var(--primary-600, #486248);border-left-color:var(--primary-600, #486248);padding-left:1.25rem}body.legal-page .toc-sidebar a.active{color:var(--primary-600, #486248);border-left-color:var(--primary-600, #486248);font-weight:600}body.legal-page .toc-sidebar ul ul{margin-left:0}body.legal-page .toc-sidebar ul ul a{padding-left:2rem;font-size:0.85rem}body.legal-page .toc-sidebar ul ul a:hover,body.legal-page .toc-sidebar ul ul a.active{padding-left:2.25rem}@media (max-width: 768px){body.legal-page .toc-sidebar{position:static;top:auto;max-height:none;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f4f8}body.legal-page .toc-sidebar ul ul{display:none}}body.legal-page .legal-content{font-size:1rem;line-height:1.7}body.legal-page .legal-content h2{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-top:2.5rem;margin-bottom:1rem;padding-top:0.5rem;border-top:2px solid #f0f4f8}body.legal-page .legal-content h3{font-size:1.25rem;font-weight:600;color:#333;margin-top:1.75rem;margin-bottom:0.75rem}body.legal-page .legal-content h4{font-size:1.1rem;font-weight:600;color:#444;margin-top:1.25rem;margin-bottom:0.5rem}body.legal-page .legal-content p{margin:0 0 1rem 0;text-align:justify}body.legal-page .legal-content ul,body.legal-page .legal-content ol{margin:1rem 0;padding-left:2rem}body.legal-page .legal-content ul li,body.legal-page .legal-content ol li{margin-bottom:0.5rem;line-height:1.7}body.legal-page .legal-content ol{list-style-type:decimal}body.legal-page .legal-content ul{list-style-type:disc}body.legal-page .legal-content ul ul{list-style-type:circle;margin-top:0.5rem;margin-bottom:0.5rem}body.legal-page .legal-content strong{font-weight:600;color:#1a1a1a}body.legal-page .legal-content em{font-style:italic;color:#333}body.legal-page .legal-content a{color:var(--primary-600, #486248);text-decoration:underline;transition:color 0.2s}body.legal-page .legal-content a:hover{color:var(--primary-700, #364836)}body.legal-page .legal-content code{background-color:#f5f5f5;padding:0.2rem 0.4rem;border-radius:4px;font-family:"Monaco", "Courier New", monospace;font-size:0.9em;color:#d63384}body.legal-page .legal-content pre{background-color:#f5f5f5;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0;border-left:4px solid var(--primary-600, #486248)}body.legal-page .legal-content pre code{background-color:transparent;padding:0;color:#333}body.legal-page .legal-content blockquote{margin:1.5rem 0;padding-left:1.5rem;border-left:4px solid var(--primary-600, #486248);color:#666;font-style:italic}body.legal-page .legal-content blockquote p{margin:0}body.legal-page .legal-content hr{margin:2rem 0;border:none;border-top:2px solid #f0f4f8}body.legal-page .legal-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}body.legal-page .legal-content table th,body.legal-page .legal-content table td{padding:0.75rem;text-align:left;border-bottom:1px solid #e5e5e5}body.legal-page .legal-content table th{background-color:#f5f5f5;font-weight:600;color:#1a1a1a}body.legal-page .legal-content table tr:hover{background-color:#fafafa}body.legal-page .page-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #f0f4f8;text-align:center}body.legal-page .page-footer p{margin:0.5rem 0;font-size:0.95rem;color:#666}body.legal-page .page-footer a{color:var(--primary-600, #486248);text-decoration:none;font-weight:500;transition:color 0.2s}body.legal-page .page-footer a:hover{color:var(--primary-700, #364836);text-decoration:underline}body.legal-page .page-footer .footer-links{margin-top:1rem}body.legal-page .page-footer .footer-links a{margin:0 0.75rem}@media print{body.legal-page .back-link{display:none}body.legal-page .toc-sidebar{display:none}body.legal-page .page-wrapper{max-width:100%;margin:0;padding:0;background:transparent;box-shadow:none}body.legal-page .page-footer{page-break-inside:avoid}body.legal-page .legal-content h2,body.legal-page .legal-content h3,body.legal-page .legal-content h4{page-break-after:avoid}body.legal-page .legal-content p,body.legal-page .legal-content ul,body.legal-page .legal-content ol{page-break-inside:avoid}}@media (max-width: 480px){body.legal-page .page-wrapper{padding:2rem 1.5rem;margin:1rem 0.5rem;border-radius:4px}body.legal-page .page-header h1{font-size:1.75rem}body.legal-page .back-link{position:static;margin-bottom:1rem;display:inline-block}body.legal-page .back-link a{font-size:0.9rem}body.legal-page .legal-content{font-size:0.95rem}body.legal-page .legal-content h2{font-size:1.4rem;margin-top:1.75rem}body.legal-page .legal-content h3{font-size:1.1rem;margin-top:1.25rem}body.legal-page .page-footer{text-align:center}body.legal-page .page-footer .footer-links{display:flex;flex-direction:column;gap:0.5rem}body.legal-page .page-footer .footer-links a{display:block;margin:0}}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:0;position:relative}.pricing::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--primary-300);opacity:0.25;transform:translateX(-0.5px)}@media (max-width: 900px){.pricing{grid-template-columns:1fr}.pricing::after{content:none}}.pricing .summary-container p{line-height:1.5;margin-bottom:16px}.pricing .summary-container ul{padding-left:20px}.pricing .summary-container ul li{margin-bottom:6px}.pricing .pricing-grid{display:flex;flex-direction:column;justify-content:space-between}.pricing .pricing-grid .plan{display:flex;transition:border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;max-width:450px}.pricing .pricing-grid .plan .icons{display:flex;justify-content:center}.pricing .pricing-grid .plan .icons i{font-size:28px;color:var(--olive-700);padding:10px;border-radius:50%;background:linear-gradient(135deg, var(--olive-100), var(--olive-200));border:2px solid var(--olive-700)}.pricing .pricing-grid .plan .icon-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;margin:0;width:50px;top:10px}.pricing .pricing-grid .plan .icon-container .border-dec{width:calc(50% + 3px);height:calc(50% - 25px)}.pricing .pricing-grid .plan .icon-container .border-dec:not(.clear){border-left:solid var(--primary-600) 3px}.pricing .pricing-grid .plan .icon-container .icons{position:relative}.pricing .pricing-grid .plan .info-container{width:100%;display:flex;justify-content:flex-start;align-items:stretch;padding:8px}.pricing .pricing-grid .plan .info{width:100%;padding:16px;border:2px solid var(--primary-600);border-radius:14px;backdrop-filter:blur(4px);transition:border-color .25s ease, box-shadow .25s ease;background:linear-gradient(135deg, var(--olive-100), var(--olive-200));box-shadow:0 7px 16px rgba(0,0,0,0.14),inset 0 1px 3px rgba(255,255,255,0.07)}.pricing .pricing-grid .plan .info .title-container{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.pricing .pricing-grid .plan .info .title-container h3{margin:0 0 16px;font-size:1.6rem;font-weight:600;text-align:left}.pricing .pricing-grid .plan .info .title-container .renewal-info{color:white;font-size:.9rem;font-style:italic;display:none}.pricing .pricing-grid .plan .info ul{list-style:none;padding:0;margin:0 0 12px}.pricing .pricing-grid .plan .info ul li{margin:5px 0;font-size:1rem;position:relative;padding-left:18px}.pricing .pricing-grid .plan .info ul li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;opacity:.5}.pricing .pricing-grid .plan .info .price-container{margin-top:12px;margin-bottom:0;font-size:1.25rem;font-weight:600;text-align:left;border-top:2px solid var(--primary-600);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.pricing .pricing-grid .plan .info .price-container .price,.pricing .pricing-grid .plan .info .price-container .purchase{margin-bottom:0}.pricing .pricing-grid .plan .info .price-container .purchase{padding:8px 14px;background:var(--primary-600);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background 0.15s ease, transform 0.15s ease}.pricing .pricing-grid .plan .info .price-container .purchase.disabled{color:#999;cursor:not-allowed;pointer-events:none;text-decoration:none;opacity:0.6}.pricing .pricing-grid .plan.lesser{filter:grayscale(40%)}.pricing .pricing-grid .plan:not(.selected) .purchase:hover{background:var(--primary-700);transform:translateY(-1px)}.pricing .pricing-grid .plan.selected .icons,.pricing .pricing-grid .plan.lesser .icons{display:flex;justify-content:center}.pricing .pricing-grid .plan.selected .icons i,.pricing .pricing-grid .plan.lesser .icons i{color:var(--olive-200);background:linear-gradient(135deg, var(--olive-700), var(--olive-800));border:2px solid var(--olive-200)}.pricing .pricing-grid .plan.selected .info,.pricing .pricing-grid .plan.lesser .info{border-color:var(--olive-200);background:linear-gradient(135deg, var(--olive-700), var(--olive-800))}.pricing .pricing-grid .plan.selected .info h3,.pricing .pricing-grid .plan.lesser .info h3{color:var(--olive-200)}.pricing .pricing-grid .plan.selected .info .price-container,.pricing .pricing-grid .plan.lesser .info .price-container{border-top-color:var(--olive-200);color:var(--olive-200)}.pricing .pricing-grid .plan.selected .info li,.pricing .pricing-grid .plan.lesser .info li{color:white}.pricing .pricing-grid .plan.selected .info .icons i,.pricing .pricing-grid .plan.lesser .info .icons i{color:var(--olive-100);background:var(--olive-700);border:2px solid var(--olive-100)}.pricing .pricing-grid .plan.selected .info .purchase{padding:0;color:var(--olive-200);background:none;cursor:not-allowed;pointer-events:none;transform:none}.pricing .pricing-grid .plan.selected .info .renewal-info{display:block}.pricing-section{margin-bottom:5px}.pricing-tabs{display:inline-flex;align-items:center;padding:0;border-radius:10px;margin-left:120px}.pricing-tabs .tab+.tab{margin-left:-10px}.pricing-tabs .tab{all:unset;cursor:pointer;padding:6px 14px;font-size:0.95rem;font-weight:500;color:var(--gray-700);transition:all 0.05s ease;background:var(--primary-50);position:relative}.pricing-tabs .tab.right{border-top-right-radius:8px;border-bottom-right-radius:8px}.pricing-tabs .tab.left{border-top-left-radius:8px;border-bottom-left-radius:8px}.pricing-tabs .tab:hover{background:var(--primary-100);color:var(--primary-800)}.pricing-tabs .tab.active{background:var(--primary-400);color:white;font-weight:600;z-index:500;border-radius:8px}.cancel-container,.resume-container{margin-top:1rem}.cancel-container .cancel-btn,.resume-container .cancel-btn{background-color:rgba(0,0,0,0.06);color:#000;padding:.4rem .8rem;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .15s ease-in-out}.cancel-container .cancel-btn:hover,.resume-container .cancel-btn:hover{background-color:rgba(0,0,0,0.12)}.cancel-container .confirm-box,.resume-container .confirm-box{display:none;margin-top:.8rem;padding:.8rem;border-radius:8px;background:rgba(0,0,0,0.04)}.cancel-container .confirm-actions,.resume-container .confirm-actions{margin-top:.6rem;display:flex;gap:.5rem}.cancel-container .secondary-btn,.cancel-container .danger-btn,.resume-container .secondary-btn,.resume-container .danger-btn{padding:.35rem .7rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.cancel-container .secondary-btn,.resume-container .secondary-btn{background:rgba(0,0,0,0.06)}.cancel-container .secondary-btn:hover,.resume-container .secondary-btn:hover{background:rgba(0,0,0,0.12)}.cancel-container .danger-btn,.resume-container .danger-btn{background:rgba(255,0,0,0.08);color:#900}.cancel-container .danger-btn:hover,.resume-container .danger-btn:hover{background:rgba(255,0,0,0.16)}@media (max-width: 900px){.pricing-tabs .tab{padding:5px 12px;font-size:0.9rem}}@media (max-width: 700px){.pricing-tabs .tab{padding:4px 10px;font-size:0.85rem}}@media (max-width: 500px){.pricing-tabs .tab{padding:3px 8px;font-size:0.78rem}.pricing-tabs .tab+.tab{margin-left:-8px}}@media (max-width: 350px){.pricing-tabs .tab{padding:1.5px 5px;font-size:0.66rem}.pricing-tabs .tab+.tab{margin-left:-7.5px}}.license-keys{display:flex;flex-direction:column;margin:0}.license-keys .license-heading,.license-keys .usage-heading{margin:4px 0 2px 0;font-weight:600;font-size:0.85em;color:var(--primary-700)}.subscription-item{display:none;padding:0;position:relative;border-radius:6px}.subscription-item .settings{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:background-color 150ms ease, color 150ms ease, transform 120ms ease}.subscription-item .settings .modify-plan{font-size:.85rem;background-color:rgba(0,0,0,0.06);color:#364836;padding:0.35rem 0.75rem;border-radius:6px;border:none;transition:background-color 0.15s ease-in-out;cursor:pointer}.subscription-item .settings .modify-plan:hover{background-color:rgba(0,0,0,0.1);text-decoration:none}.subscription-item h4{margin:0 0 6px 0;font-size:1.4em;color:var(--primary-700)}.plan-type{display:inline-flex;align-items:center;gap:4px;font-size:1em;color:var(--primary-700);font-weight:600}.plan-type .value{background-color:var(--primary-300);color:#fff;padding:2px 6px;border-radius:4px;font-weight:500;font-size:1em;margin-bottom:0}.plan-type .label{color:var(--primary-600);font-weight:normal}.plan-info{display:inline-flex;gap:16px;margin-left:10px}.plan-info>div{display:flex;align-items:baseline;gap:4px;font-size:1em;color:var(--primary-700)}.plan-info .value{font-weight:600}.plan-info .label,.plan-info .value{margin-bottom:0}.plan-info .label{color:var(--primary-600)}.license-key{display:inline-block;font-family:'Courier New', Courier, monospace;font-size:1em;color:var(--primary-700);background-color:var(--primary-100);border-radius:4px;letter-spacing:0.5px;word-break:break-all;cursor:text}.license-key:hover{background-color:var(--primary-200);box-shadow:0 1px 4px rgba(0,0,0,0.1)}.quota-wrapper .quota-header{display:flex;justify-content:space-between;margin-bottom:4px}.quota-wrapper .quota-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.quota-wrapper .quota-text{font-size:.95rem;margin:5px 0 1px 0;font-style:italic;font-weight:450}.quota-wrapper .quota-dates{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#6b7280}.quota-wrapper .quota-date{white-space:nowrap}.quota-wrapper .quota-bar-fill{height:100%;width:0%;background:linear-gradient(90deg, #3b82f6, #2563eb);transition:width 400ms ease}.quota-wrapper .quota-bar-fill.warn{background:#f59e0b}.quota-wrapper .quota-bar-fill.danger{background:#ef4444}.account-settings{max-width:700px}.account-settings .settings-message{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:0.95rem}.account-settings .settings-message.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.account-settings .settings-message.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.section-message{padding:0.75rem 1rem;border-radius:6px;margin-bottom:1.25rem;font-size:0.95rem}.section-message.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.section-message.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.settings-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--primary-200)}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h2{font-size:1.4rem;font-weight:600;color:var(--primary-700);margin:0 0 0.5rem 0}.settings-section .section-description{color:var(--primary-600);font-size:0.95rem;margin:0 0 1.5rem 0}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;color:var(--primary-700);margin-bottom:0.5rem;font-size:0.95rem}.form-group .field-hint{font-size:0.85rem;color:var(--primary-500);margin:0.35rem 0 0 0}.form-input{width:100%;padding:0.65rem 0.85rem;font-size:1rem;border:1.5px solid var(--primary-300);border-radius:6px;background:white;color:var(--primary-800);transition:border-color 0.15s ease, box-shadow 0.15s ease}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb), 0.15)}.form-input:disabled{background:var(--primary-100);color:var(--primary-500);cursor:not-allowed}.form-input::placeholder{color:var(--primary-400)}.form-actions{margin-top:1.5rem}.primary-btn{padding:0.6rem 1.25rem;font-size:0.95rem;font-weight:500;background:var(--primary-600);color:white;border:none;border-radius:6px;cursor:pointer;transition:background 0.15s ease, transform 0.1s ease}.primary-btn:hover:not(:disabled){background:var(--primary-700)}.primary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn:disabled{opacity:0.6;cursor:not-allowed}.secondary-btn{padding:0.6rem 1.25rem;font-size:0.95rem;font-weight:500;background:var(--primary-100);color:var(--primary-700);border:1.5px solid var(--primary-300);border-radius:6px;cursor:pointer;transition:background 0.15s ease}.secondary-btn:hover:not(:disabled){background:var(--primary-200)}.danger-btn{padding:0.6rem 1.25rem;font-size:0.95rem;font-weight:500;background:#dc3545;color:white;border:none;border-radius:6px;cursor:pointer;transition:background 0.15s ease}.danger-btn:hover:not(:disabled){background:#c82333}.danger-btn:disabled{opacity:0.6;cursor:not-allowed}.danger-section h2{color:#dc3545}.danger-section .danger-action{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(220,53,69,0.05);border:1px solid rgba(220,53,69,0.2);border-radius:8px}.danger-section .danger-action .danger-info{flex:1;margin-right:1rem}.danger-section .danger-action .danger-info h3{font-size:1rem;font-weight:600;color:#dc3545;margin:0 0 0.25rem 0}.danger-section .danger-action .danger-info p{font-size:0.9rem;color:var(--primary-600);margin:0}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal .modal-content{background:white;padding:2rem;border-radius:12px;max-width:450px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.confirm-modal .modal-content h3{font-size:1.25rem;color:#dc3545;margin:0 0 1rem 0}.confirm-modal .modal-content p{margin:0 0 0.75rem 0;color:var(--primary-700)}.confirm-modal .modal-content ul{margin:0 0 1rem 1.25rem;padding:0}.confirm-modal .modal-content ul li{margin:0.35rem 0;color:var(--primary-600)}.confirm-modal .modal-content .form-group{margin-top:1.25rem}.confirm-modal .modal-actions{display:flex;gap:0.75rem;margin-top:1.5rem;justify-content:flex-end}@media (max-width: 600px){.account-settings{padding:0 0.5rem}.settings-section h2{font-size:1.25rem}.danger-action{flex-direction:column;align-items:flex-start;gap:1rem}.danger-action .danger-info{margin-right:0}.danger-action .danger-btn{width:100%}.modal-actions{flex-direction:column}.modal-actions .secondary-btn,.modal-actions .danger-btn{width:100%}}.network-error-message{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10;align-items:start;justify-content:center;text-align:center;backdrop-filter:blur(3px)}.network-error-message .error-text{padding-top:115px;display:none}.network-error-message .error-text.show{display:block}.network-error-message .error-text h1{font-size:36px;margin-bottom:10px;font-weight:700;letter-spacing:0.5px}.network-error-message .error-text p{font-size:20px;margin:6px 0;line-height:1.4}.network-error-message.hide{display:none}.verify-email-message{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10;align-items:start;justify-content:center;text-align:center;backdrop-filter:blur(3px)}.verify-email-message .error-text{padding-top:115px;display:none}.verify-email-message .error-text.show{display:block}.verify-email-message .error-text h1{font-size:36px;margin-bottom:10px;font-weight:700;letter-spacing:0.5px}.verify-email-message .error-text p{font-size:20px;margin:6px 0;line-height:1.4}.verify-email-message.hide{display:none}.loading-screen{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);z-index:10;align-items:flex-start;justify-content:flex-start;padding-top:71px}.loading-screen .loading-text,.loading-screen .percent-loaded{padding-top:5px}.loading-screen .loading-text{font-size:1rem;font-weight:500}.loading-screen .loading-text .dots{display:inline-block;animation:dots 1.4s infinite steps(4)}.loading-screen .loading-text::after{content:'';display:inline-block;width:1.5em;text-align:left;animation:dots 1.4s steps(4, end) infinite}.loading-screen .percent-loaded{font-weight:600;line-height:1;margin-left:4px}.loading-screen .percent-loaded .value{font-size:1rem}@keyframes dots{0%{content:' '}25%{content:' . '}50%{content:' . . '}75%{content:' . . . '}}.content table{margin-bottom:1.5rem}.content table+h3,.content table+h4{margin-top:2rem}.sidebar-brand{display:flex;align-items:center;gap:0.5rem;padding:1rem;position:relative}.sidebar-brand .logo-container svg{width:2.5rem;height:2.5rem;fill:currentColor}.sidebar-brand .brand-name{font-size:1.6rem;font-weight:600;margin:0;font-family:"Domine", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.header-bar{position:relative;padding:10px 20px;background-color:var(--primary-50);display:flex;align-items:center;justify-content:space-between}.header-bar .logged-in,.header-bar .logged-out{position:absolute;cursor:pointer;top:50%;right:20px;transform:translateY(-50%);font-size:0.95rem;font-weight:500;color:var(--primary-800);background-color:var(--primary-50);padding:6px 12px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.header-bar .logged-out a{color:var(--primary-800);text-decoration:none;transition:color 0.2s}.header-bar .logged-out a:hover{color:var(--primary-500)}.header-bar .logo-icon .big>svg{width:2.5rem;height:2.5rem}.tooltip-summary{position:relative;cursor:help;border-bottom:1px dotted #999;font-weight:500}.tooltip-summary .tooltip-text{display:none;position:absolute;top:50%;left:105%;transform:translateY(-50%);background:#f7fafc;border:1px solid #dee2e6;color:#000;padding:6px 12px 6px 6px;border-radius:8px;font-size:0.9em;opacity:0;pointer-events:none;transition:opacity 0.2s, transform 0.2s;z-index:10;width:max-content;white-space:normal;overflow-wrap:break-word}.tooltip-summary:hover .tooltip-text{display:block;opacity:1;transform:translateY(-50%) translateX(5px)}.tooltip-summary ul,.tooltip-summary li{padding-bottom:0;margin-bottom:0}
