*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f6b5c;--primary-dark:#0a5047;--primary-light:#e8f4f1;--accent:#e07a3d;--accent-dark:#c4622c;--surface:#f7f5f2;--surface-dark:#eeece8;--ink:#1a1a1a;--ink-muted:#555;--ink-faint:#888;--border:#dddad5;--white:#fff;--danger:#c0392b;--danger-light:#fdecea;--success:#1a7a4a;--success-light:#e8f5ee;--warning:#b45309;--warning-light:#fef3c7;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 4px 24px #0000001f;--sidebar-width:240px;--topbar-height:60px;--font:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1{letter-spacing:-.02em;font-size:2.6rem;font-weight:800;line-height:1.2}h2{letter-spacing:-.01em;font-size:2rem;font-weight:700;line-height:1.3}h3{font-size:1.35rem;font-weight:600;line-height:1.4}h4{font-size:1.1rem;font-weight:600}p{color:var(--ink-muted)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-8{gap:32px}.btn{border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 22px;line-height:1;transition:all .15s;display:inline-flex;text-decoration:none!important}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-accent{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-light)}.btn-outline-white{color:var(--white);background:0 0;border-color:#ffffffb3}.btn-outline-white:hover:not(:disabled){border-color:var(--white);background:#ffffff1a}.btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#a93226}.btn-ghost{color:var(--ink-muted);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-dark)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink);font-size:.85rem;font-weight:600}.input,.select,.textarea{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);font-family:var(--font);padding:10px 14px;font-size:.9rem;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f6b5c1a}.textarea{resize:vertical;min-height:100px}.textarea-code{font-family:var(--font-mono);min-height:220px;font-size:.85rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-error{color:var(--danger);font-size:.82rem}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:24px}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--success-light);color:var(--success)}.badge-red{background:var(--danger-light);color:var(--danger)}.badge-orange{background:var(--warning-light);color:var(--warning)}.badge-gray{background:var(--surface-dark);color:var(--ink-muted)}.badge-blue{color:#1a56db;background:#e8f0fe}.alert{border-radius:var(--radius);padding:12px 16px;font-size:.875rem;font-weight:500}.alert-error{background:var(--danger-light);color:var(--danger)}.alert-success{background:var(--success-light);color:var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;background:var(--white);width:100%;font-size:.875rem}.table thead th{background:var(--surface);color:var(--ink-muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.78rem;font-weight:600}.table tbody td{border-bottom:1px solid var(--surface-dark);vertical-align:middle;padding:13px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface)}.table .td-actions{align-items:center;gap:6px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.65s linear infinite spin;display:inline-block}.spinner-lg{border-width:4px;width:36px;height:36px}.loading-center{justify-content:center;align-items:center;padding:60px;display:flex}.empty-state{color:var(--ink-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 32px;display:flex}.empty-state-icon{font-size:2.5rem}.empty-state p{max-width:300px;font-size:.9rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f7f5f2eb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-brand{color:var(--primary);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex;text-decoration:none!important}.navbar-brand-dot{color:var(--accent)}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-link{border-radius:var(--radius);color:var(--ink-muted);padding:6px 14px;font-size:.9rem;font-weight:500;transition:color .15s,background .15s;text-decoration:none!important}.navbar-link:hover{color:var(--primary);background:var(--primary-light)}.lang-toggle{background:var(--surface-dark);border-radius:999px;align-items:center;gap:2px;margin-left:4px;padding:2px;display:flex}.lang-btn{cursor:pointer;color:var(--ink-muted);font-size:.8rem;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:999px;padding:4px 12px;transition:all .15s}.lang-btn.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.hero{background:linear-gradient(145deg, var(--primary) 0%, #1a8a78 100%);color:var(--white);padding:96px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-inner{max-width:680px;position:relative}.hero h1{color:var(--white);margin-bottom:20px}.hero-subtitle{color:#ffffffd1;margin-bottom:36px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.features{padding:80px 0}.features-header{text-align:center;margin-bottom:52px}.features-header h2{margin-bottom:12px}.features-header p{max-width:540px;margin-inline:auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:28px 24px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius);background:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:16px;font-size:1.4rem;display:flex}.feature-card h3{margin-bottom:8px;font-size:1.05rem}.feature-card p{font-size:.875rem;line-height:1.6}.footer{background:var(--ink);color:#ffffffb3;padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{color:var(--white);font-size:1rem;font-weight:700}.footer-tagline{margin-top:4px;font-size:.82rem}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:#ffffffa6;font-size:.875rem}.footer-links a:hover{color:var(--white);text-decoration:none}.footer-copy{text-align:right;margin-top:6px;font-size:.8rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:40px;animation:.2s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.modal-box h2{margin-bottom:12px}.modal-box p{margin-bottom:24px}.modal-email-row{gap:8px;display:flex}.modal-email-row .input{flex:1}.contact-page{max-width:560px;margin-inline:auto;padding:80px 0}.contact-page h1{margin-bottom:8px}.contact-page .subtitle{margin-bottom:40px}.contact-form{flex-direction:column;gap:20px;display:flex}.static-page{max-width:760px;margin-inline:auto;padding:60px 0}.static-page h1{margin-bottom:8px}.static-page .meta{color:var(--ink-faint);margin-bottom:36px;font-size:.85rem}.static-page h2{margin:32px 0 12px}.static-page p{margin-bottom:16px}.static-page ul{margin-bottom:16px;padding-left:24px}.static-page li{color:var(--ink-muted);margin-bottom:6px}.admin-root{background:var(--surface);min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-width);background:var(--ink);color:#ffffffd9;z-index:50;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;padding:20px 20px 16px}.admin-sidebar-brand-name{color:var(--white);font-size:1rem;font-weight:800;display:block}.admin-sidebar-brand-sub{color:#ffffff73;margin-top:2px;font-size:.72rem;display:block}.admin-sidebar-nav{flex:1;padding:12px 0}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:16px 20px 6px;font-size:.68rem;font-weight:700}.sidebar-link{color:#ffffffb3;border-left:3px solid #0000;align-items:center;gap:9px;padding:8px 20px;font-size:.875rem;transition:background .12s,color .12s;display:flex;text-decoration:none!important}.sidebar-link:hover{color:var(--white);background:#ffffff0f}.sidebar-link.active{color:var(--white);border-left-color:var(--primary);background:#0f6b5c4d}.sidebar-link-icon{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.admin-sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.admin-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.admin-topbar{height:var(--topbar-height);background:var(--white);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.admin-topbar-title{color:var(--ink);font-size:1rem;font-weight:600}.admin-content{flex:1;padding:28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{font-size:1.5rem}.page-header p{color:var(--ink-muted);margin-top:4px;font-size:.875rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:8px;font-size:.78rem;font-weight:600}.stat-value{color:var(--primary);font-size:2rem;font-weight:800;line-height:1}.admin-form{flex-direction:column;gap:18px;max-width:560px;display:flex}.admin-form-actions{gap:10px;margin-top:8px;display:flex}.admin-modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal-box{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:32px}.admin-modal-box h3{margin-bottom:20px}.admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.admin-login-wrap{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-card{width:100%;max-width:400px}.admin-login-card .brand{text-align:center;margin-bottom:32px}.admin-login-card .brand-name{color:var(--primary);font-size:1.3rem;font-weight:800}.admin-login-card .brand-sub{color:var(--ink-faint);margin-top:4px;font-size:.82rem}.admin-login-card h1{margin-bottom:6px;font-size:1.4rem}.admin-login-card .subtitle{margin-bottom:28px;font-size:.875rem}.admin-login-form{flex-direction:column;gap:16px;display:flex}.geo-page{flex-direction:column;height:calc(100vh - 120px);min-height:480px;display:flex}.geo-shell{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);flex:1;grid-template-columns:240px 1fr 1fr;min-height:0;display:grid;overflow:hidden}.geo-col{border-right:1px solid var(--border);background:#fff;flex-direction:column;min-height:0;display:flex}.geo-col:last-child{border-right:none}.geo-col-head{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;font-weight:700;display:flex}.geo-back{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0 4px;font-size:1.1rem;display:none}.geo-col-body{flex:1;overflow-y:auto}.geo-row{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.geo-row:hover{background:#00000008}.geo-row.active{background:color-mix(in srgb, var(--primary) 12%, white)}.geo-row-title{flex:1;font-weight:500}.geo-row-split{gap:6px;padding:8px 10px}.geo-row-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.geo-empty{color:var(--ink-muted);text-align:center;padding:28px 16px;font-size:.9rem}@media (width<=960px){.geo-shell{grid-template-columns:1fr}.geo-col{display:none}.geo-shell.geo-pane-states .geo-col-states,.geo-shell.geo-pane-cities .geo-col-cities,.geo-shell.geo-pane-wards .geo-col-wards{display:flex}.geo-back{display:inline-block}.geo-col-states .geo-back{display:none}}.note-box{background:var(--primary-light);border-radius:var(--radius);color:var(--primary);border:1px solid #0f6b5c33;margin-bottom:20px;padding:14px 16px;font-size:.875rem}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:2rem}.hero{padding:60px 0}}@media (width<=640px){.features-grid,.form-row{grid-template-columns:1fr}.navbar-links .navbar-link{display:none}h1{font-size:1.75rem}.footer-inner{flex-direction:column;gap:16px}.footer-copy{text-align:left}.admin-sidebar{transform:translate(-100%)}.admin-main{margin-left:0}}