.dashboard-body{font-family:Inter,sans-serif;background:var(--bg-light);margin:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-navbar{background:#fff;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.dashboard-navbar .navbar-brand img{height:auto;max-height:40px;width:auto;object-fit:contain}.dashboard-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 56px)}.db-sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.db-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.db-list,.table-list{list-style:none;margin:0;padding:.5rem 0;overflow-y:auto;flex:1}.db-list li{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.875rem;color:var(--text-dark);cursor:pointer;border-left:3px solid transparent;transition:background .15s,border-color .15s;user-select:none}.db-list li i{color:var(--text-light);font-size:1rem;flex-shrink:0}.db-list li:hover,.pricing-section,.table-list li:hover,.testimonials-section{background:var(--bg-light)}.db-list li.active,.table-list li.active{background:rgba(59,130,246,.07);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:600}.db-list li.active i,.payment-card.selected .payment-card-inner i,.table-list li.active i,.trust-strip i{color:var(--primary-color)}.table-panel{width:0;flex-shrink:0;background:#fff;border-right:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;transition:width .25s}.table-panel.open{width:200px}.table-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);font-size:.9rem;white-space:nowrap;overflow:hidden}.table-list li{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.875rem;color:var(--text-dark);cursor:pointer;border-left:3px solid transparent;transition:background .15s,border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.table-list li i{color:var(--text-light);font-size:.95rem;flex-shrink:0}.records-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-light)}.records-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--border-color)}.records-placeholder i{font-size:4rem}.records-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#fff;border-bottom:1px solid var(--border-color);flex-shrink:0}.records-table-wrap{flex:1;overflow:auto;padding:1rem 1.25rem}.records-table{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.05);font-size:.875rem;min-width:500px}.records-table thead th{background:var(--bg-light);color:var(--text-light);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border-color);padding:.65rem 1rem;white-space:nowrap}.records-table tbody td{padding:.6rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-dark);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compliance-list li:last-child,.pricing-table tbody tr:last-child td,.records-table tbody tr:last-child td,.security-item:last-child{border-bottom:none}#recordsContent{display:flex;flex-direction:column;flex:1;overflow:hidden}.empty-state{padding:2rem 1rem;text-align:center;color:var(--text-light);font-size:.875rem}.empty-state i{font-size:2rem;color:var(--border-color);display:block;margin-bottom:.5rem}:root{--primary-color:#3b82f6;--secondary-color:#1e293b;--text-dark:#0f172a;--text-light:#475569;--border-color:#e2e8f0;--bg-light:#f8fafc}.navbar.scrolled{box-shadow:0 2px 12px rgba(0,0,0,.08)!important}.navbar .nav-link.active{color:var(--primary-color)!important;font-weight:600}section[id]{scroll-margin-top:72px}.trust-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.85rem;color:var(--text-light)}.trust-strip span{display:flex;align-items:center;gap:.35rem}.hero-icon-wrap{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px rgba(59,130,246,.12);padding:3rem;display:flex;align-items:center;justify-content:center}.hero-icon-wrap i{font-size:9rem;color:var(--primary-color)}.min-vh-85{min-height:85vh}.code-showcase-section,.footer{background:#0f172a;color:#e2e8f0}.code-showcase-section h2,.code-showcase-section p{color:#e2e8f0}.code-showcase-section .text-muted,.footer .text-muted{color:#94a3b8!important}.code-block{background:#1e293b;border-radius:.75rem;padding:1.75rem 2rem;overflow-x:auto;border:1px solid #334155}.code-block pre{margin:0;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:.875rem;line-height:1.7;color:#e2e8f0}.code-comment{color:#64748b}.code-str{color:#86efac}.secondary-features-section .sf-icon{width:48px;height:48px;background:rgba(59,130,246,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary-color)}.compliance-list li{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid var(--border-color)}.compliance-list i{font-size:1.1rem;margin-top:.15rem;flex-shrink:0}.pricing-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06)}.pricing-table th{background:var(--bg-light);padding:1.25rem 1rem;font-weight:600;font-size:1rem;border-bottom:2px solid var(--border-color);color:var(--text-dark)}.pricing-table td{padding:.75rem 1rem;font-size:.9rem;border-bottom:1px solid var(--border-color);color:var(--text-dark)}.pricing-featured-col{background:rgba(59,130,246,.05);border-left:2px solid var(--primary-color);border-right:2px solid var(--primary-color)}.pricing-table thead .pricing-featured-col{background:rgba(59,130,246,.1);color:var(--primary-color);border-top:2px solid var(--primary-color)}.pricing-amount{font-size:1.4rem;font-weight:700;color:var(--primary-color)}.pricing-period{font-size:.75rem;color:var(--text-light)}.pricing-price-row td{padding-top:1.25rem;padding-bottom:1.25rem}.pricing-cta-row td{padding:1.25rem 1rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text-dark);line-height:1.6}.navbar{background:#fff;border-bottom:1px solid var(--border-color)}.navbar-brand{font-size:1.5rem;color:var(--primary-color)!important}.navbar-brand i{font-size:1.8rem}.nav-link{color:var(--text-dark)!important;margin-left:1.5rem;font-weight:500;transition:color .3s}.nav-link:hover{color:var(--primary-color)!important}.hero-section{background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);position:relative;overflow:hidden}.hero-section h1{color:var(--text-dark);line-height:1.2}.cta-section .btn,.hero-section .btn{padding:.75rem 2rem;font-weight:600;border-radius:.5rem}.illustration-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.faq-section,.features-section,.security-section{background:#fff}.features-section h2{color:var(--text-dark);margin-bottom:3rem}.feature-card{padding:2rem;border-radius:1rem;background:#fff;border:1px solid var(--border-color);transition:.3s;text-align:center;height:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1);border-color:var(--primary-color)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:var(--primary-color)}.feature-card h5,.testimonial-card h6{color:var(--text-dark);font-weight:600}.feature-card p{font-size:.95rem;color:var(--text-light)}.faq-section h2,.pricing-section h2,.security-section h2,.testimonials-section h2{color:var(--text-dark)}.pricing-card{background:#fff;padding:2.5rem;border-radius:1rem;border:1px solid var(--border-color);position:relative;transition:.3s;height:100%}.pricing-card:hover,.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.pricing-card.featured{border:2px solid var(--primary-color);box-shadow:0 15px 40px rgba(59,130,246,.15)}.pricing-card.featured:hover{transform:translateY(-10px)}.pricing-card h5{color:var(--text-dark);font-weight:600;font-size:1.3rem}.price{margin:1.5rem 0}.price .amount{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.price .period{color:var(--text-light);font-size:.95rem}.pricing-card li{color:var(--text-dark);font-size:.95rem}.pricing-card .btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem}.security-item{padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.security-item h6{color:var(--primary-color);font-weight:600;font-size:1rem}.security-item i{margin-right:.5rem}.security-illustration{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--bg-light);border-radius:1rem}.testimonial-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--border-color);transition:.3s;height:100%}.testimonial-card p{color:var(--text-dark);font-style:italic;font-size:.95rem}.testimonial-card small{color:var(--text-light)}.stars{font-size:1rem}.accordion-item{border:1px solid var(--border-color);margin-bottom:1rem;border-radius:.5rem}.accordion-button{background:#fff;color:var(--text-dark);font-weight:500;border:none;padding:1.5rem}.accordion-button:not(.collapsed){background:var(--bg-light);color:var(--primary-color)}.accordion-button:focus{box-shadow:none;border-color:var(--border-color)}.accordion-body{color:var(--text-light);padding:1.5rem}.cta-section{background:linear-gradient(135deg,#3b82f6 0,#1e40af 100%)}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{color:rgba(255,255,255,.9)}.footer h6{color:#fff;font-size:.95rem}.footer a{transition:color .3s;color:#cbd5e1!important}.footer a:hover{color:#93c5fd!important}.footer i{font-size:1.3rem;transition:.3s}.footer a:hover i{transform:translateY(-3px)}@media (max-width:768px){.hero-section{padding:3rem 0}.hero-section h1{font-size:2rem}.hero-section .lead{font-size:1rem}.feature-card{padding:1.5rem}.pricing-card{padding:2rem}.navbar-nav{padding-top:1rem}.nav-link{margin-left:0;padding:.5rem 0}.cta-section,.cta-section .col-lg-4{text-align:center}.illustration-placeholder,.security-illustration{min-height:250px}}.signup-modal-content{border:none;border-radius:1rem;overflow:hidden}.signup-modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem 1.75rem;align-items:flex-start}.signup-modal-footer{border-top:1px solid var(--border-color);padding:1rem 1.75rem}.signup-steps{display:flex;align-items:center}.signup-step{display:flex;align-items:center;gap:.55rem;font-size:.95rem;color:var(--text-light);font-weight:500}.signup-step span{width:36px;height:36px;border-radius:50%;background:var(--border-color);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0;transition:background .25s,color .25s}.signup-step.active{color:var(--primary-color);font-weight:700}.signup-step.active span{background:var(--primary-color);color:#fff}.signup-step.done span{background:#22c55e;color:#fff}.signup-step-divider{flex:1;height:2px;background:var(--border-color);margin:0 .6rem}.payment-card,.tier-card{cursor:pointer}.tier-card-inner{border:2px solid var(--border-color);border-radius:.75rem;padding:1.1rem 1rem;transition:border-color .2s,box-shadow .2s;position:relative;height:100%}.payment-card:hover .payment-card-inner,.tier-card:hover .tier-card-inner{border-color:var(--primary-color)}.payment-card.selected .payment-card-inner,.tier-card.selected .tier-card-inner{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.tier-name{font-weight:700;font-size:1rem;color:var(--text-dark);margin-bottom:.25rem}.tier-price{font-size:1.35rem;font-weight:700;color:var(--primary-color);margin-bottom:.75rem}.tier-price span{font-size:.7rem;font-weight:400;color:var(--text-light)}.tier-features{list-style:none;padding:0;margin:0;font-size:.78rem;color:var(--text-light)}.tier-features li::before{content:"✓ ";color:var(--primary-color);font-weight:700}.tier-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:#fff;font-size:.68rem;font-weight:700;padding:.1rem .6rem;border-radius:999px;white-space:nowrap}.payment-card-inner{border:2px solid var(--border-color);border-radius:.6rem;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-dark);text-align:center;transition:border-color .2s,box-shadow .2s}.payment-card-inner i{font-size:1.5rem;color:var(--text-light);transition:color .2s}.signup-summary{background:var(--bg-light);border:1px solid var(--border-color)}a,button{transition:.3s}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-outline-secondary{color:var(--text-dark);border-color:var(--text-dark)}.btn-outline-secondary:hover{background:var(--text-dark);color:#fff}