:root{--primary:#1a3a6b;--primary-dark:#122647;--primary-light:#2c5490;--red:#ce1126;--red-dark:#9e0c1c;--gold:#f4a800;--gold-dark:#c98600;--surface:#f7f9fc;--surface-2:#eef2f8;--white:#fff;--ink:#101828;--ink-soft:#475467;--ink-faint:#98a2b3;--border:#e3e8f0;--green:#1a9c5c;--green-bg:#e6f7ee;--gold-bg:#fef3da;--red-bg:#fdeaec;--purple:#6941c6;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 2px 8px #1018280f;--shadow-md:0 8px 24px #10182814;--shadow-lg:0 20px 48px #10182824;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--font-main:"Inter","Noto Sans Lao",system-ui,-apple-system,sans-serif;--container-w:1200px;--transition:all .25s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:800;line-height:1.2}.container{width:100%;max-width:var(--container-w);margin:0 auto;padding:0 24px}.topbar{background:var(--primary-dark);color:#cfe0f7;font-size:.82rem}.topbar-inner{justify-content:space-between;align-items:center;padding:6px 24px;display:flex}.lang-switcher{border-radius:var(--radius-pill);background:#ffffff14;gap:4px;padding:3px;display:flex}.lang-btn{color:#cfe0f7;border-radius:var(--radius-pill);transition:var(--transition);padding:4px 12px;font-size:.78rem;font-weight:600}.lang-btn.active,.lang-btn:hover{background:var(--gold);color:var(--primary-dark)}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffdb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--primary-light));width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.brand-mark span{color:#fff;letter-spacing:.02em;font-size:.95rem;font-weight:800}.brand-mark:after{content:"";background:repeating-linear-gradient(90deg,var(--red) 0 40%,var(--white) 40% 60%,var(--red) 60% 100%);height:8px;position:absolute;bottom:0;left:0;right:0}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{color:var(--primary);font-size:1.02rem}.brand-text small{color:var(--ink-soft);font-size:.7rem}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--ink-soft);transition:var(--transition);padding:6px 0;font-size:.92rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";background:var(--gold);border-radius:var(--radius-pill);height:3px;position:absolute;bottom:-4px;left:0;right:0}.nav-right{align-items:center;gap:14px;display:flex}.lang-switcher-nav{display:none}.nav-toggle{flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle span{background:var(--primary);border-radius:2px;width:24px;height:2px}.btn{border-radius:var(--radius-pill);transition:var(--transition);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #1a3a6b4d}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 20px #1a3a6b59}.btn-gold{background:var(--gold);color:var(--primary-dark);box-shadow:0 4px 14px #f4a80059}.btn-gold:hover{background:#ffb90f;transform:translateY(-2px)}.btn-outline{color:#fff;background:0 0;border-color:#ffffff80}.btn-outline:hover{background:#ffffff1f;border-color:#fff}.btn-outline-dark{border-color:var(--primary);color:var(--primary);background:0 0}.btn-outline-dark:hover{background:var(--primary);color:#fff}.btn-ghost{color:var(--primary);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{background:radial-gradient(circle at 20% 0%,#2c5490 0%,var(--primary) 45%,var(--primary-dark) 100%);color:#fff;padding:var(--space-9) 0 var(--space-8);position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.hero-grid{gap:var(--space-8);z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;display:grid;position:relative}.hero-badge{color:var(--gold);border-radius:var(--radius-pill);margin-bottom:var(--space-5);background:#f4a80029;border:1px solid #f4a80066;align-items:center;gap:8px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.hero h1{margin-bottom:var(--space-5);font-size:clamp(2.1rem,4vw,3.4rem)}.hero h1 .accent{color:var(--gold)}.hero p.lead{color:#d6e2f4;max-width:540px;margin-bottom:var(--space-6);font-size:1.12rem}.hero-actions{margin-bottom:var(--space-7);flex-wrap:wrap;gap:16px;display:flex}.hero-trust{gap:var(--space-6);flex-wrap:wrap;display:flex}.hero-trust-item strong{color:var(--gold);font-size:1.4rem;display:block}.hero-trust-item span{color:#b9cbe8;font-size:.8rem}.hero-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#0e2140;border:1px solid #ffffff1a;overflow:hidden}.hero-panel-bar{background:#0a1a33;align-items:center;gap:6px;padding:12px 16px;display:flex}.hero-panel-bar span{background:#3a4d6b;border-radius:50%;width:11px;height:11px}.hero-panel-bar span:first-child{background:#ff5f56}.hero-panel-bar span:nth-child(2){background:#ffbd2e}.hero-panel-bar span:nth-child(3){background:#27c93f}.hero-panel-body{padding:20px}.hp-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.hp-stat{text-align:center;background:#ffffff0f;border-radius:10px;padding:10px}.hp-stat strong{color:var(--gold);font-size:1.15rem;display:block}.hp-stat span{color:#a9bfe0;font-size:.65rem}.hp-chart{background:#ffffff0d;border-radius:10px;align-items:flex-end;gap:8px;height:90px;margin-bottom:16px;padding:10px;display:flex}.hp-chart i{background:linear-gradient(180deg,var(--gold),var(--red));border-radius:4px 4px 0 0;flex:1;display:block}.hp-activity{color:#cfe0f7;background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:.78rem;display:flex}.hp-activity .dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.trust-strip{padding:var(--space-6) 0;border-bottom:1px solid var(--border);background:#fff}.trust-strip p{text-align:center;color:var(--ink-faint);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.trust-row{justify-content:center;gap:var(--space-7);flex-wrap:wrap;display:flex}.trust-chip{color:var(--ink-soft);background:var(--surface);border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;display:flex}.stats-section{background:var(--primary-dark);color:#fff;padding:var(--space-8) 0}.stats-grid{gap:var(--space-5);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-item strong{color:var(--gold);font-size:2.4rem;font-weight:800;display:block}.stat-item span{color:#b9cbe8;font-size:.92rem}.section{padding:var(--space-9) 0}.section-tight{padding:var(--space-8) 0}.section-head{text-align:center;max-width:680px;margin:0 auto var(--space-7)}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-size:.8rem;font-weight:800;display:inline-block}.section-head h2{margin-bottom:var(--space-3);color:var(--primary);font-size:clamp(1.7rem,3vw,2.4rem)}.section-head p{color:var(--ink-soft);font-size:1.05rem}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);background:#fff}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-6px)}.feature-card.hidden{display:none}.icon-badge{width:54px;height:54px;margin-bottom:var(--space-4);background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:var(--space-2);color:var(--ink);font-size:1.15rem}.feature-card p{color:var(--ink-soft);font-size:.92rem}.filter-row{margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.filter-btn{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--ink-soft);transition:var(--transition);background:#fff;padding:9px 20px;font-size:.85rem;font-weight:600}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.role-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.role-card{border-radius:var(--radius-lg);padding:var(--space-5);border-top:5px solid var(--primary);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff}.role-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.role-card.director{border-color:#2c5490}.role-card.teacher{border-color:var(--green)}.role-card.me{border-color:var(--purple)}.role-card.student{border-color:var(--gold)}.role-card.parent{border-color:var(--red)}.role-icon{margin-bottom:var(--space-3);font-size:2rem}.role-card h3{margin-bottom:var(--space-2);font-size:1.08rem}.role-card p{color:var(--ink-soft);margin-bottom:var(--space-4);font-size:.85rem}.role-link{color:var(--primary);font-size:.85rem;font-weight:700}.role-link:hover{color:var(--red)}.split-2{gap:var(--space-7);grid-template-columns:1fr 1fr;align-items:center;display:grid}.problem-box,.solution-box{padding:var(--space-6);border-radius:var(--radius-lg)}.problem-box{background:var(--red-bg);border:1px dashed #e79aa4}.solution-box{background:var(--green-bg);border:1px solid #a6e3c4}.split-2 h3{margin-bottom:var(--space-4)}.split-2 ul li{border-bottom:1px dashed #00000014;padding:8px 0;font-size:.95rem}.split-2 ul li:last-child{border-bottom:none}.steps{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.step{text-align:center}.step-num{background:var(--primary);color:#fff;width:48px;height:48px;margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.step h4{margin-bottom:var(--space-2)}.step p{color:var(--ink-soft);font-size:.9rem}.testimonial-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);background:#fff}.stars{color:var(--gold);letter-spacing:2px;margin-bottom:var(--space-3)}.testimonial-card p.quote{color:var(--ink-soft);margin-bottom:var(--space-5);font-style:italic}.testimonial-author{align-items:center;gap:12px;display:flex}.avatar-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.testimonial-author strong{font-size:.92rem;display:block}.testimonial-author span{color:var(--ink-faint);font-size:.78rem}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-question{padding:var(--space-5) 4px;cursor:pointer;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;display:flex}.faq-question:after{content:"+";color:var(--primary);transition:var(--transition);font-size:1.4rem}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;color:var(--ink-soft);font-size:.94rem;transition:max-height .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding-bottom:var(--space-5)}.billing-toggle-row{margin-bottom:var(--space-7);justify-content:center;align-items:center;gap:14px;display:flex}.billing-label-monthly,.billing-label-annual{color:var(--ink-faint);transition:var(--transition);font-weight:600}.billing-label-monthly.active,.billing-label-annual.active{color:var(--primary)}.toggle-switch{background:var(--border);border-radius:var(--radius-pill);width:54px;height:28px;transition:var(--transition);position:relative}.toggle-switch:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch.on{background:var(--primary)}.toggle-switch.on:after{left:29px}.save-badge{background:var(--gold-bg);color:var(--gold-dark);border-radius:var(--radius-pill);padding:3px 10px;font-size:.75rem;font-weight:700}.plans-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.plan{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);background:#fff;flex-direction:column;display:flex;position:relative}.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.plan.featured{border:2px solid var(--gold);box-shadow:var(--shadow-lg);transform:scale(1.03)}.plan-badge{background:var(--gold);color:var(--primary-dark);border-radius:var(--radius-pill);padding:5px 16px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan h3{margin-bottom:var(--space-2);font-size:1.2rem}.plan .plan-price{color:var(--primary);margin:var(--space-3) 0;font-size:2rem;font-weight:800}.plan .plan-price span{color:var(--ink-faint);font-size:.9rem;font-weight:600}.plan .plan-desc{color:var(--ink-soft);margin-bottom:var(--space-5);font-size:.88rem}.plan-features{margin-bottom:var(--space-5);flex:1}.plan-features li{color:var(--ink-soft);align-items:flex-start;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.plan-features li:before{content:"✓";color:var(--green);flex-shrink:0;font-weight:800}.compare-table{border-collapse:collapse;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 18px;font-size:.9rem}.compare-table th{background:var(--primary);color:#fff;font-weight:700}.compare-table td:not(:first-child),.compare-table th:not(:first-child){text-align:center}.compare-table tr:last-child td{border-bottom:none}.compare-table td.yes{color:var(--green);font-weight:800}.compare-table td.no{color:var(--ink-faint)}.cta-banner{background:linear-gradient(120deg,var(--red),#a30f22);color:#fff;padding:var(--space-8) 0;text-align:center;border-radius:var(--radius-lg);margin:0 24px}.cta-banner h2{margin-bottom:var(--space-3);font-size:clamp(1.6rem,3vw,2.2rem)}.cta-banner p{color:#fbdadf;margin-bottom:var(--space-6);font-size:1.05rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.field{margin-bottom:var(--space-4)}.field label{color:var(--ink);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ink);transition:var(--transition);background:#fff;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a3a6b1f}.field.invalid input{border-color:var(--red)}.field .error-msg{color:var(--red);margin-top:4px;font-size:.78rem;display:none}.field.invalid .error-msg{display:block}.form-row-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-success{background:var(--green-bg);color:#0f6b3d;border-radius:var(--radius-sm);margin-top:var(--space-4);padding:14px 18px;font-weight:600;display:none}.form-success.show{display:block}.site-footer{background:var(--primary-dark);color:#b9cbe8;padding:var(--space-8) 0 var(--space-5)}.footer-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1.6fr 1fr 1fr 1fr;display:grid}.footer-brand-logo{margin-bottom:var(--space-3)}.footer-brand p{margin-bottom:var(--space-4);font-size:.88rem;line-height:1.6}.social-row{gap:10px;display:flex}.social-row a{width:36px;height:36px;transition:var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.social-row a:hover{background:var(--gold);color:var(--primary-dark)}.site-footer h4{color:#fff;margin-bottom:var(--space-4);font-size:.95rem}.footer-links li{margin-bottom:10px}.footer-links a{color:#b9cbe8;transition:var(--transition);font-size:.88rem}.footer-links a:hover{color:var(--gold)}.footer-links li{font-size:.88rem}.footer-bottom{padding-top:var(--space-5);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;display:flex}.portal-shell{background:radial-gradient(circle at 30% 20%,#2c5490,var(--primary-dark) 70%);flex-direction:column;min-height:100vh;display:flex}.portal-topbar{justify-content:space-between;align-items:center;padding:24px;display:flex}.portal-topbar .brand-text strong,.portal-topbar .brand-text small{color:#fff}.back-link{color:#cfe0f7;font-size:.9rem;font-weight:600}.back-link:hover{color:var(--gold)}.portal-main{padding:var(--space-7) 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.portal-card{text-align:center;width:100%;max-width:980px}.portal-card h1{color:#fff;margin-bottom:var(--space-2);font-size:clamp(1.8rem,3vw,2.6rem)}.portal-card>p{color:#cfe0f7;margin-bottom:var(--space-7);font-size:1.05rem}.role-tile-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.role-tile{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-3);text-align:center;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff24}.role-tile:hover{box-shadow:0 0 0 2px var(--gold),0 20px 40px #0000004d;background:#ffffff1f;transform:translateY(-6px)}.role-tile .role-icon{font-size:2.2rem}.role-tile h3{color:#fff;margin:var(--space-2) 0 6px;font-size:1rem}.role-tile p{color:#a9bfe0;margin-bottom:var(--space-3);min-height:52px;font-size:.78rem}.role-tile .role-link{color:var(--gold);font-size:.82rem}.portal-sep{color:#8fa8cc;margin:var(--space-7) 0 var(--space-4);align-items:center;gap:14px;font-size:.85rem;display:flex}.portal-sep:before,.portal-sep:after{content:"";background:#ffffff26;flex:1;height:1px}.dash-shell{background:var(--surface);min-height:100vh;display:flex}.dash-sidebar{background:var(--primary-dark);color:#cfe0f7;width:250px;padding:var(--space-5) var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.dash-sidebar .brand-text strong,.dash-sidebar .brand-text small{color:#fff}.dash-sidebar-brand{padding:0 10px var(--space-6)}.dash-nav{flex-direction:column;flex:1;gap:2px;display:flex}.dash-nav a{border-radius:var(--radius-sm);color:#b9cbe8;transition:var(--transition);align-items:center;gap:12px;padding:11px 14px;font-size:.9rem;font-weight:600;display:flex}.dash-nav a:hover{color:#fff;background:#ffffff0f}.dash-nav a.active{background:var(--gold);color:var(--primary-dark)}.dash-sidebar-foot{padding-top:var(--space-4);border-top:1px solid #ffffff1a}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.dash-topbar-right{align-items:center;gap:16px;display:flex}.role-badge{background:var(--surface-2);color:var(--primary);border-radius:var(--radius-pill);padding:6px 14px;font-size:.78rem;font-weight:700}.dash-content{padding:var(--space-6) 28px;flex:1}.dash-welcome-row{margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dash-welcome-row h1{color:var(--primary);font-size:1.5rem}.dash-welcome-row p{color:var(--ink-soft);font-size:.92rem}.health-badge{background:var(--green-bg);color:#0f6b3d;border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:800;display:flex}.dash-cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.dash-card{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--border);transition:var(--transition);background:#fff}.dash-card:hover{box-shadow:var(--shadow-sm)}.dash-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.dash-card-icon{font-size:1.4rem}.dash-card strong{color:var(--primary);font-size:1.7rem;display:block}.dash-card span.label{color:var(--ink-soft);font-size:.85rem}.dash-card .trend{font-size:.78rem;font-weight:700}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.dash-grid-2{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:1.4fr 1fr;display:grid}.dash-grid-3{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.dash-panel{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--border);background:#fff}.dash-panel h3{margin-bottom:var(--space-4);color:var(--primary);font-size:1.05rem}.dash-table{border-collapse:collapse;width:100%}.dash-table th,.dash-table td{text-align:left;border-bottom:1px solid var(--border);padding:11px 10px;font-size:.87rem}.dash-table th{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.dash-table tr:last-child td{border-bottom:none}.pill{border-radius:var(--radius-pill);padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-block}.pill-green{background:var(--green-bg);color:#0f6b3d}.pill-gold{background:var(--gold-bg);color:var(--gold-dark)}.pill-red{background:var(--red-bg);color:var(--red-dark)}.pill-blue{color:var(--primary);background:#e5edfa}.quick-actions{flex-wrap:wrap;gap:12px;display:flex}.chat-shell{border:1px solid var(--border);border-radius:var(--radius-lg);height:calc(100vh - 130px);min-height:560px;margin:var(--space-6) 24px;box-shadow:var(--shadow-sm);background:#fff;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.chat-sidebar-head{border-bottom:1px solid var(--border);padding:18px}.chat-sidebar-head h3{color:var(--primary);margin-bottom:10px}.chat-search{padding:0 18px 12px}.chat-search input{border:1px solid var(--border);border-radius:var(--radius-pill);width:100%;padding:9px 12px;font-size:.85rem}.chat-tabs{flex-wrap:wrap;gap:6px;padding:0 18px 12px;display:flex}.chat-tab{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-soft);padding:6px 12px;font-size:.75rem;font-weight:700}.chat-tab.active{background:var(--primary);color:#fff}.thread-list{flex:1;overflow-y:auto}.thread-item{border-bottom:1px solid var(--surface-2);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:12px;padding:13px 18px;display:flex}.thread-item:hover,.thread-item.active{background:var(--surface)}.thread-info{flex:1;min-width:0}.thread-info .t-name{justify-content:space-between;font-size:.9rem;font-weight:700;display:flex}.thread-info .t-name time{color:var(--ink-faint);font-size:.72rem;font-weight:500}.thread-info .t-preview{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.unread-badge{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:800;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-header .status-dot{background:var(--green);border-radius:50%;width:9px;height:9px}.chat-header-info strong{font-size:.95rem;display:block}.chat-header-info span{color:var(--ink-soft);font-size:.78rem}.chat-header-icons{color:var(--ink-faint);gap:14px;margin-left:auto;font-size:1.1rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.msg{gap:10px;max-width:70%;display:flex}.msg-in{align-self:flex-start}.msg-out{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.msg-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.msg-bubble{border-radius:16px;padding:11px 16px;font-size:.9rem;line-height:1.45}.msg-in .msg-bubble{background:var(--surface-2);color:var(--ink);border-bottom-left-radius:4px}.msg-out .msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-meta{color:var(--ink-faint);margin-top:4px;font-size:.7rem}.msg-out .msg-meta{text-align:right}.chat-input-bar{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.chat-input-bar input{border:1px solid var(--border);border-radius:var(--radius-pill);flex:1;padding:11px 16px}.chat-icon-btn{color:var(--ink-soft);padding:6px;font-size:1.2rem}.chat-send-btn{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.chat-send-btn:hover{background:var(--primary-light)}.pay-shell{padding:var(--space-6) 0}.invoice-list{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;overflow:hidden}.invoice-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:14px;padding:16px 20px;font-size:.88rem;display:grid}.invoice-row:last-child{border-bottom:none}.invoice-row.head{color:var(--ink-faint);text-transform:uppercase;background:var(--surface);font-size:.72rem;font-weight:700}.pay-modal{z-index:1000;background:#1018288c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.pay-modal.open{display:flex}.pay-modal-box{border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:#fff;position:relative}.pay-modal-box h3{margin-bottom:var(--space-4);color:var(--primary)}.pay-close{color:var(--ink-faint);font-size:1.3rem;position:absolute;top:18px;right:20px}.pay-method-row{margin:var(--space-4) 0;flex-wrap:wrap;gap:10px;display:flex}.pay-method-btn{border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;min-width:110px;transition:var(--transition);flex:1;padding:14px 10px;font-size:.82rem;font-weight:700}.pay-method-btn.active,.pay-method-btn:hover{border-color:var(--primary);background:var(--surface-2)}.pay-summary-row{border-bottom:1px dashed var(--border);justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.pay-summary-row.total{color:var(--primary);border-bottom:none;padding-top:12px;font-size:1.05rem;font-weight:800}.ann-filter-row{margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ann-filter-btns{gap:8px;display:flex}.ann-filter-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:#fff;padding:8px 18px;font-size:.85rem;font-weight:600}.ann-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ann-board{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.ann-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);background:#fff;position:relative}.ann-card.featured{border-left:5px solid var(--red);background:linear-gradient(90deg,var(--red-bg),#fff 30%);grid-column:1/-1}.ann-top-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ann-pin{color:var(--gold-dark);font-size:1rem}.ann-card h4{margin-bottom:var(--space-2);font-size:1.02rem}.ann-card p.body{color:var(--ink-soft);margin-bottom:var(--space-4);font-size:.88rem}.ann-meta{color:var(--ink-faint);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.ann-author{align-items:center;gap:8px;display:flex}.read-dot{background:var(--ink-faint);border-radius:50%;width:8px;height:8px}.ann-card[data-read=false] .read-dot{background:var(--red)}.attendance-grid{grid-template-columns:auto repeat(5,1fr);align-items:center;gap:6px;display:grid}.attendance-grid .att-name{text-align:right;padding-right:8px;font-size:.82rem;font-weight:600}.attendance-grid .att-head{text-align:center;color:var(--ink-faint);font-size:.72rem;font-weight:700}.att-dot{border:2px solid var(--green);border-radius:50%;width:22px;height:22px;margin:0 auto}.att-dot.present{background:var(--green)}.att-dot.absent{border-color:var(--red);background:0 0}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--border);background:#fff}.kpi-card strong{color:var(--primary);font-size:1.8rem;display:block}.kpi-card span.label{color:var(--ink-soft);font-size:.82rem}.spark{align-items:flex-end;gap:4px;height:36px;margin-top:10px;display:flex}.spark i{background:var(--gold);border-radius:2px;flex:1;display:block}.heatmap{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;border-radius:6px}.heat-high{background:var(--green)}.heat-mid{background:var(--gold)}.heat-low{background:var(--red)}.page-hero{background:radial-gradient(circle at 15% 0%,#2c5490,var(--primary-dark) 70%);color:#fff;padding:var(--space-7) 0}.breadcrumb{color:#a9bfe0;margin-bottom:var(--space-3);font-size:.85rem}.breadcrumb a{color:#cfe0f7}.breadcrumb a:hover{color:var(--gold)}.page-hero h1{margin-bottom:var(--space-3);font-size:clamp(1.8rem,3.5vw,2.6rem)}.page-hero p{color:#cfe0f7;max-width:600px;font-size:1.02rem}.mock-panel{border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5);box-shadow:var(--shadow-sm);background:#fff}.integration-row{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.integration-chip{color:var(--ink-soft);flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.integration-chip .ic{background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.tabs-row{margin-bottom:var(--space-7);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tab-btn{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--ink-soft);transition:var(--transition);background:#fff;padding:11px 22px;font-size:.88rem;font-weight:700}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-panel{display:none}.tab-panel.active{gap:var(--space-7);grid-template-columns:1fr 1fr;align-items:center;display:grid}.check-list li{color:var(--ink-soft);align-items:flex-start;gap:10px;padding:9px 0;font-size:.94rem;display:flex}.check-list li:before{content:"✓";color:var(--green);font-weight:800}.value-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.value-card{text-align:center;padding:var(--space-5)}.value-card .icon-badge{margin:0 auto var(--space-3)}.timeline{border-left:3px solid var(--border);max-width:760px;margin:0 auto;padding-left:30px;position:relative}.timeline-item{padding-bottom:var(--space-7);position:relative}.timeline-item:before{content:"";background:var(--gold);width:16px;height:16px;box-shadow:0 0 0 2px var(--gold);border:3px solid #fff;border-radius:50%;position:absolute;top:2px;left:-38px}.timeline-item h4{color:var(--primary);margin-bottom:4px}.timeline-item span.year{color:var(--red);font-size:.85rem;font-weight:800}.team-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.team-card{text-align:center;padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:#fff}.team-card .avatar-circle{width:64px;height:64px;margin:0 auto var(--space-3);font-size:1.3rem}.office-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);background:#fff}.office-card h4{color:var(--primary);margin-bottom:6px}.map-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-2),#dfe8f5);height:260px;color:var(--ink-faint);border:1px dashed var(--border);justify-content:center;align-items:center;font-weight:700;display:flex}.tco-box{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff}.tco-slider{width:100%;margin:var(--space-4) 0}.id-card{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-6);align-items:center;display:flex}.id-card .qr-box{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:2rem;display:flex}.id-card h3{margin-bottom:4px}.id-card span{color:#cfe0f7;font-size:.85rem}.wallet-card{background:linear-gradient(135deg,var(--gold),#c98600);color:#3a2600;border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.wallet-card strong{font-size:1.8rem}.schedule-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:.9rem;display:flex}.schedule-list li:last-child{border-bottom:none}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-cell{aspect-ratio:1;background:var(--surface-2);color:var(--ink-soft);border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;display:flex}.cal-cell.present{background:var(--green-bg);color:#0f6b3d;font-weight:700}.cal-cell.absent{background:var(--red-bg);color:var(--red-dark);font-weight:700}.cal-cell.holiday{background:var(--gold-bg);color:var(--gold-dark);font-weight:700}.skeleton{background:linear-gradient(90deg,#eef2f8 25%,#e3e8f0 37%,#eef2f8 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite skeleton}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}.text-center{text-align:center}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.bg-tint{background:var(--surface)}.bg-dark{background:var(--primary-dark);color:#fff}.badge{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--primary);padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}@media (max-width:860px){.hero-grid,.split-2{grid-template-columns:1fr}.stats-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.plans-grid{grid-template-columns:1fr}.plan.featured{transform:none}.footer-grid{grid-template-columns:1fr 1fr}.role-tile-grid{grid-template-columns:repeat(3,1fr)}.dash-cards{grid-template-columns:repeat(2,1fr)}.dash-grid-2,.dash-grid-3{grid-template-columns:1fr}.value-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.ann-board,.tab-panel.active{grid-template-columns:1fr}.chat-sidebar{width:230px}.nav-links{box-shadow:var(--shadow-md);border-bottom:1px solid var(--border);background:#fff;flex-direction:column;gap:6px;padding:16px 24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open,.nav-toggle{display:flex}.lang-switcher-nav{display:none!important}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.role-grid,.role-tile-grid{grid-template-columns:1fr 1fr}.steps,.dash-cards,.value-grid,.team-grid,.form-row-2{grid-template-columns:1fr}.invoice-row{grid-template-columns:1fr 1fr;font-size:.8rem}.invoice-row.head,.topbar-inner span{display:none}.dash-sidebar{z-index:200;height:100vh;transition:var(--transition);position:fixed;left:-260px}.dash-content{padding:var(--space-5) 16px}.attendance-grid{grid-template-columns:auto repeat(5,1fr);font-size:.7rem}.kpi-grid{grid-template-columns:1fr 1fr}.heatmap{grid-template-columns:repeat(5,1fr)}.chat-shell{height:auto;margin:var(--space-4) 12px;flex-direction:column}.chat-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.cta-banner{margin:0 12px}}.toast-wrap{z-index:1200;flex-direction:column;gap:10px;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--primary-dark);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;align-items:flex-start;gap:10px;padding:13px 16px;font-size:.87rem;font-weight:600;transition:opacity .25s,transform .25s;display:flex;transform:translateY(14px)}.toast.in{opacity:1;transform:translateY(0)}.toast .toast-ico{flex-shrink:0;font-size:1.05rem;line-height:1.3}.toast.ok{background:#0f6b3d}.toast.warn{background:var(--gold-dark)}.toast.err{background:var(--red-dark)}.icon-btn{background:var(--surface-2);width:38px;height:38px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:relative}.icon-btn:hover{background:#dde5f2}.icon-btn .badge-dot{background:var(--red);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.menu-anchor{position:relative}.menu-pop{z-index:500;border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);background:#fff;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0}.menu-pop.open{display:block}.menu-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 10px}.menu-head strong{color:var(--primary);font-size:.92rem;display:block}.menu-head span{color:var(--ink-soft);font-size:.76rem}.menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--ink);transition:var(--transition);align-items:flex-start;gap:10px;padding:9px 10px;font-size:.85rem;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--red)}.menu-item .mi-ico{flex-shrink:0;font-size:1rem}.menu-item .mi-body{flex:1;min-width:0}.menu-item .mi-body strong{font-size:.85rem;font-weight:700;display:block}.menu-item .mi-body span{color:var(--ink-soft);font-size:.75rem;display:block}.menu-item.unread{background:#f2f7ff}.menu-sep{background:var(--border);height:1px;margin:6px 0}.menu-foot{text-align:center;padding:8px 10px 4px}.menu-foot a{color:var(--primary);font-size:.78rem;font-weight:700}.lss-modal{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1018288c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.lss-modal.open{display:flex}.lss-modal-box{border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:520px;max-height:88vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.lss-modal-box.wide{max-width:760px}.lss-modal-head{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lss-modal-head h3{color:var(--primary);font-size:1.15rem}.lss-modal-head p{color:var(--ink-soft);margin-top:3px;font-size:.83rem}.lss-modal-close{color:var(--ink-faint);border-radius:6px;padding:2px 6px;font-size:1.3rem;line-height:1}.lss-modal-close:hover{background:var(--surface-2);color:var(--ink)}.lss-modal-foot{margin-top:var(--space-5);justify-content:flex-end;gap:10px;display:flex}.btn-xs{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--primary);transition:var(--transition);background:#fff;padding:5px 12px;font-size:.75rem;font-weight:700}.btn-xs:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border);width:30px;height:30px;transition:var(--transition);background:#fff;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.btn-icon:hover{background:var(--surface-2)}.btn-icon.del:hover{background:var(--red-bg);border-color:var(--red)}.action-btns{gap:6px;display:flex}.tbl-toolbar{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tbl-toolbar .spacer{flex:1}.search-input{border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;min-width:220px;padding:9px 14px;font-size:.85rem}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a3a6b1f}.select-input{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;background:#fff;padding:9px 14px;font-size:.85rem}.select-input:focus{border-color:var(--primary);outline:none}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--ink-soft);transition:var(--transition);background:#fff;padding:7px 16px;font-size:.82rem;font-weight:600}.chip.active,.chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-row td{text-align:center;color:var(--ink-faint);padding:26px 10px;font-size:.87rem}.page-head{margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.page-head h1{color:var(--primary);font-size:1.5rem}.page-head p{color:var(--ink-soft);margin-top:4px;font-size:.9rem}.page-head .head-actions{flex-wrap:wrap;gap:10px;display:flex}.sidebar-toggle{border-radius:var(--radius-sm);color:var(--primary);padding:4px 10px;font-size:1.4rem;display:none}.sidebar-scrim{z-index:150;background:#10182873;display:none;position:fixed;inset:0}.sidebar-scrim.open{display:block}@media (max-width:960px){.sidebar-toggle{display:block}.dash-sidebar{z-index:200;height:100vh;transition:var(--transition);position:fixed;top:0;left:-280px;overflow-y:auto}.dash-sidebar.open{left:0}.dash-topbar{gap:10px}}@media (max-width:640px){.toast-wrap{max-width:none;left:12px;right:12px}.menu-pop{width:min(88vw,300px);min-width:auto}.search-input{flex:1;min-width:0}}@media print{.dash-sidebar,.dash-topbar,.site-header,.site-footer,.quick-actions,.tbl-toolbar,.head-actions,.toast-wrap,.sidebar-scrim{display:none!important}.dash-content{padding:0}.dash-panel{break-inside:avoid;border:1px solid #ccc}body{background:#fff}}