.tooltip-wrapper{position:relative;display:inline-block}.tooltip-content{position:absolute;background:#2c3e50;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;line-height:1.4;white-space:nowrap;z-index:10000;box-shadow:0 2px 8px #00000026;pointer-events:none;animation:tooltipFadeIn .2s ease-in}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c3e50}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{bottom:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2c3e50}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #2c3e50}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2c3e50}.tooltip-arrow{position:absolute;width:0;height:0}@media(max-width:768px){.tooltip-content{white-space:normal;max-width:250px}}:root{--primary-teal: #1E40AF;--secondary-teal: #0D9488;--accent-orange: #0D9488;--light-orange: #14B8A6;--accent-gold: #F59E0B;--uncertainty-coral: #F87171;--charcoal: #1E293B;--light-charcoal: #334155;--warm-cream: #F8FAFC;--soft-gray: #E2E8F0;--text-dark: #1E293B;--text-medium: #64748B}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-dark);background:var(--warm-cream);overflow-x:hidden}.top-navigation{background:var(--charcoal);border-bottom:1px solid var(--light-charcoal);position:sticky;top:0;z-index:1000;padding:1.25rem 0}.nav-wrapper{max-width:1300px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.brand-identity{display:flex;align-items:center;gap:.75rem}.brand-text{display:flex;flex-direction:column;gap:.125rem}.brand-mark{font-size:1.75rem;color:var(--primary-teal);font-weight:300}.brand-name{font-size:1.375rem;font-weight:600;color:var(--accent-gold);letter-spacing:-.02em;line-height:1.2}.brand-tagline{font-size:.875rem;color:var(--light-orange);font-weight:400;letter-spacing:.15em;text-transform:none}.nav-actions{display:flex;gap:1.25rem;align-items:center}.link-button{background:transparent;color:var(--warm-cream);border:2px solid var(--light-orange);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.link-button:hover{background:var(--light-orange);color:var(--charcoal);border-color:var(--light-orange);transform:translateY(-2px)}.primary-action{background:transparent;color:var(--warm-cream);border:2px solid var(--light-orange);padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.primary-action:hover{background:var(--light-orange);color:var(--charcoal);border-color:var(--light-orange);transform:translateY(-2px)}.intro-section{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);padding:7rem 3rem 8rem;position:relative}.intro-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--warm-cream))}.intro-container{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1}.intro-badge{display:inline-block;background:#ffffff26;color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.main-headline{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:4.5rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:1.75rem;letter-spacing:-.01em}.headline-accent{color:var(--light-orange);display:block;margin-top:.5rem}.headline-gold{color:var(--accent-gold);display:block;margin-top:.5rem}.headline-coral{color:var(--uncertainty-coral);display:block}.headline-into{color:var(--accent-gold);display:block;text-align:center;margin:.5rem 0}.intro-description{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;color:#ffffffe6;line-height:1.75;max-width:900px;margin:0 auto 2rem;font-weight:400}.trial-offer-badge{text-align:center;margin:0 auto 2.5rem;padding:1.25rem 2rem;background:#ffffff1f;border:2px solid rgba(232,148,100,.5);border-radius:8px;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trial-duration{display:block;font-size:1.75rem;font-weight:700;color:var(--light-orange);margin-bottom:.5rem;letter-spacing:-.02em}.trial-detail{display:block;font-size:.9375rem;color:#ffffffd9;font-weight:500}.action-row{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.primary-cta{background:#fff;color:var(--primary-teal);border:none;padding:1.125rem 2.75rem;font-size:1.0625rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .25s ease}.primary-cta:hover{background:var(--light-orange);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #14b8a64d}.secondary-cta{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);padding:1.0625rem 2.75rem;font-size:1.0625rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .25s ease}.secondary-cta:hover{background:#ffffff1a;border-color:#fff}.trust-indicators{display:flex;gap:3rem;justify-content:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.indicator{text-align:center}.indicator-value{display:block;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.indicator-label{display:block;font-size:.875rem;color:#ffffffbf;font-weight:500}.capabilities-section{padding:6rem 3rem;background:#fff}.capabilities-container{max-width:1300px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:block;font-size:.875rem;color:var(--primary-teal);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.section-headline{font-size:2.75rem;font-weight:700;color:var(--charcoal);letter-spacing:-.02em}.capabilities-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.capability-block{background:#fff;padding:2rem;border-radius:12px;border:2px solid var(--soft-gray);transition:all .3s ease;position:relative;overflow:hidden}.capability-block:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);transition:height .3s ease}.capability-block:hover{border-color:var(--secondary-teal);box-shadow:0 8px 24px #0d948826;transform:translateY(-4px)}.capability-block:hover:before{height:100%}.capability-marker{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);color:#fff;font-size:1.25rem;font-weight:700;border-radius:8px;margin-bottom:1.25rem;box-shadow:0 4px 12px #0d948840}.capability-title{font-size:1.25rem;font-weight:600;color:var(--charcoal);margin-bottom:.875rem;letter-spacing:-.01em;line-height:1.3}.capability-text{font-size:.9375rem;line-height:1.65;color:var(--text-medium)}.standards-section{padding:6rem 3rem;background:var(--charcoal)}.standards-container{max-width:1300px;margin:0 auto}.standards-section .section-label{color:var(--light-orange)}.standards-section .section-headline{color:#fff}.standards-grid{display:flex;flex-direction:column;gap:1rem;max-width:1000px;margin:0 auto}.standard-item{background:var(--light-charcoal);padding:1.75rem 2rem;border-left:5px solid var(--secondary-teal);border-radius:8px;transition:all .3s ease;text-decoration:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;overflow:hidden}.standard-item:after{content:"→";position:absolute;right:2rem;font-size:1.5rem;color:var(--light-orange);opacity:0;transform:translate(-10px);transition:all .3s ease}.standard-item:hover{background:var(--primary-teal);border-left-color:var(--light-orange);transform:translate(8px);box-shadow:0 6px 20px #00000040;padding-right:4rem}.standard-item:hover:after{opacity:1;transform:translate(0)}.standard-item:hover .standard-code{color:#fff}.standard-item:hover .standard-name{color:#fffffff2}.standard-code{font-size:1.125rem;font-weight:700;color:var(--light-orange);margin-bottom:.25rem;font-family:Courier New,monospace;letter-spacing:-.01em}.standard-name{font-size:.9375rem;color:#ffffffbf;line-height:1.4;transition:color .3s ease}.process-section{padding:6rem 3rem;background:#fff}.process-container{max-width:1100px;margin:0 auto}.process-timeline{margin-top:3rem}.timeline-item{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.timeline-item:last-child .timeline-connector{display:none}.timeline-connector{width:3px;background:var(--soft-gray);position:absolute;left:1.5rem;top:3rem;bottom:-3rem}.timeline-connector:before{content:"";position:absolute;top:-1.5rem;left:-.625rem;width:1.25rem;height:1.25rem;background:var(--secondary-teal);border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px var(--soft-gray)}.timeline-content{flex:1;padding-left:3rem}.timeline-stage{font-size:.875rem;color:var(--secondary-teal);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.timeline-title{font-size:1.5rem;font-weight:600;color:var(--charcoal);margin-bottom:.75rem;letter-spacing:-.01em}.timeline-description{font-size:1.0625rem;line-height:1.7;color:var(--text-medium)}.plans-section{padding:6rem 3rem;background:var(--warm-cream)}.plans-container{max-width:1100px;margin:0 auto}.plans-subtitle{font-size:1.125rem;color:var(--text-medium);margin-top:1rem;line-height:1.6}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.plan-card-landing{background:#fff;border-radius:12px;border:2px solid var(--soft-gray);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.plan-card-landing:hover{border-color:var(--secondary-teal);box-shadow:0 8px 24px #0d948826;transform:translateY(-4px)}.plan-card-featured{border-color:var(--secondary-teal);box-shadow:0 4px 16px #0d94881f}.plan-card-header{padding:2rem;text-align:center}.plan-lite-header{background:linear-gradient(135deg,var(--charcoal) 0%,var(--light-charcoal) 100%)}.plan-full-header{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%)}.plan-tier-badge{display:inline-block;background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem}.plan-badge-full{background:#ffffff40}.plan-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.plan-card-desc{font-size:.9375rem;color:#fffc;margin:0}.plan-card-body{padding:2rem;flex:1;display:flex;flex-direction:column}.plan-includes-note{font-size:.9375rem;font-weight:600;color:var(--text-medium);margin-bottom:1rem}.plan-feature-list{list-style:none;padding:0;margin:0 0 1.5rem}.plan-feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9375rem;color:var(--text-dark);line-height:1.4}.plan-feature-list li:before{content:"✓";position:absolute;left:0;color:var(--secondary-teal);font-weight:700}.plan-feature-extras li{color:var(--secondary-teal);font-weight:500}.plan-pricing-note{font-size:.875rem;color:var(--text-medium);text-align:center;padding:1rem 0;border-top:1px solid var(--soft-gray);margin-bottom:1rem;font-style:italic;margin-top:auto}.plan-cta-button{display:block;width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease}.plan-cta-lite{background:var(--charcoal);color:#fff}.plan-cta-lite:hover{background:var(--light-charcoal);transform:translateY(-2px);box-shadow:0 4px 12px #1e293b4d}.plan-cta-full{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);color:#fff}.plan-cta-full:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.plans-footer-note{text-align:center;font-size:.9375rem;color:var(--text-medium);margin-top:2rem;line-height:1.6}.closing-section{padding:6rem 3rem;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);text-align:center}.closing-container{max-width:900px;margin:0 auto}.closing-headline{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.closing-text{font-size:1.25rem;color:#ffffffe6;line-height:1.7;margin-bottom:2rem}.trial-offer-closing{margin:2rem auto 2.5rem;padding:1.5rem 2rem;background:#ffffff1a;border-radius:8px;max-width:600px}.trial-highlight{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.trial-benefits{font-size:1rem;color:#ffffffd9;font-weight:500}.closing-cta{background:#fff;color:var(--primary-teal);border:none;padding:1.25rem 3rem;font-size:1.125rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .25s ease}.closing-cta:hover{background:var(--light-orange);color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #14b8a666}.site-footer{background:var(--charcoal);color:#ffffffd9;padding:4rem 3rem 2rem}.footer-content{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--light-charcoal)}.footer-primary{max-width:400px}.footer-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.footer-text{display:flex;flex-direction:column;gap:.125rem}.footer-mark{font-size:1.75rem;color:var(--primary-teal);font-weight:300}.footer-name{font-size:1.25rem;font-weight:600;color:var(--accent-gold);letter-spacing:-.01em;line-height:1.2}.footer-subtitle{font-size:.875rem;color:var(--light-orange);font-weight:400;letter-spacing:.15em;text-transform:none;white-space:nowrap}.footer-tagline{font-size:1rem;line-height:1.6;color:#ffffffb3;margin-left:calc(32px + .75rem)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.footer-heading{font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:1rem;letter-spacing:.02em}.footer-list{list-style:none}.footer-list li{font-size:.9375rem;color:#ffffffa6;margin-bottom:.75rem;cursor:pointer;transition:color .2s ease}.footer-list li:hover{color:var(--light-orange)}.footer-link-button{background:none;border:none;color:#ffffffa6;font-size:.9375rem;cursor:pointer;padding:0;text-align:left;font-family:inherit;transition:color .2s ease}.footer-link-button:hover{color:var(--light-orange)}.footer-bottom{max-width:1300px;margin:0 auto;padding-top:2rem;text-align:center}.footer-copyright{font-size:.875rem;color:#ffffff80}@media(max-width:1024px){.nav-wrapper,.intro-container,.capabilities-container,.standards-container,.process-container,.closing-container,.footer-content{padding-left:2rem;padding-right:2rem}.capabilities-layout{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.standards-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.main-headline{font-size:2.75rem}.intro-description{font-size:1.125rem}.trial-offer-badge{padding:1rem 1.5rem}.trial-duration{font-size:1.5rem}.trial-detail{font-size:.875rem}.trial-highlight{font-size:1.25rem}.trial-benefits{font-size:.9375rem}.action-row{flex-direction:column;align-items:stretch}.trust-indicators{flex-direction:column;gap:1.5rem}.section-headline{font-size:2rem}.capabilities-layout{grid-template-columns:1fr}.standard-item{padding:1.5rem}.standard-item:hover{padding-right:3rem}.footer-links{grid-template-columns:1fr;gap:2rem}.nav-actions{gap:.75rem}.link-button{padding:.5rem .875rem;font-size:.8125rem}.closing-headline{font-size:2rem}.closing-text{font-size:1.0625rem}.brand-tagline{font-size:.65rem}.footer-subtitle{font-size:.65rem;white-space:normal}.footer-tagline{margin-left:0}}@media(max-width:480px){.intro-section{padding:4rem 1.5rem 5rem}.capabilities-section,.standards-section,.process-section,.plans-section,.closing-section{padding:4rem 1.5rem}.main-headline{font-size:2rem}.brand-name{font-size:1.125rem}.nav-actions{gap:.5rem}.link-button{padding:.4rem .75rem;font-size:.75rem}.primary-action{padding:.5rem .875rem;font-size:.75rem}.primary-cta,.secondary-cta,.closing-cta{width:100%;padding-left:1.5rem;padding-right:1.5rem}}.dark-mode-toggle{background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease;padding:0}.dark-mode-toggle:hover{background:#ffffff1a;transform:scale(1.1);border-color:#ffffff80}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode-toggle:focus{outline:2px solid #3498db;outline-offset:2px}body.dark-mode .dark-mode-toggle{border-color:#ffffff80}body.dark-mode .dark-mode-toggle:hover{background:#fff3}.keyboard-shortcuts-trigger{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#2c3e50;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}.keyboard-shortcuts-trigger:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006;background:#34495e}.keyboard-shortcuts-trigger.active{background:#3498db}.keyboard-shortcuts-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.keyboard-shortcuts-modal{background:#fff;border-radius:12px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.keyboard-shortcuts-header{background:#2c3e50;color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.keyboard-shortcuts-header h2{margin:0;font-size:24px}.keyboard-shortcuts-header .close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.keyboard-shortcuts-header .close-btn:hover{background:#ffffff1a}.keyboard-shortcuts-content{padding:30px}.keyboard-shortcuts-intro{color:#666;margin:0 0 25px;font-size:15px;line-height:1.6}.shortcuts-grid{display:grid;gap:15px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db;transition:all .2s ease}.shortcut-item:hover{background:#e9ecef;transform:translate(5px);box-shadow:0 2px 8px #0000001a}.shortcut-keys{display:flex;align-items:center;gap:5px;min-width:150px}.key{background:#fff;border:2px solid #dee2e6;border-bottom:3px solid #adb5bd;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#2c3e50;box-shadow:0 2px 4px #0000001a;min-width:40px;text-align:center;display:inline-block}.key-separator{color:#adb5bd;font-weight:700;margin:0 3px}.shortcut-description{flex:1;color:#495057;font-size:14px;text-align:right}.keyboard-shortcuts-footer{margin-top:25px;padding-top:20px;border-top:1px solid #dee2e6}.tip{margin:0;color:#666;font-size:14px;line-height:1.6}.tip strong{color:#2c3e50}body.dark-mode .keyboard-shortcuts-modal{background:#16213e;color:#e4e4e4}body.dark-mode .keyboard-shortcuts-intro,body.dark-mode .shortcut-description,body.dark-mode .tip{color:#b4b4b4}body.dark-mode .shortcut-item{background:#0f1419;border-left-color:#4a90e2}body.dark-mode .shortcut-item:hover{background:#1a1a2e}body.dark-mode .key{background:#0f1419;border-color:#2a2a3e;border-bottom-color:#3a3a4e;color:#e4e4e4}body.dark-mode .keyboard-shortcuts-footer{border-top-color:#2a2a3e}body.dark-mode .tip strong{color:#e4e4e4}@media(max-width:768px){.keyboard-shortcuts-modal{width:95%;max-height:90vh}.keyboard-shortcuts-header{padding:20px}.keyboard-shortcuts-header h2{font-size:20px}.keyboard-shortcuts-content{padding:20px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:10px}.shortcut-description{text-align:left}.keyboard-shortcuts-trigger{bottom:15px;right:15px;width:45px;height:45px;font-size:20px}}.user-guides-container{display:flex;height:calc(100vh - 120px);background-color:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.guides-sidebar{width:280px;min-width:280px;background-color:#1a1a2e;color:#fff;overflow-y:auto;border-right:1px solid #2d2d44}.sidebar-header{padding:20px;background-color:#16213e;border-bottom:1px solid #2d2d44}.sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.sidebar-header p{margin:8px 0 0;font-size:.85rem;color:#a0a0a0}.manual-list{list-style:none;padding:0;margin:0}.manual-list li{border-bottom:1px solid #2d2d44}.manual-list button{width:100%;padding:14px 20px;background:transparent;border:none;color:#d0d0d0;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;font-size:.9rem}.manual-list button:hover{background-color:#2d2d44;color:#fff}.manual-list button.active{background-color:#0f3460;color:#fff;border-left:3px solid #e94560}.manual-icon{font-size:1.3rem;width:30px;text-align:center}.manual-title{flex:1;font-weight:500}.guides-content{flex:1;overflow-y:auto;padding:0 0 0 40px;background-color:#fff}.content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:40px}.content-placeholder .placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.content-placeholder h3{margin:0 0 10px;font-size:1.5rem;color:#333}.content-placeholder p{margin:0;font-size:1rem;color:#666}.manual-content{max-width:900px;margin:0 auto;padding:40px}.manual-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e94560}.manual-header h1{margin:0 0 10px;font-size:2rem;color:#1a1a2e;display:flex;align-items:center;gap:15px}.manual-header .header-icon{font-size:2.5rem}.manual-header p{margin:0;font-size:1.1rem;color:#666}.table-of-contents{background-color:#f8f9fa;border-radius:8px;padding:20px 25px;margin-bottom:30px;border-left:4px solid #0f3460}.table-of-contents h2{margin:0 0 15px;font-size:1.1rem;color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.toc-list li{margin:0}.toc-list a{color:#0f3460;text-decoration:none;font-size:.95rem;display:block;padding:5px 0;transition:color .2s ease}.toc-list a:hover{color:#e94560;text-decoration:underline}.manual-section{margin-bottom:40px;scroll-margin-top:20px}.manual-section h2{color:#1a1a2e;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.section-content{color:#333;line-height:1.7}.section-content h3{color:#0f3460;font-size:1.2rem;margin:25px 0 15px}.section-content h4{color:#16213e;font-size:1.05rem;margin:20px 0 10px}.section-content p{margin:0 0 15px}.section-content ul,.section-content ol{margin:0 0 15px;padding-left:25px}.section-content li{margin-bottom:8px}.section-content strong{color:#1a1a2e}.section-content table{width:100%;border-collapse:collapse;margin:15px 0 20px;font-size:.9rem}.section-content table th,.section-content table td{padding:12px 15px;text-align:left;border:1px solid #e0e0e0}.section-content table th{background-color:#1a1a2e;color:#fff;font-weight:600}.section-content table tr:nth-child(2n){background-color:#f8f9fa}.section-content table tr:hover{background-color:#f0f0f0}.section-content code{background-color:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:#e94560}.section-content pre{background-color:#1a1a2e;color:#fff;padding:15px 20px;border-radius:8px;overflow-x:auto;margin:15px 0}.section-content pre code{background:transparent;padding:0;color:#fff}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.badge-critical,.badge-red{background-color:#dc3545;color:#fff}.badge-high,.badge-orange{background-color:#fd7e14;color:#fff}.badge-medium,.badge-yellow{background-color:#ffc107;color:#000}.badge-low,.badge-green{background-color:#28a745;color:#fff}.badge-info,.badge-blue{background-color:#17a2b8;color:#fff}.badge-gray{background-color:#6c757d;color:#fff}.note-box{padding:15px 20px;border-radius:8px;margin:15px 0}.note-box.info{background-color:#e7f3ff;border-left:4px solid #17a2b8}.note-box.warning{background-color:#fff3cd;border-left:4px solid #ffc107}.note-box.danger{background-color:#f8d7da;border-left:4px solid #dc3545}.note-box.success{background-color:#d4edda;border-left:4px solid #28a745}.workflow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.workflow-step{background-color:#0f3460;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.workflow-arrow{color:#666;font-size:1.2rem}@media(max-width:992px){.user-guides-container{flex-direction:column;height:auto;min-height:calc(100vh - 120px)}.guides-sidebar{width:100%;min-width:100%;max-height:300px}.manual-list button{padding:12px 15px}.manual-content{padding:25px}.toc-list{grid-template-columns:1fr}}@media(max-width:576px){.manual-content{padding:15px}.manual-header h1{font-size:1.5rem}.section-content table{font-size:.8rem}.section-content table th,.section-content table td{padding:8px 10px}}.guides-sidebar::-webkit-scrollbar,.guides-content::-webkit-scrollbar{width:8px}.guides-sidebar::-webkit-scrollbar-track{background:#16213e}.guides-sidebar::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.guides-content::-webkit-scrollbar-track{background:#f0f0f0}.guides-content::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.guides-content::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.api-key-management{padding:20px;max-width:1400px;margin:0 auto}.api-key-management .page-header{margin-bottom:24px}.api-key-management .page-header h2{margin:0 0 8px;color:#1a1a2e}.api-key-management .subtitle{color:#666;margin:0}.api-key-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666}.api-key-management .loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#4a90d9;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.api-key-management .alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.api-key-management .alert-danger{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.api-key-management .alert-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#dc2626;color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.api-key-management .alert-close{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.6}.api-key-management .alert-close:hover{opacity:1}.api-key-management .api-keys-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.api-key-management .keys-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.api-key-management .keys-count{color:#6b7280;font-size:14px}.api-key-management .empty-state{padding:60px 20px;text-align:center}.api-key-management .empty-icon{font-size:48px;margin-bottom:16px}.api-key-management .empty-state h3{margin:0 0 8px;color:#1f2937}.api-key-management .empty-state p{color:#6b7280;margin:0 0 20px}.api-key-management .api-keys-table-container{overflow-x:auto}.api-key-management .api-keys-table{width:100%;border-collapse:collapse}.api-key-management .api-keys-table th,.api-key-management .api-keys-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.api-key-management .api-keys-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.api-key-management .api-keys-table td{font-size:14px;color:#1f2937}.api-key-management .api-keys-table tr:hover{background:#f9fafb}.api-key-management .api-keys-table .inactive-row{opacity:.6;background:#fafafa}.api-key-management .key-name{display:flex;flex-direction:column;gap:2px}.api-key-management .key-name strong{color:#1f2937}.api-key-management .key-description{color:#6b7280;font-size:12px}.api-key-management .date-cell{display:flex;flex-direction:column;gap:2px}.api-key-management .date-cell small{color:#9ca3af;font-size:11px}.api-key-management .badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.api-key-management .badge-success{background:#dcfce7;color:#166534}.api-key-management .badge-warning{background:#fef3c7;color:#92400e}.api-key-management .badge-danger{background:#fee2e2;color:#b91c1c}.api-key-management .badge-secondary{background:#e5e7eb;color:#4b5563}.api-key-management .ip-list{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:12px;cursor:help}.api-key-management .no-restriction{color:#9ca3af;font-style:italic;font-size:13px}.api-key-management .action-buttons{display:flex;gap:8px}.api-key-management .revoked-reason{font-size:12px;color:#9ca3af;font-style:italic;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-management .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.api-key-management .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.api-key-management .key-created-modal{max-width:600px}.api-key-management .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.api-key-management .modal-header.success{background:#dcfce7;color:#166534}.api-key-management .modal-header.danger{background:#fee2e2;color:#b91c1c}.api-key-management .modal-header h3{margin:0;font-size:18px}.api-key-management .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:inherit;opacity:.6;padding:0;line-height:1}.api-key-management .modal-close:hover{opacity:1}.api-key-management .modal-body{padding:20px}.api-key-management .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.api-key-management .form-group{margin-bottom:16px}.api-key-management .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.api-key-management .form-group input,.api-key-management .form-group textarea,.api-key-management .form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.api-key-management .form-group input:focus,.api-key-management .form-group textarea:focus,.api-key-management .form-group select:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.api-key-management .form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.api-key-management .warning-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-bottom:20px;color:#92400e}.api-key-management .warning-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f59e0b;color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.api-key-management .key-display{margin-bottom:20px}.api-key-management .key-display label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.api-key-management .key-value{display:flex;gap:8px;align-items:stretch}.api-key-management .key-value code{flex:1;padding:12px;background:#1f2937;color:#10b981;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;word-break:break-all;overflow-x:auto}.api-key-management .btn-copy{padding:12px 20px;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap;transition:background .2s}.api-key-management .btn-copy:hover{background:#3b7bc0}.api-key-management .btn-copy.copied{background:#10b981}.api-key-management .key-details{background:#f9fafb;padding:12px 16px;border-radius:6px;margin-bottom:20px}.api-key-management .key-details p{margin:4px 0;font-size:14px;color:#4b5563}.api-key-management .usage-example{margin-bottom:0}.api-key-management .usage-example label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.api-key-management .example-code{display:block;padding:12px;background:#1f2937;color:#9ca3af;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow-x:auto}.api-key-management .warning-text{color:#b91c1c;font-weight:500;background:#fee2e2;padding:8px 12px;border-radius:4px;margin:12px 0}.api-key-management .integration-guide{margin-top:24px;padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.api-key-management .integration-guide h3{margin:0 0 16px;color:#0369a1;font-size:16px}.api-key-management .guide-content{color:#1e40af;font-size:14px}.api-key-management .guide-content p{margin:0 0 12px}.api-key-management .code-example{margin-bottom:16px}.api-key-management .code-example h4{margin:0 0 8px;font-size:13px;color:#1e40af}.api-key-management .code-example code{display:block;padding:8px 12px;background:#1e293b;color:#94a3b8;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.api-key-management .code-example pre{margin:0;padding:12px;background:#1e293b;color:#94a3b8;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;overflow-x:auto}.api-key-management .alt-auth{text-align:center;color:#6b7280;font-style:italic;margin:4px 0}.api-key-management .guide-link{margin-top:16px;padding-top:16px;border-top:1px solid #bae6fd;color:#0369a1}.api-key-management .guide-link a{color:#0369a1;text-decoration:underline}.api-key-management .guide-link a:hover{color:#0284c7}.api-key-management .endpoint-list{list-style:none;padding:0;margin:8px 0}.api-key-management .endpoint-list li{padding:4px 0;font-size:13px;color:#374151}.api-key-management .endpoint-list code{background:#1e293b;color:#10b981;padding:2px 6px;border-radius:3px;font-size:11px;margin-right:8px}.api-key-management .scope-help{color:#6b7280;font-size:12px;margin-bottom:12px;display:block}.api-key-management .scope-groups{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.api-key-management .scope-group{border-bottom:1px solid #e5e7eb}.api-key-management .scope-group:last-child{border-bottom:none}.api-key-management .scope-group-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;cursor:pointer;font-weight:500;color:#374151}.api-key-management .scope-group-header:hover{background:#f3f4f6}.api-key-management .scope-group-header input[type=checkbox]{width:auto;margin:0}.api-key-management .scope-items{padding:8px 16px 8px 40px;background:#fff}.api-key-management .scope-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;cursor:pointer;font-weight:400}.api-key-management .scope-item input[type=checkbox]{width:auto;margin-top:2px}.api-key-management .scope-name{font-size:13px;color:#1f2937}.api-key-management .scope-description{display:block;font-size:11px;color:#6b7280;margin-top:2px}.api-key-management .scope-warning{color:#dc2626;font-size:12px;margin-top:8px}.api-key-management .advanced-scopes-toggle{background:none;border:none;color:#4a90d9;font-size:13px;cursor:pointer;padding:8px 0;text-decoration:underline}.api-key-management .advanced-scopes-toggle:hover{color:#3b7bc0}.api-key-management .scope-list{background:#f3e8ff;color:#7c3aed;padding:2px 8px;border-radius:4px;font-size:12px;cursor:help}.api-key-management .no-scopes{color:#dc2626;font-style:italic;font-size:13px}@media(max-width:768px){.api-key-management{padding:12px}.api-key-management .keys-header{flex-direction:column;gap:12px;align-items:stretch}.api-key-management .api-keys-table th,.api-key-management .api-keys-table td{padding:8px 12px}.api-key-management .modal-content{max-height:80vh}.api-key-management .key-value{flex-direction:column}.api-key-management .action-buttons{flex-direction:column;gap:4px}}.report-subscriptions-container{padding:20px;max-width:900px;margin:0 auto}.report-subscriptions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.report-subscriptions-header h2{margin:0 0 4px;font-size:24px;color:#1e3a5f}.report-subscriptions-header .subtitle{margin:0;color:#64748b;font-size:14px}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;color:inherit}.alert-close:hover{opacity:1}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#1e3a5f;font-size:20px}.empty-state p{margin:0 0 20px;color:#64748b}.subscriptions-list{display:flex;flex-direction:column;gap:16px}.subscription-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:box-shadow .2s}.subscription-card:hover{box-shadow:0 4px 12px #00000014}.subscription-card.paused{background:#f8fafc;border-color:#cbd5e1}.subscription-card.paused .subscription-title h3{color:#64748b}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;flex-wrap:wrap}.subscription-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subscription-title h3{margin:0;font-size:18px;color:#1e3a5f}.subscription-actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-frequency{background:#e0f2fe;color:#0369a1}.badge-paused{background:#fef3c7;color:#92400e}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;color:#64748b;font-weight:500}.detail-value{font-size:14px;color:#334155}.detail-value.recipients{word-break:break-all}.detail-value.error{color:#991b1b;font-size:13px}.error-row{grid-column:1 / -1;padding:8px 12px;background:#fef2f2;border-radius:6px}.btn{padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:18px;color:#1e3a5f}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#1e3a5f}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#334155}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.form-group textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:4px;font-size:12px;color:#64748b}.selected-recipients{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.recipient-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:16px;font-size:13px;color:#0369a1}.recipient-remove{background:none;border:none;font-size:16px;color:#0369a1;cursor:pointer;padding:0;line-height:1;opacity:.7}.recipient-remove:hover{opacity:1;color:#dc2626}.user-select-group{margin-bottom:16px}.select-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:8px}.user-checkboxes{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-height:200px;overflow-y:auto}.user-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.user-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0d9488}.user-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.user-label{font-size:14px;color:#334155}.user-checkbox:hover .user-label{color:#0d9488}.custom-email-group{margin-top:16px}.custom-email-input{display:flex;gap:8px}.custom-email-input input{flex:1;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.custom-email-input input:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.text-muted{color:#64748b}.text-warning{color:#92400e;font-size:13px}.loading-spinner{text-align:center;padding:60px 20px;color:#64748b}@media(max-width:640px){.report-subscriptions-header{flex-direction:column;gap:16px}.subscription-header{flex-direction:column}.subscription-actions{width:100%;justify-content:flex-start}.subscription-details{grid-template-columns:1fr}.modal{margin:10px;max-height:calc(100vh - 20px)}}.upgrade-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.upgrade-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px;transition:all .2s}.upgrade-modal-close:hover{background:#f1f3f4;color:#1e3a5f}.upgrade-modal-header{text-align:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border-radius:12px 12px 0 0}.upgrade-icon{width:60px;height:60px;margin:0 auto 1rem;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center}.upgrade-icon svg{width:32px;height:32px;color:gold}.upgrade-modal-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.upgrade-modal-subtitle{margin:0;font-size:.95rem;opacity:.9}.upgrade-modal-body{padding:1.5rem 2rem}.current-plan{text-align:center;margin-bottom:1.5rem}.plan-badge{display:inline-block;padding:.375rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.plan-badge.lite{background:#e9ecef;color:#495057}.upgrade-benefits h3{font-size:1rem;color:#1e3a5f;margin:1rem 0 .75rem;font-weight:600}.benefit-list,.feature-list{list-style:none;padding:0;margin:0 0 1rem}.benefit-list li,.feature-list li{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;color:#495057;font-size:.9rem}.benefit-list li svg,.feature-list li svg{width:18px;height:18px;flex-shrink:0;color:#0d9488;margin-top:1px}.benefit-list li{font-weight:500;color:#212529}.upgrade-modal-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;background:#f8f9fa;border-radius:0 0 12px 12px}.upgrade-modal-footer button{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-modal-footer .btn-secondary{background:#fff;border:1px solid #dee2e6;color:#495057}.upgrade-modal-footer .btn-secondary:hover{background:#e9ecef;border-color:#ced4da}.upgrade-modal-footer .btn-primary{background:linear-gradient(135deg,#0d9488,#0f766e);border:none;color:#fff}.upgrade-modal-footer .btn-primary:hover{background:linear-gradient(135deg,#0f766e,#0d5d56);transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}@media(max-width:480px){.upgrade-modal-header,.upgrade-modal-body,.upgrade-modal-footer{padding-left:1.25rem;padding-right:1.25rem}.upgrade-modal-footer{flex-direction:column-reverse}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#00000080;display:flex;justify-content:center;align-items:flex-end;padding:0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-consent-banner{background:#fff;border-top:3px solid #F59E0B;box-shadow:0 -4px 20px #0003;width:100%;max-width:100%;padding:30px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.cookie-consent-banner{max-width:900px;margin:20px;border-radius:8px;border:3px solid #F59E0B}.cookie-consent-overlay{align-items:center}}.cookie-consent-content{margin-bottom:20px}.cookie-consent-content h3{margin:0 0 15px;color:#1e293b;font-size:24px;font-weight:600}.cookie-consent-content p{margin:10px 0;color:#555;line-height:1.6;font-size:14px}.cookie-link-button{background:none;border:none;color:#1e40af;text-decoration:underline;cursor:pointer;padding:0;font-size:14px;font-family:inherit}.cookie-link-button:hover{color:#f59e0b}.cookie-consent-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cookie-btn{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}@media(max-width:767px){.cookie-btn{flex:1 1 100%}}.btn-primary.cookie-btn{background-color:#f59e0b;color:#1e293b}.btn-primary.cookie-btn:hover{background-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.btn-secondary.cookie-btn{background-color:#64748b;color:#fff}.btn-secondary.cookie-btn:hover{background-color:#475569;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-outline.cookie-btn{background-color:#fff;color:#1e293b;border:2px solid #1E293B}.btn-outline.cookie-btn:hover{background-color:#1e293b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cookie-category{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #1E40AF}.cookie-category-header{margin-bottom:8px}.cookie-category-header label{display:flex;align-items:center;cursor:pointer;font-size:16px}.cookie-category-header input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.cookie-category-header input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.cookie-category-description{margin:8px 0 0 28px;font-size:13px;color:#666;line-height:1.5}.cookie-btn:focus,.cookie-link-button:focus{outline:2px solid #1E40AF;outline-offset:2px}.cookie-category-header input[type=checkbox]:focus{outline:2px solid #1E40AF;outline-offset:2px}.legal-page{min-height:100vh;background:var(--warm-cream, #f8f4ef);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.legal-header{background:var(--charcoal, #1a1d23);color:#fff;padding:3rem 2rem 2rem;text-align:center;border-bottom:3px solid var(--accent-orange, #d4763c)}.legal-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;color:#fff}.legal-header .last-updated{font-size:.9375rem;color:#ffffffb3;font-weight:500}.back-button{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;font-size:.9375rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;margin-bottom:2rem}.back-button:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}.legal-content{max-width:900px;margin:0 auto;padding:3rem 2rem 4rem}.legal-section{background:#fff;padding:2.5rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;border-left:4px solid var(--accent-orange, #d4763c)}.legal-section h2{font-size:1.75rem;font-weight:700;color:var(--charcoal, #1a1d23);margin-bottom:1.25rem;letter-spacing:-.01em}.legal-section h3{font-size:1.25rem;font-weight:600;color:var(--primary-teal, #0d4d4d);margin-top:2rem;margin-bottom:1rem;letter-spacing:-.01em}.legal-section p{font-size:1rem;line-height:1.7;color:var(--text-dark, #1a1d23);margin-bottom:1rem}.legal-section ul{margin:1rem 0 1.5rem 1.5rem;padding-left:.5rem}.legal-section li{font-size:1rem;line-height:1.7;color:var(--text-dark, #1a1d23);margin-bottom:.75rem}.legal-section li strong{color:var(--primary-teal, #0d4d4d);font-weight:600}.legal-section a,.inline-link{color:var(--accent-orange, #d4763c);text-decoration:underline;font-weight:500;transition:color .2s ease;background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer;line-height:inherit}.legal-section a:hover,.inline-link:hover{color:var(--light-orange, #e89464)}.contact-info{background:var(--warm-cream, #f8f4ef);padding:1.5rem;border-radius:6px;margin-top:1rem;border-left:3px solid var(--primary-teal, #0d4d4d)}.contact-info p{margin-bottom:.5rem}.contact-info p:last-child{margin-bottom:0}.warning-text{background:#fff3cd;border-left:4px solid #ffc107;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:4px;color:#856404}.warning-text strong{color:#856404}.agreement-section{background:var(--primary-teal, #0d4d4d);border-left:4px solid var(--accent-orange, #d4763c)}.agreement-section h2{color:#fff}.agreement-section p{color:#fffffff2;font-size:1.0625rem;line-height:1.7}.agreement-section .inline-link{color:var(--light-orange, #e89464)}.agreement-section .inline-link:hover{color:#fff}.legal-footer{background:var(--charcoal, #1a1d23);padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.back-to-home{background:var(--accent-orange, #d4763c);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:4px;transition:all .25s ease}.back-to-home:hover{background:var(--light-orange, #e89464);transform:translateY(-2px);box-shadow:0 4px 12px #d4763c4d}@media(max-width:768px){.legal-header h1{font-size:2rem}.legal-content{padding:2rem 1.25rem 3rem}.legal-section{padding:1.75rem 1.25rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.125rem}.legal-section p,.legal-section li{font-size:.9375rem}}@media(max-width:480px){.legal-header{padding:2rem 1rem 1.5rem}.legal-header h1{font-size:1.75rem}.legal-content{padding:1.5rem 1rem 2rem}.legal-section{padding:1.5rem 1rem;margin-bottom:1.5rem}.legal-section h2{font-size:1.375rem}.legal-section h3{font-size:1.0625rem;margin-top:1.5rem}.back-button,.back-to-home{width:100%;padding:.75rem 1.5rem}}.product-plans-section{border-left-color:var(--primary-teal, #0d4d4d)}.plans-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.plan-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border:2px solid #e9ecef;transition:all .2s ease}.plan-card:hover{border-color:#dee2e6;box-shadow:0 4px 12px #00000014}.plan-card.full-plan{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.plan-card.full-plan:hover{border-color:#059669}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.plan-header h4{font-size:1.25rem;font-weight:600;color:var(--charcoal, #1a1d23);margin:0}.plan-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:#6b7280;color:#fff;text-transform:uppercase;letter-spacing:.05em}.plan-badge.featured{background:linear-gradient(135deg,#10b981,#059669)}.plan-description{font-size:.9375rem;color:#6b7280;margin-bottom:1.25rem;line-height:1.5}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;font-size:.9375rem;color:#374151;margin:0}.plan-features .check{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#10b981;font-weight:700}.plan-features .check.plus{color:#059669;font-size:1.1rem}@media(max-width:600px){.plans-comparison{grid-template-columns:1fr}.plan-card{padding:1.25rem}.plan-header h4{font-size:1.125rem}}:root{--arte-primary: #1E40AF;--arte-primary-dark: #1E3A8A;--arte-primary-light: #3B82F6;--arte-secondary: #FF6B6B;--arte-secondary-dark: #EE5A52;--arte-secondary-light: #FF8787;--arte-accent: #F4B860;--arte-accent-dark: #E09F3D;--arte-accent-light: #F7C98B;--arte-tertiary: #4ECDC4;--arte-tertiary-dark: #3BB5AD;--arte-tertiary-light: #7EDDD6;--arte-charcoal: #2D3748;--arte-slate: #718096;--arte-gray-light: #E2E8F0;--arte-gray-lighter: #F7FAFC;--arte-white: #FFFFFF;--arte-success: var(--arte-tertiary);--arte-warning: var(--arte-accent);--arte-error: var(--arte-secondary);--arte-info: var(--arte-primary);--arte-risk-critical: #FF6B6B;--arte-risk-high: #FF8C42;--arte-risk-medium: #F4B860;--arte-risk-low: #FFE66D;--arte-risk-minimal: #4ECDC4;--arte-font-heading: Georgia, "Times New Roman", serif;--arte-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--arte-font-mono: "SF Mono", "Monaco", "Courier New", monospace;--arte-text-xs: .75rem;--arte-text-sm: .875rem;--arte-text-base: 1rem;--arte-text-lg: 1.125rem;--arte-text-xl: 1.25rem;--arte-text-2xl: 1.5rem;--arte-text-3xl: 1.875rem;--arte-text-4xl: 2.25rem;--arte-text-5xl: 3rem;--arte-space-1: .25rem;--arte-space-2: .5rem;--arte-space-3: .75rem;--arte-space-4: 1rem;--arte-space-5: 1.25rem;--arte-space-6: 1.5rem;--arte-space-8: 2rem;--arte-space-10: 2.5rem;--arte-space-12: 3rem;--arte-radius-sm: .25rem;--arte-radius-md: .5rem;--arte-radius-lg: .75rem;--arte-radius-xl: 1rem;--arte-radius-full: 9999px;--arte-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--arte-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--arte-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--arte-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--arte-transition-fast: .15s ease-in-out;--arte-transition-base: .25s ease-in-out;--arte-transition-slow: .35s ease-in-out;--arte-z-dropdown: 1000;--arte-z-sticky: 1020;--arte-z-fixed: 1030;--arte-z-modal-backdrop: 1040;--arte-z-modal: 1050;--arte-z-popover: 1060;--arte-z-tooltip: 1070}.arte-text-primary{color:var(--arte-primary)}.arte-text-secondary{color:var(--arte-secondary)}.arte-text-accent{color:var(--arte-accent)}.arte-text-muted{color:var(--arte-slate)}.arte-bg-primary{background-color:var(--arte-primary)}.arte-bg-secondary{background-color:var(--arte-secondary)}.arte-bg-accent{background-color:var(--arte-accent)}.arte-bg-light{background-color:var(--arte-gray-lighter)}.arte-btn-primary{background-color:var(--arte-primary);color:var(--arte-white);padding:var(--arte-space-3) var(--arte-space-6);border-radius:var(--arte-radius-md);font-weight:600;transition:all var(--arte-transition-base);border:none;cursor:pointer}.arte-btn-primary:hover{background-color:var(--arte-primary-dark);transform:translateY(-1px);box-shadow:var(--arte-shadow-md)}.arte-card{background:var(--arte-white);border-radius:var(--arte-radius-lg);box-shadow:var(--arte-shadow-md);padding:var(--arte-space-6);transition:box-shadow var(--arte-transition-base)}.arte-card:hover{box-shadow:var(--arte-shadow-lg)}.arte-heading{font-family:var(--arte-font-heading);color:var(--arte-charcoal);font-weight:600;line-height:1.2}.arte-body{font-family:var(--arte-font-body);color:var(--arte-charcoal);line-height:1.6}.arte-risk-badge{display:inline-block;padding:var(--arte-space-1) var(--arte-space-3);border-radius:var(--arte-radius-full);font-size:var(--arte-text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.arte-risk-critical{background-color:var(--arte-risk-critical);color:#fff}.arte-risk-high{background-color:var(--arte-risk-high);color:#fff}.arte-risk-medium{background-color:var(--arte-risk-medium);color:var(--arte-charcoal)}.arte-risk-low{background-color:var(--arte-risk-low);color:var(--arte-charcoal)}.arte-risk-minimal{background-color:var(--arte-risk-minimal);color:#fff}:root{--intelliguard-blue: #1E40AF;--neural-teal: #0D9488;--arte-gold: #F59E0B;--alert-amber: #F59E0B;--slate-dark: #1E293B;--steel-gray: #64748B;--cloud-gray: #F8FAFC;--border-gray: #E2E8F0;--success-green: #10B981;--warning-amber: #F59E0B;--error-red: #DC2626;--info-blue: #3B82F6;--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #0D9488 100%);--gradient-premium: linear-gradient(135deg, #1E40AF 0%, #14B8A6 100%);--gradient-alert: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(30, 64, 175, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--cloud-gray);color:var(--slate-dark);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1400px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--slate-dark)}h1{font-size:48px;font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:24px;font-weight:600}.card{background:#fff;border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-primary);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff;box-shadow:0 4px 12px #1e40af4d}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-warning{background-color:#f59e0b;color:#1e293b}.btn-warning:hover{background-color:#d97706}.btn-lg{padding:15px 30px;font-size:16px}.btn-sm{padding:6px 12px;font-size:13px}.btn-xs{padding:4px 8px;font-size:12px}.btn-block{width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.table{width:100%;border-collapse:collapse;margin-top:10px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600;color:#333}.table tbody tr:hover{background-color:#f8f9fa}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-critical{background-color:#dc3545;color:#fff}.badge-high{background-color:#fd7e14;color:#fff}.badge-medium{background-color:#ffc107;color:#333}.badge-low{background-color:#28a745;color:#fff}.badge-draft{background-color:#6c757d;color:#fff}.badge-finalized{background-color:#007bff;color:#fff}.badge-in_review{background-color:#fd7e14;color:#fff}.badge-active{background-color:#28a745;color:#fff}.badge-closed{background-color:#007bff;color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:30px;max-width:800px;max-height:90vh;overflow-y:auto;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-btn:hover{color:#333}.nav-bar{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff;padding:15px 0;margin-bottom:20px;box-shadow:0 2px 8px #1e40af33}.nav-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.nav-bar h1{margin:0;font-size:24px;white-space:nowrap}.nav-bar nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.nav-bar nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background-color .3s;white-space:nowrap;font-size:14px;position:relative;z-index:1}.nav-bar nav a:hover,.nav-bar nav a.active{background-color:#ffffff26;z-index:2}.alert{padding:15px;border-radius:4px;margin-bottom:20px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center;width:100%;height:100%;box-sizing:border-box}.stat-card h3{margin:0 0 10px;color:#666;font-size:14px;font-weight:600}.stat-card .stat-value{font-size:36px;font-weight:700;color:#2c3e50}.control-selector{border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px;cursor:pointer;transition:all .3s}.control-selector:hover{background-color:#f8f9fa;border-color:#007bff}.control-selector.selected{background-color:#e7f3ff;border-color:#007bff;border-width:2px}.control-selector h4{margin:0 0 10px;color:#2c3e50}.control-selector p{margin:0;color:#666;font-size:14px}.risk-matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:20px 0}.matrix-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;font-weight:600}.matrix-header{background-color:#f8f9fa;font-weight:700}.matrix-low{background-color:#d4edda}.matrix-medium{background-color:#fff3cd}.matrix-high{background-color:#f8d7da}.matrix-critical{background-color:#dc3545;color:#fff}.badge-primary{background-color:#007bff;color:#fff}.badge-info{background-color:#17a2b8;color:#fff}body.dark-mode{background-color:#1a1a2e;color:#e4e4e4}body.dark-mode .card,body.dark-mode .stat-card{background:#16213e;box-shadow:0 2px 8px #0000004d}body.dark-mode .stat-card .stat-value{color:#e4e4e4}body.dark-mode .nav-bar{background-color:#0f1419}body.dark-mode .table th{background-color:#0f1419;color:#e4e4e4;border-bottom-color:#2a2a3e}body.dark-mode .table td{border-bottom-color:#2a2a3e;color:#e4e4e4}body.dark-mode .table tbody tr:hover{background-color:#1a1a2e}body.dark-mode .form-group label{color:#e4e4e4}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background-color:#0f1419;border-color:#2a2a3e;color:#e4e4e4}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#4a90e2;outline:none}body.dark-mode .modal-overlay{background-color:#000c}body.dark-mode .modal-content{background:#16213e;color:#e4e4e4}body.dark-mode .modal-header h2,body.dark-mode .close-btn{color:#e4e4e4}body.dark-mode .close-btn:hover{color:#4a90e2}body.dark-mode .control-selector{background-color:#16213e;border-color:#2a2a3e;color:#e4e4e4}body.dark-mode .control-selector:hover{background-color:#1a1a2e;border-color:#4a90e2}body.dark-mode .control-selector.selected{background-color:#0f1419;border-color:#4a90e2}body.dark-mode .control-selector h4{color:#e4e4e4}body.dark-mode .control-selector p{color:#b4b4b4}body.dark-mode .alert-success{background-color:#1e4620;color:#81c784;border-color:#2e7d32}body.dark-mode .alert-error{background-color:#4a1a1a;color:#ef5350;border-color:#c62828}body.dark-mode .badge-medium{color:#1a1a2e}body.dark-mode .matrix-header{background-color:#0f1419;color:#e4e4e4}body.dark-mode .matrix-cell{border-color:#2a2a3e}body,.card,.table,.form-group input,.form-group select,.form-group textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:1200px){.nav-bar h1{font-size:20px}.nav-bar nav a{padding:6px 10px;font-size:13px}}@media(max-width:992px){.nav-bar .container{flex-direction:column;align-items:flex-start}.nav-bar h1{margin-bottom:10px}.nav-bar nav{width:100%;justify-content:flex-start}}@media(max-width:768px){.nav-bar nav a{padding:8px 12px;font-size:14px}.container{padding:15px}}.public-questionnaire-container{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.public-questionnaire-header{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff;padding:40px 20px;border-radius:12px;text-align:center;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.public-questionnaire-header h1{margin:20px 0 10px;font-size:32px;font-weight:600}.instructions-box{background-color:#ffffff1a;padding:20px;border-radius:8px;margin-top:20px;max-width:800px;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.2)}.instructions-box p{margin:0;line-height:1.6;font-size:16px}.progress-section{max-width:800px;margin:0 auto 30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.progress-bar{width:100%;height:24px;background-color:#e9ecef;border-radius:12px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#1e40af,#0d9488);transition:width .3s ease;border-radius:12px}.progress-text{text-align:center;color:#666;font-size:14px;font-weight:500}.auto-save-indicator{text-align:center;color:#0d9488;font-size:12px;margin-top:5px;font-style:italic}.section-navigation{max-width:800px;margin:0 auto 30px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.section-tab{padding:12px 24px;background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#495057}.section-tab:hover{background-color:#f8f9fa;border-color:#1e40af}.section-tab.active{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff;border-color:#1e40af}.questionnaire-section{max-width:800px;margin:0 auto 30px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.questionnaire-section h2{margin:0 0 10px;color:#1e40af;font-size:28px;font-weight:600}.section-description{color:#666;margin:0 0 30px;line-height:1.6}.questions-list{display:flex;flex-direction:column;gap:24px}.question-card{padding:24px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;transition:all .3s ease}.question-card.required-unanswered{border:2px solid #F87171;background:#fef2f2;box-shadow:0 0 0 3px #f871711a}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number{font-weight:600;color:#1e40af;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.required-badge{background-color:#dc3545;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.question-text{font-size:16px;font-weight:500;margin-bottom:16px;color:#212529;line-height:1.5}.help-text{font-size:14px;color:#6c757d;margin-top:8px;font-weight:400;font-style:italic}.question-input{margin-bottom:12px}.form-control{width:100%;padding:12px;border:2px solid #ced4da;border-radius:6px;font-size:15px;transition:border-color .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:12px}.radio-label,.checkbox-label{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:2px solid #ced4da;border-radius:6px;cursor:pointer;transition:all .3s ease}.radio-label:hover,.checkbox-label:hover{border-color:#0d9488;background-color:#f8f9fa}.radio-label input[type=radio],.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6}.comments-section label{display:block;margin-bottom:8px;color:#495057;font-weight:500;font-size:14px}.navigation-buttons{max-width:800px;margin:0 auto 30px;display:flex;justify-content:space-between;gap:15px}.btn{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.btn:disabled{opacity:.5;cursor:not-allowed}.public-questionnaire-container .btn-primary{background:linear-gradient(135deg,#1e40af,#0d9488);color:#fff}.public-questionnaire-container .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e40af4d}.public-questionnaire-container .btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.error-banner{max-width:800px;margin:0 auto 20px;padding:16px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;text-align:left;font-weight:500;white-space:pre-line;line-height:1.6}.error-message,.success-message{max-width:600px;margin:40px auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center}.error-message h2,.success-message h2{color:#1e40af;margin:0 0 20px}.error-message p,.success-message p{color:#666;margin:10px 0;line-height:1.6}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 20px}.public-questionnaire-footer{max-width:800px;margin:40px auto 20px;text-align:center;color:#6c757d;font-size:14px}.public-questionnaire-footer p{margin:5px 0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #0D9488;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{margin-top:20px;color:#666;font-size:16px}@media(max-width:768px){.public-questionnaire-container{padding:10px}.public-questionnaire-header{padding:30px 15px}.public-questionnaire-header h1{font-size:24px}.questionnaire-section{padding:20px}.navigation-buttons{flex-direction:column}.btn{width:100%}.section-navigation{flex-direction:column}.section-tab{width:100%}}.blog-page{min-height:100vh;background:#f8f9fa;color:#1a1a1a}.blog-page .top-navigation{padding:1rem 2rem;background:#0a0a0f;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.blog-page .nav-wrapper{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.blog-page .brand-identity{display:flex;align-items:center;gap:12px}.blog-page .brand-text{display:flex;flex-direction:column}.blog-page .brand-name{font-size:1.5rem;font-weight:600;color:#f5f5f5}.blog-page .brand-tagline{font-size:.75rem;color:#999}.blog-page .nav-actions{display:flex;gap:1rem;align-items:center}.blog-page .link-button{background:none;border:none;color:#f5f5f5;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.blog-page .link-button:hover{color:#e07850}.blog-page .primary-action{background:linear-gradient(135deg,#e07850,#c96840);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:500;transition:transform .2s,box-shadow .2s}.blog-page .primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e078504d}.blog-header{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.blog-header-content{max-width:800px;margin:0 auto}.blog-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#f5f5f5}.blog-header p{font-size:1.1rem;color:#b0b0b0;max-width:600px;margin:0 auto}.blog-filters{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.blog-filters-content{max-width:1200px;margin:0 auto;display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.category-btn{background:#f0f0f0;border:1px solid #ddd;color:#555;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.category-btn:hover{background:#e8e8e8;color:#333}.category-btn.active{background:linear-gradient(135deg,#e07850,#c96840);border-color:transparent;color:#fff}.blog-content{max-width:1200px;margin:0 auto;padding:3rem 2rem;min-height:400px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.blog-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.blog-card-image{width:100%;height:200px;overflow:hidden;background:#f0f0f0}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem}.blog-card-category{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#e07850;margin-bottom:.75rem;font-weight:600}.blog-card-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;gap:1rem;font-size:.85rem;color:#999}.blog-card-date,.blog-card-readtime{display:flex;align-items:center;gap:.25rem}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#e07850;border-radius:50%;animation:spin 1s linear infinite}.blog-loading p{margin-top:1rem;color:#666}.blog-error{text-align:center;padding:4rem 2rem}.blog-error p{color:#dc3545;margin-bottom:1rem}.retry-btn{background:#e078501a;border:1px solid #e07850;color:#e07850;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#e07850;color:#fff}.blog-empty{text-align:center;padding:4rem 2rem}.blog-empty p{color:#666;margin-bottom:1rem}.view-all-btn{background:#f0f0f0;border:1px solid #ddd;color:#333;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#e8e8e8}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.pagination-btn{background:#fff;border:1px solid #ddd;color:#333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:.5rem}.pagination-page{background:#fff;border:1px solid #ddd;color:#666;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-page:hover{background:#f0f0f0;color:#333}.pagination-page.active{background:#e07850;border-color:#e07850;color:#fff}.blog-footer{background:#0a0a0f;border-top:1px solid rgba(255,255,255,.1);padding:2rem}.blog-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.blog-footer .footer-brand{display:flex;align-items:center;gap:.5rem}.blog-footer .footer-name{font-size:1.25rem;font-weight:600;color:#f5f5f5}.blog-footer .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.blog-footer .footer-link{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;transition:color .2s}.blog-footer .footer-link:hover{color:#e07850}.blog-footer .footer-copyright{color:#666;font-size:.85rem}@media(max-width:768px){.blog-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-filters-content{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.category-btn{flex-shrink:0}.blog-page .brand-tagline{display:none}}.blog-post-page{min-height:100vh;background:#f8f9fa;color:#1a1a1a}.blog-post-page .top-navigation{padding:1rem 2rem;background:#0a0a0f;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.blog-post-page .nav-wrapper{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.blog-post-page .brand-identity{display:flex;align-items:center;gap:12px}.blog-post-page .brand-text{display:flex;flex-direction:column}.blog-post-page .brand-name{font-size:1.5rem;font-weight:600;color:#f5f5f5}.blog-post-page .brand-tagline{font-size:.75rem;color:#999}.blog-post-page .nav-actions{display:flex;gap:1rem;align-items:center}.blog-post-page .link-button{background:none;border:none;color:#f5f5f5;cursor:pointer;font-size:.95rem;padding:.5rem 1rem}.blog-post-page .link-button:hover{color:#e07850}.blog-post-page .primary-action{background:linear-gradient(135deg,#e07850,#c96840);border:none;color:#fff;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:500;transition:transform .2s,box-shadow .2s}.blog-post-page .primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e078504d}.blog-post-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.blog-post-loading .loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#e07850;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-post-loading p{margin-top:1rem;color:#666}.blog-post-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.blog-post-error h1{font-size:2rem;margin-bottom:1rem;color:#1a1a1a}.blog-post-error p{color:#666;margin-bottom:2rem}.back-to-blog{background:linear-gradient(135deg,#e07850,#c96840);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:transform .2s}.back-to-blog:hover{transform:translateY(-2px)}.blog-post-article{max-width:900px;margin:0 auto;background:#fff;box-shadow:0 1px 3px #0000001a}.blog-post-header{padding:3rem 2rem 2rem;background:#fff}.blog-post-header-content{max-width:700px;margin:0 auto}.back-link{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:0;margin-bottom:1.5rem;display:inline-block;transition:color .2s}.back-link:hover{color:#e07850}.post-category{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#e07850;background:#e078501a;padding:.35rem .75rem;border-radius:4px;margin-bottom:1rem;cursor:pointer;transition:background .2s}.post-category:hover{background:#e0785033}.post-title{font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:#1a1a1a}.post-meta{display:flex;gap:1.5rem;color:#666;font-size:.95rem;flex-wrap:wrap}.post-author,.post-date,.post-readtime{display:flex;align-items:center}.blog-post-image{width:100%;max-height:500px;overflow:hidden;margin-bottom:0}.blog-post-image img{width:100%;height:100%;object-fit:cover}.blog-post-body{padding:2.5rem 2rem 3rem;background:#fff}.blog-post-content{max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#333}.blog-post-content h1{font-size:2rem;font-weight:700;margin:2.5rem 0 1rem;color:#1a1a1a}.blog-post-content h2{font-size:1.6rem;font-weight:600;margin:2rem 0 1rem;color:#1a1a1a}.blog-post-content h3{font-size:1.3rem;font-weight:600;margin:1.5rem 0 .75rem;color:#1a1a1a}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content a{color:#e07850;text-decoration:none;border-bottom:1px solid rgba(224,120,80,.3);transition:border-color .2s}.blog-post-content a:hover{border-color:#e07850}.blog-post-content ul,.blog-post-content ol{margin:1.5rem 0;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:4px solid #e07850;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#666;background:#f8f9fa;padding:1rem 1.5rem;border-radius:0 8px 8px 0}.blog-post-content pre{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.blog-post-content code{font-family:Fira Code,Monaco,monospace;font-size:.9rem}.blog-post-content p code,.blog-post-content li code{background:#f0f0f0;padding:.15rem .4rem;border-radius:4px;color:#c96840}.blog-post-content pre code{background:none;padding:0;color:#e0e0e0}.blog-post-content strong{color:#1a1a1a;font-weight:600}.blog-post-content em{font-style:italic}.blog-post-footer{padding:2rem;border-top:1px solid #e0e0e0;max-width:700px;margin:0 auto;background:#fff}.share-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.share-label{color:#666;font-size:.9rem}.share-buttons{display:flex;gap:.75rem}.share-btn{background:#f0f0f0;border:1px solid #ddd;color:#333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.share-btn:hover{background:#e8e8e8}.share-btn.linkedin:hover{background:#0077b5;border-color:#0077b5;color:#fff}.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-btn.copy:hover{background:#e07850;border-color:#e07850;color:#fff}.blog-post-cta{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:4rem 2rem;text-align:center;margin-top:0}.cta-content{max-width:600px;margin:0 auto}.blog-post-cta h2{font-size:1.75rem;margin-bottom:1rem;color:#f5f5f5}.blog-post-cta p{color:#b0b0b0;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#e07850,#c96840);border:none;color:#fff;padding:.85rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0785066}.blog-post-page .blog-footer{background:#0a0a0f;border-top:1px solid rgba(255,255,255,.1);padding:2rem}.blog-post-page .blog-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.blog-post-page .blog-footer .footer-brand{display:flex;align-items:center;gap:.5rem}.blog-post-page .blog-footer .footer-name{font-size:1.25rem;font-weight:600;color:#f5f5f5}.blog-post-page .blog-footer .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.blog-post-page .blog-footer .footer-link{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;transition:color .2s}.blog-post-page .blog-footer .footer-link:hover{color:#e07850}.blog-post-page .blog-footer .footer-copyright{color:#666;font-size:.85rem}@media(max-width:768px){.post-title{font-size:1.75rem}.blog-post-content{font-size:1rem}.blog-post-header,.blog-post-body{padding-left:1rem;padding-right:1rem}.blog-post-page .brand-tagline{display:none}.share-section{flex-direction:column;align-items:flex-start}}.blog-management{padding:20px;max-width:1200px;margin:0 auto}.blog-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.blog-management-header h1{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.blog-management .blog-filters{display:flex;gap:12px;margin-bottom:20px}.blog-management .blog-filters select{padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--bg-primary, white);color:var(--text-primary, #333);font-size:14px;min-width:150px}.posts-table{background:var(--bg-primary, white);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);overflow:hidden}.posts-table table{width:100%;border-collapse:collapse}.posts-table th{text-align:left;padding:14px 16px;background:var(--bg-secondary, #f5f5f5);font-weight:600;font-size:13px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e0e0e0)}.posts-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #eee);vertical-align:middle}.posts-table tr:last-child td{border-bottom:none}.posts-table tr:hover{background:var(--bg-hover, #fafafa)}.post-title-cell{max-width:300px}.post-title-cell strong{display:block;color:var(--text-primary, #1a1a1a);margin-bottom:4px}.post-slug{font-size:12px;color:var(--text-muted, #999)}.category-badge{display:inline-block;padding:4px 10px;background:#e078501a;color:#c96840;border-radius:12px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.draft{background:#96969626;color:#666}.status-badge.published{background:#2ea04326;color:#2ea043}.actions-cell{display:flex;gap:8px}.blog-management .btn-primary{background:linear-gradient(135deg,#e07850,#c96840);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.blog-management .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e078504d}.blog-management .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-management .btn-secondary{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333);border:1px solid var(--border-color, #ddd);padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.blog-management .btn-secondary:hover{background:var(--bg-hover, #e8e8e8)}.btn-edit,.btn-view,.btn-delete{padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:inline-block}.btn-edit{background:#3b82f61a;color:#3b82f6}.btn-edit:hover{background:#3b82f633}.btn-view{background:#2ea0431a;color:#2ea043}.btn-view:hover{background:#2ea04333}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #666)}.error-state{color:#ef4444}.empty-state button{margin-top:20px}.blog-editor{background:var(--bg-primary, white);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);padding:24px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.editor-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1a1a1a)}.btn-cancel{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;font-size:14px}.btn-cancel:hover{color:var(--text-primary, #333)}.editor-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary, #555)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:14px;color:var(--text-primary, #333);background:var(--bg-primary, white);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e07850;box-shadow:0 0 0 3px #e078501a}.form-group textarea{resize:vertical;font-family:inherit}.form-group textarea[rows="20"]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6}.form-section{border-top:1px solid var(--border-color, #e0e0e0);padding-top:20px;margin-top:8px}.form-section h3{font-size:1rem;color:var(--text-primary, #333);margin-bottom:16px}.image-upload-area{border:2px dashed var(--border-color, #ddd);border-radius:8px;padding:20px;text-align:center;transition:border-color .2s}.image-upload-area:hover{border-color:#e07850}.upload-placeholder{position:relative;overflow:hidden;color:var(--text-secondary, #666);cursor:pointer}.upload-placeholder input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:300px;max-height:200px;border-radius:6px}.remove-image{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.remove-image:hover{background:#ef4444e6}.editor-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color, #e0e0e0);margin-top:8px}@media(prefers-color-scheme:dark){.blog-management-header h1{color:#f5f5f5}.posts-table{background:#1a1a2e;border-color:#2a2a4a}.posts-table th{background:#141428;color:#999;border-color:#2a2a4a}.posts-table td{border-color:#2a2a4a}.posts-table tr:hover{background:#1f1f3a}.post-title-cell strong{color:#f5f5f5}.blog-editor{background:#1a1a2e;border-color:#2a2a4a}.editor-header{border-color:#2a2a4a}.editor-header h2,.form-section h3{color:#f5f5f5}.form-group label{color:#999}.form-group input,.form-group select,.form-group textarea{background:#141428;border-color:#2a2a4a;color:#f5f5f5}.btn-secondary{background:#2a2a4a;color:#f5f5f5;border-color:#3a3a5a}.btn-secondary:hover{background:#3a3a5a}.form-section,.editor-actions,.editor-header{border-color:#2a2a4a}}@media(max-width:768px){.blog-management-header{flex-direction:column;gap:16px;align-items:flex-start}.posts-table{overflow-x:auto}.form-row{grid-template-columns:1fr}.actions-cell{flex-direction:column}}