@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary: #15803d;--primary-hover: #166534;--primary-dark: #14532d;--primary-light: #f0fdf4;--primary-border: #bbf7d0;--accent: #ca8a04;--accent-hover: #a16207;--accent-light: #fefce8;--accent-border: #fef08a;--text-main: #0f172a;--text-muted: #475569;--text-light: #64748b;--bg-canvas: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border-color: #e2e8f0;--border-light: #f1f5f9;--bo-bg: #f4f7fb;--bo-sidebar-bg: #ffffff;--bo-sidebar-border: #e2e8f0;--bo-accent: #4c6bb6;--bo-table-header-bg: #edf2f7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--shadow-sm: 0 2px 8px rgba(21, 128, 61, .04);--shadow-md: 0 10px 30px -8px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 45px -12px rgba(21, 128, 61, .18);--transition: all .25s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-canvas);color:var(--text-main);line-height:1.65;-webkit-font-smoothing:antialiased;letter-spacing:-.2px}.sticky-navbar{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:var(--transition)}.nav-container{max-width:1320px;margin:0 auto;padding:.95rem 1.75rem;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;color:var(--primary-dark);text-decoration:none;letter-spacing:-.5px}.brand-badge{background:var(--primary-light);color:var(--primary-hover);font-size:.72rem;font-weight:800;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--primary-border);letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none}.nav-link-item{text-decoration:none;color:var(--text-main);font-weight:600;font-size:.92rem;transition:var(--transition);position:relative;padding:.35rem 0}.nav-link-item:hover,.nav-link-item.active{color:var(--primary)}.nav-link-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-link-item:hover:after,.nav-link-item.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:inherit;font-weight:700;font-size:.92rem;padding:.72rem 1.55rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #15803d52}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 22px #15803d6b}.btn-outline{background:#fff;border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.btn-sm{padding:.45rem 1rem;font-size:.84rem;border-radius:var(--radius-sm)}.btn-lg{padding:.85rem 2.1rem;font-size:1.02rem;border-radius:var(--radius-md)}.container{max-width:1320px;margin:0 auto;padding:0 1.75rem}.section{padding:6rem 0;position:relative}.section-title-wrap{text-align:center;max-width:780px;margin:0 auto 3.8rem}.section-subtitle{color:var(--primary);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:.65rem;display:inline-block;background:var(--primary-light);padding:.35rem .95rem;border-radius:999px;border:1px solid var(--primary-border)}.section-title{font-size:2.6rem;font-weight:800;color:var(--text-main);letter-spacing:-.8px;line-height:1.2}.section-description{color:var(--text-muted);font-size:1.08rem;margin-top:.75rem;line-height:1.6}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-border)}.hero-wrapper{background:linear-gradient(180deg,#f0fdf4,#f8fafc);padding:5rem 0 6rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.hero-tag{display:inline-flex;align-items:center;gap:.6rem;background:#fff;padding:.45rem 1.1rem;border-radius:999px;font-size:.86rem;font-weight:800;color:var(--primary-hover);box-shadow:var(--shadow-sm);border:1px solid var(--primary-border);margin-bottom:1.6rem}.hero-h1{font-size:3.4rem;font-weight:800;line-height:1.14;color:var(--text-main);letter-spacing:-1.2px;margin-bottom:1.4rem}.hero-h1 span{color:var(--primary)}.hero-p{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.3rem;line-height:1.65}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.75rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stat-item h3{font-size:1.9rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.5px}.stat-item p{font-size:.86rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.hero-banner-slider{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16 / 10;border:3px solid white}.hero-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero-banner-slider:hover .hero-banner-img{transform:scale(1.03)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.calc-card{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-group{margin-bottom:1.4rem}.form-label{display:block;font-weight:700;font-size:.86rem;color:var(--text-main);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.72rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:inherit;font-size:.92rem;transition:var(--transition);background:#fff;color:var(--text-main)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3.5px #15803d26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -15px #00000040;position:relative;border:1px solid var(--border-color)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:800;color:var(--text-main)}.modal-close{background:var(--surface-alt);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.modal-close:hover{background:#e2e8f0;color:var(--text-main)}.modal-body{padding:2rem}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bo-bg)}.admin-sidebar{background:var(--bo-sidebar-bg);color:#1e293b;padding:1.25rem .85rem;display:flex;flex-direction:column;border-right:1px solid var(--bo-sidebar-border);box-shadow:2px 0 10px #00000005}.admin-logo{font-size:1.1rem;font-weight:800;color:var(--bo-accent);padding:.4rem .6rem 1.25rem;border-bottom:1px solid var(--bo-sidebar-border);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.3px}.admin-menu{list-style:none;display:flex;flex-direction:column;gap:.4rem}.admin-menu-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-radius:var(--radius-sm);color:#475569;text-decoration:none;font-weight:600;font-size:.84rem;cursor:pointer;transition:var(--transition);border:1px solid transparent}.admin-menu-item:hover{background:#f0f4f8;color:var(--bo-accent)}.admin-menu-item.active{background:var(--bo-accent);color:#fff;font-weight:700;box-shadow:0 4px 12px #4c6bb64d}.admin-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid var(--bo-sidebar-border);display:flex;align-items:center;justify-content:space-between}.admin-main{padding:2rem;background:var(--bo-bg)}.admin-table-container{background:#fff;border-radius:var(--radius-md);border:1px solid var(--bo-sidebar-border);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:var(--bo-table-header-bg);padding:.85rem 1.15rem;font-size:.82rem;font-weight:800;color:#1e293b;border-bottom:1px solid var(--bo-sidebar-border)}.admin-table td{padding:.85rem 1.15rem;font-size:.88rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#b45309}.badge-info{background:#dbe4f0;color:#3b5998}.badge-danger{background:#fee2e2;color:#b91c1c}.zalo-float-btn{display:flex;align-items:center;gap:.75rem;background:#0068ff;color:#fff;padding:.75rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 10px 25px #0068ff66;transition:var(--transition)}.zalo-float-btn:hover{transform:scale(1.05)}@media(max-width:992px){.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-h1{font-size:2.4rem}.hero-stats{grid-template-columns:repeat(3,1fr)}.nav-links{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}}