@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--emerald:#10b981;--emerald-dark:#047857;--green-deep:#064e3b;--green-black:#022c22;--green-soft:#d1fae5;--white:#fff;--off-white:#f9fefb;--gray-bg:#f1f8f4;--text:#1a3a30;--muted:#5d756d;--border:#064e3b1f;--shadow-sm:0 4px 16px #022c220f;--shadow:0 16px 48px #022c221a;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1140px,100% - 48px);margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 30px #10b98166}a{transition:color .2s,opacity .2s}.btn,button{transition:transform .2s,box-shadow .2s,background-color .2s}.btn:hover,button:hover{transform:translateY(-2px)}.card,.sector-card,.mv-card,.programs-split-item,.calendar-event-card{transition:transform .3s,box-shadow .3s}.programs-split-item{transition:transform .3s,background-color .3s,box-shadow .3s}.programs-split-item:hover{background-color:#10b9810d;transform:translate(8px);box-shadow:0 4px 12px #00000014}.calendar-event-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.mv-card{transition:transform .4s,box-shadow .4s}.mv-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0003}.faq-item{transition:transform .2s,box-shadow .2s}.faq-item:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .5s}.img-zoom:hover img{transform:scale(1.08)}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--emerald);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-links a:hover:after{width:100%}.hero{animation:1.2s ease-out forwards heroFadeIn}@keyframes heroFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.hero-content h1{opacity:0;animation:.8s ease-out .2s forwards heroContentFadeIn}.hero-copy{opacity:0;animation:.8s ease-out .4s forwards heroContentFadeIn}.hero-actions{opacity:0;animation:.8s ease-out .6s forwards heroContentFadeIn}.hero-cards{opacity:0;animation:1s ease-out .8s forwards heroCardsSlideUp;transform:translateY(30px)}@keyframes heroContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCardsSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.page-transition{animation:.5s fadeInUp}.section{padding:80px 0}.site-header{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:var(--green-deep);box-shadow:var(--shadow-sm);border-bottom:1px solid #ffffff1a}.nav{align-items:center;gap:24px;min-height:60px;display:flex;position:relative}.brand{align-items:center;gap:10px;margin-right:auto;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--white);background:linear-gradient(135deg, var(--emerald), var(--green-deep));border-radius:12px;place-items:center;font-size:.85rem;font-weight:800;display:grid}.brand-mark-img{object-fit:contain;border-radius:12px;width:36px;height:36px}.brand strong,.brand small{display:block}.brand strong{color:var(--white);transition:color .3s}.site-header:not(.scrolled) .brand strong{color:var(--white)}.brand small{color:#ffffffb3;margin-top:1px;font-size:.65rem;transition:color .3s}.site-header:not(.scrolled) .brand small{color:#ffffffb3}.nav-links{color:var(--white);align-items:center;gap:20px;font-size:.82rem;font-weight:500;transition:color .3s;display:flex}.site-header:not(.scrolled) .nav-links{color:var(--white)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--emerald-dark)}.site-header:not(.scrolled) .nav-links a:hover{color:var(--green)}.nav-btn{margin-left:12px;padding:10px 20px;font-size:.88rem}.nav-login{transition:background .3s,color .3s,border-color .3s}.nav-menu-toggle{cursor:pointer;color:var(--white);background:0 0;border:none;padding:6px;line-height:0;display:none}.site-header:not(.scrolled) .nav-menu-toggle{color:var(--white)}.nav-login-mobile,.nav-menu-close,.nav-link-mobile-login{display:none}.site-header:not(.scrolled) .nav-login,.site-header.scrolled .nav-login{color:var(--white);background:0 0;border:1.5px solid #ffffff59}.btn{min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 24px;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--white);background:var(--green-deep);box-shadow:0 4px 16px #064e3b33}.btn-primary:hover{background:var(--emerald-dark);box-shadow:0 8px 24px #064e3b4d}h1,h2,h3,h4,p{margin-top:0}h1{color:var(--green-black);letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.15}h2{color:var(--green-black);letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}h3{color:var(--green-black);margin-bottom:8px;font-size:1.1rem;line-height:1.3}h4{color:var(--white);margin-bottom:12px;font-size:.95rem}p{color:var(--muted);margin-bottom:14px;line-height:1.7}.section-title{margin-bottom:8px}.section-title.centered{text-align:center}.section-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.view-all{color:var(--emerald-dark);font-size:.9rem;font-weight:600;transition:color .2s}.view-all:hover{color:var(--green-deep)}.hero{background:var(--green-black);min-height:78vh;padding:72px 0 0;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-overlay{z-index:1;background:linear-gradient(160deg,#0230204d 0% 50%,#0230204d 100%);position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(#0000 40%,#022c22d9 100%);position:absolute;inset:0}.hero-grid{z-index:2;flex-direction:column;justify-content:flex-end;gap:24px;height:100%;padding-top:80px;padding-bottom:28px;display:flex;position:relative}.hero-content{flex-direction:column;gap:0;max-width:640px;animation:.6s both fadeInUp;display:flex}.hero-accent{color:#ffffffd9;text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 4px #00000080;background:#022c2299;border:1px solid #ffffff26;border-radius:4px;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:.68rem;font-weight:500;display:inline-block}.hero h1{color:var(--white);text-shadow:0 2px 12px #0009,0 4px 24px #0006;letter-spacing:2px;margin:0 0 14px;font-size:clamp(2.8rem,6vw,4.2rem);line-height:1.05}.hero-line{display:block}.hero-white{color:var(--white);font-weight:900}.hero-green{color:#079d68;font-weight:900}.hero .hero-copy{color:#ffffffe6;text-shadow:0 1px 6px #00000080;max-width:460px;margin-bottom:14px;font-size:.9rem;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-btn-solid{color:var(--white);background:#05714b;border:none;padding:10px 20px;font-size:.88rem;font-weight:600;box-shadow:0 8px 24px #00000040}.hero-btn-solid:hover{color:var(--white);background:#045a3c}.hero-btn-outline,.hero-btn-track{color:var(--white);background:0 0;border:1.5px solid #fffc;padding:10px 20px;font-size:.88rem;font-weight:500}.hero-btn-outline:hover,.hero-btn-track:hover{background:#ffffff1a;border-color:#fff}.hero-btn-solid svg,.hero-btn-outline svg,.hero-btn-track svg{flex-shrink:0}.hero-btn-mobile{display:none}.hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#022c22bf;border:1px solid #ffffff1f;border-radius:12px;width:100%;margin-top:8px;padding:16px;display:none}.hero-stat{text-align:center;color:var(--white);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.hero-stat svg{color:var(--emerald);margin-bottom:2px}.hero-stat-value{color:var(--white);font-size:1.1rem;font-weight:700;line-height:1.2}.hero-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:600}.hero-cards{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#022c22bf;border:1px solid #ffffff1f;border-radius:12px;align-items:stretch;margin-top:auto;padding:18px 24px;transition:background .2s;display:flex}.hero-card-item{flex:1;align-items:flex-start;gap:12px;padding:0 8px;display:flex}.hero-card-divider{background:#ffffff1f;flex-shrink:0;width:1px;margin:4px 0}.hero-card-icon{color:#05714b;background:#05714b1f;border:1.5px solid #05714b80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-card-body h4{color:var(--white);text-shadow:0 1px 4px #00000080;margin:0 0 4px;font-size:.8rem;font-weight:600}.hero-card-body p{color:#ffffffb3;text-shadow:0 1px 3px #0006;margin:0;font-size:.72rem;line-height:1.45}.section-light{background:#f6f7f9;padding:36px 0 48px}.section-center-header{text-align:center;margin-bottom:28px}.section-subtitle{color:var(--muted);max-width:480px;margin:0 auto;font-size:.9rem;line-height:1.5}.programs-mobile{display:none}.feature-cards-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;transition:box-shadow .2s;display:flex;position:relative}.feature-card:hover{box-shadow:0 4px 16px #0000000f}.feature-card-icon{background:var(--green-soft);width:40px;height:40px;color:var(--emerald);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card-body h4{color:var(--text);margin:0 0 4px;font-size:.85rem;font-weight:700}.feature-card-body p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.4}.feature-card-arrow{color:var(--emerald);font-size:1rem;font-weight:700;position:absolute;bottom:14px;right:14px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:10px;font-size:.72rem;font-weight:600;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--muted);width:24px;height:1px;display:block}.programs-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.program-card{background:var(--white);border:1px solid var(--border);text-align:left;border-radius:10px;padding:22px 20px;transition:box-shadow .2s,transform .2s}.program-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.program-icon{background:var(--green-soft);width:48px;height:48px;color:var(--emerald);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.program-card h3{color:var(--text);margin:0 0 8px;font-size:.95rem;font-weight:700}.program-card p{color:var(--muted);margin:0 0 16px;font-size:.82rem;line-height:1.5}.program-link{color:var(--emerald);font-size:.82rem;font-weight:600;text-decoration:none}.program-link:hover{color:var(--green-deep)}.programs-split-section{background-color:#f8fafc;padding:80px 0}.programs-split-header{text-align:center;max-width:680px;margin-bottom:56px;margin-left:auto;margin-right:auto}.programs-split-title{color:#1e293b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:1.8rem;font-weight:800}.programs-split-line{background-color:#fbbf24;border-radius:2px;width:50px;height:4px;margin:0 auto 20px}.programs-split-subtitle{color:#64748b;font-size:.92rem;line-height:1.6}.programs-split-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;max-width:1000px;margin:0 auto;display:grid}.programs-combined-section{background-color:#f8fafc;padding:200px 0 64px}@media (max-width:768px){.programs-combined-section{padding:64px 0}}.programs-combined-section .container{width:min(100%,100% - 96px)}.programs-combined-header{text-align:center;max-width:680px;margin-bottom:16px;margin-left:auto;margin-right:auto}.programs-combined-title{color:#1e293b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:2rem;font-weight:800}.programs-combined-line{background-color:#fbbf24;border-radius:2px;width:60px;height:4px;margin:0 auto 20px}.programs-combined-subtitle{color:#64748b;font-size:1rem;line-height:1.6}.programs-subsection{margin-bottom:16px}.programs-subsection:last-child{margin-bottom:0}.programs-subsection-title{color:#1e293b;text-align:center;margin-bottom:8px;font-size:1.4rem;font-weight:700}.programs-subsection-subtitle{color:#64748b;text-align:center;margin-bottom:16px;font-size:.95rem;line-height:1.5}.sector-subsection{border-top:1px solid #e2e8f0;padding-top:8px}.programs-split-art{justify-content:center;align-items:center;padding:8px;display:flex}.programs-split-list{grid-template-columns:1fr;gap:20px;display:grid}.programs-split-item{align-items:flex-start;gap:24px;display:flex}.programs-split-icon-box{color:#fff;background-color:#fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #fbbf2440}.programs-split-item:hover .programs-split-icon-box{transform:scale(1.1)}.programs-split-icon-box svg{width:28px;height:28px}.programs-split-info h4{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:1rem;font-weight:800}.programs-split-info p{color:#64748b;margin:0;font-size:.88rem;line-height:1.5}@media (max-width:1024px){.programs-split-grid{grid-template-columns:1fr;gap:40px}.programs-split-art{max-width:320px;margin:0 auto}.hero-cards{padding:14px 16px}.hero-card-item{padding:0 6px}.programs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{height:auto;min-height:100svh;max-height:unset;padding-top:96px;overflow:visible}.hero-grid{justify-content:space-between;gap:6px;height:auto;min-height:calc(100svh - 96px);padding-top:4px;padding-bottom:12px}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;padding-top:12px;display:flex}.hero h1{letter-spacing:1px;margin-bottom:2px;font-size:clamp(2.2rem,10vw,3rem);line-height:1}.hero .hero-copy{margin-bottom:2px;font-size:.73rem;line-height:1.35}.hero-actions{width:100%;max-width:unset;flex-direction:column;gap:5px;margin-bottom:0}.hero-btn-solid,.hero-btn-outline,.hero-btn-track,.hero-btn-mobile{white-space:nowrap;flex:unset;justify-content:center;width:100%;padding:8px 14px;font-size:.75rem}.hero-btn-mobile{display:inline-flex}.hero-cards{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:0;padding:0;display:grid}.hero-card-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:unset;background:#022c22bf;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.hero-card-icon{border-radius:6px;width:24px;height:24px}.hero-card-body h4{margin-bottom:2px;font-size:.68rem}.hero-card-body p{font-size:.58rem;line-height:1.3}.hero-card-divider{display:none}.programs-grid{grid-template-columns:1fr}.programs-list{grid-template-columns:1fr;gap:16px}.program-category{padding:20px 22px}.program-cat-title{font-size:.9rem}.program-items li{padding:6px 0 6px 14px;font-size:.85rem}.hero-stats{display:none!important}.feature-cards-grid{gap:12px}.feature-card{padding:14px}.feature-card-icon{width:36px;height:36px}.feature-card-body h4{font-size:.78rem}.feature-card-body p{font-size:.68rem}}.hero-image{display:none}.impact-section{background:var(--white);border-bottom:1px solid var(--border);padding:64px 0}.impact-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;display:grid}.impact-item{text-align:center}.impact-icon{width:56px;height:56px;color:var(--green-deep);background:var(--green-soft);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.impact-item strong{color:var(--green-black);margin-bottom:4px;font-size:2rem;display:block}.impact-item span{color:var(--muted);font-size:.88rem}.announcement-grid{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.announcement-grid::-webkit-scrollbar{display:none}.announcement-card{scroll-snap-align:start;background:var(--white);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:0 0 calc(33.333% - 8px);min-width:calc(33.333% - 8px);transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.announcement-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.announcement-card.cta-card{background:var(--green-deep);border-color:var(--green-deep);justify-content:center}.announcement-card.cta-card h3,.announcement-card.cta-card p{color:var(--white)}.announcement-card.cta-card p{color:#fffc}.announcement-img{width:100%;height:220px;overflow:hidden}.announcement-img img{object-fit:cover;width:100%;height:100%}.announcement-body{flex-direction:column;flex:1;padding:16px 18px;display:flex}.announcement-body h3{margin-bottom:6px;font-size:.95rem}.announcement-body p{margin-bottom:10px;font-size:.84rem;line-height:1.5}.announcement-people{gap:6px;display:flex}.avatar{background:var(--green-soft);border:2px solid var(--white);border-radius:50%;width:32px;height:32px}.tinted{background:var(--gray-bg)}.events-section{background:var(--green-black);color:var(--white)}.events-header{margin-bottom:24px}.events-eyebrow{color:var(--emerald);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.78rem;font-weight:700}.events-section .section-title{color:var(--white);margin-bottom:0}.events-tabs{gap:8px;margin-bottom:28px;display:flex}.event-tab{color:#fff9;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:10px 20px;font-size:.84rem;font-weight:600;transition:all .2s}.event-tab:hover{color:var(--white);border-color:#ffffff4d}.event-tab.active{background:var(--emerald);border-color:var(--emerald);color:var(--white)}.events-list{flex-direction:column;gap:12px;display:flex}.event-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:1fr 180px .8fr auto;align-items:center;gap:24px;padding:18px 24px;transition:background .2s,border-color .2s;display:grid}.event-row:hover{background:#ffffff14;border-color:#10b9814d}.event-info h3{color:var(--white);margin-bottom:6px;font-size:1.08rem;font-weight:700}.event-info p{color:#ffffff8c;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.84rem;line-height:1.45;display:-webkit-box;overflow:hidden}.event-thumb{border-radius:8px;width:180px;height:110px;overflow:hidden}.event-thumb img{object-fit:cover;width:100%;height:100%}.event-details{flex-direction:column;gap:6px;display:flex}.event-details span{color:#ffffff8c;align-items:center;gap:6px;font-size:.82rem;display:flex}.event-details span:before{content:"";background:var(--emerald);border-radius:50%;flex-shrink:0;width:6px;height:6px}.event-cta{background:linear-gradient(135deg, var(--emerald), var(--emerald-dark));color:var(--white);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;padding:10px 22px;font-size:.82rem;font-weight:700;transition:transform .2s,box-shadow .2s}.event-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.events-carousel-wrapper{width:100%;max-width:1100px;margin:0 auto;position:relative}.events-carousel-viewport{border-radius:20px;width:100%;overflow:hidden}.events-carousel-track{transition:transform .5s ease-in-out;display:flex}.events-carousel-slide{flex:0 0 100%;width:100%}.events-hero-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:1fr;display:grid;overflow:hidden}.events-hero-image{flex-shrink:0;width:100%;height:280px;min-height:280px;max-height:280px;position:relative;overflow:hidden}.events-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.events-hero-overlay{background:linear-gradient(#0000 0%,#001a0f33 40%,#001a0fd9 100%);position:absolute;inset:0}.event-countdown-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:8px 14px;font-size:.8rem;font-weight:700;animation:2s infinite pulse;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #0003}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.view-all-events-link{text-align:center;margin-top:32px}.view-all-events-link a{color:#34d399;align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.view-all-events-link a:hover{color:#10b981}.event-social-share{border-top:1px solid #e2e8f0;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.share-label{color:#64748b;font-size:.85rem;font-weight:500}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s,box-shadow .2s;display:flex}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-facebook{background:#1877f2}.share-twitter{background:#1da1f2}.events-hero-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding:28px 24px 32px;display:flex;overflow:hidden}.events-hero-title{color:var(--white);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.events-hero-desc{color:#ffffffbf;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:520px;margin:0;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.events-hero-meta{flex-wrap:wrap;gap:12px 20px;display:flex}.events-hero-meta-item{color:#fffc;align-items:center;gap:8px;font-size:.85rem;display:flex}.events-hero-meta-item svg{color:var(--emerald);flex-shrink:0}.events-hero-btn{background:linear-gradient(135deg, var(--emerald), var(--emerald-dark));color:var(--white);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:8px;padding:12px 28px;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s}.events-hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.carousel-arrow{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--white);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#ffffff40;transform:translateY(-50%)scale(1.08)}.carousel-arrow-left{left:-12px}.carousel-arrow-right{right:-12px}.events-carousel-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.carousel-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:10px;height:10px;transition:background .25s,transform .25s}.carousel-dot.active{background:var(--emerald);transform:scale(1.25)}.carousel-dot:hover{background:#fff9}@media (min-width:768px){.events-hero-card{grid-template-columns:1.1fr 1fr;height:400px;min-height:400px;max-height:400px}.events-hero-image{height:100%;min-height:400px;max-height:400px}.events-hero-content{justify-content:center;padding:40px 36px;overflow:hidden}.events-hero-title{font-size:2rem}.events-hero-desc{-webkit-line-clamp:3;line-clamp:3}.carousel-arrow-left{left:-22px}.carousel-arrow-right{right:-22px}}.event-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#001e0fb3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.event-modal-card{background:var(--white);border-radius:16px;flex-direction:column;width:100%;max-width:700px;height:500px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000040}.event-modal-close{width:32px;height:32px;color:var(--text);cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.event-modal-close:hover{background:#fff}.event-modal-image{flex-shrink:0;width:100%;height:200px;overflow:hidden}.event-modal-image img{object-fit:cover;width:100%;height:100%;display:block}.event-modal-body{flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.event-modal-body h3{color:var(--green-deep);margin-bottom:8px;font-size:1.25rem;font-weight:800}.event-modal-desc{color:var(--text);margin-bottom:20px;font-size:.9rem;line-height:1.6}.event-modal-meta{flex-direction:column;gap:8px;display:flex}.event-meta-row{color:var(--text);align-items:center;gap:10px;font-size:.85rem;display:flex}.event-meta-row svg{color:var(--emerald);flex-shrink:0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.about-content p{font-size:.95rem}.about-image img{border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover;width:100%;height:340px}.values-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.value-tag{background:var(--green-soft);color:var(--green-deep);border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:700}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .25s,box-shadow .25s}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.project-card h3{margin-top:12px;font-size:1rem}.project-card p{margin-bottom:16px;font-size:.88rem}.project-card small{color:var(--emerald-dark);margin-top:8px;font-size:.82rem;font-weight:700;display:block}.project-status{border-radius:999px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-block}.project-status.ongoing{color:#92400e;background:#fef3c7}.project-status.completed{background:var(--green-soft);color:var(--green-deep)}.progress{background:var(--gray-bg);border-radius:999px;height:10px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--emerald), var(--green-deep));height:100%;transition:width .8s;display:block}#sector-programs{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);padding:80px 0}#sector-programs .section-header{margin-bottom:48px}#sector-programs .section-subtitle{color:#64748b;margin-top:8px;font-size:1rem;line-height:1.6}.sector-programs-grid{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:16px;display:grid}.sector-card{background:var(--white);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sector-card:hover{border-color:var(--emerald);transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026}.sector-card-image{flex-shrink:0;height:180px;position:relative;overflow:hidden}.sector-card-image:after{content:"";background:linear-gradient(#0000,#0000004d);height:60px;position:absolute;bottom:0;left:0;right:0}.sector-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.sector-card:hover .sector-card-image img{transform:scale(1.08)}.sector-card-badge{background:linear-gradient(135deg, var(--emerald), var(--green-deep));color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:2;border-radius:999px;padding:8px 16px;font-size:.75rem;font-weight:800;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #10b9814d}.sector-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.sector-card-body h3{color:var(--green-black);margin-bottom:16px;font-size:1.15rem;font-weight:800;line-height:1.35}.sector-card-list{flex:1;margin:0;padding:0;list-style:none}.sector-card-list li{color:#475569;border-bottom:1px solid #f1f5f9;padding:8px 0 8px 24px;font-size:.88rem;line-height:1.5;position:relative}.sector-card-list li:last-child{border-bottom:none}.sector-card-list li:before{content:"✓";color:var(--emerald);font-size:.9rem;font-weight:800;position:absolute;top:8px;left:0}@media (max-width:1200px){.sector-programs-grid{grid-template-columns:repeat(3,1fr);gap:16px}.sector-card-image{height:200px}}@media (max-width:768px){#sector-programs{padding:60px 0}.sector-programs-grid{grid-template-columns:1fr;gap:20px;max-width:480px;margin:0 auto}.sector-card-image{height:220px}.sector-card-body h3{font-size:1.2rem}.sector-card-list li{font-size:.95rem}}.leadership-section{background:#f8fafc;padding:72px 0}.leadership-header{text-align:center;margin-bottom:48px}.leadership-line{background:linear-gradient(90deg, var(--emerald), var(--green-deep));border-radius:2px;width:72px;height:4px;margin:16px auto 20px}.leadership-subtitle{color:#64748b;max-width:540px;margin:0 auto;font-size:1rem;line-height:1.6}.leadership-president-row{justify-content:center;margin-bottom:36px;display:flex}.leadership-president-row .leader-card.president{text-align:left;width:100%;max-width:520px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:28px;padding:0;position:relative;overflow:visible}.leadership-president-row .leader-card.president:before{display:none}.leader-photo-accent{flex-shrink:0;position:relative}.leader-accent-dot{z-index:2;border-radius:50%;width:8px;height:8px;position:absolute}.leader-accent-dot.red{background:#ef4444;top:12px;left:-4px}.leader-photo-wrap{background:#f1f5f9;border-radius:50%;width:200px;height:200px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000001f}.leader-photo{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.leader-card.president:hover .leader-photo{transform:scale(1.05)}.leadership-president-row .leader-info{flex-direction:column;gap:6px;display:flex}.leadership-president-row .leader-info h3{color:#1e293b;letter-spacing:-.8px;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.leader-role-line{align-items:center;gap:10px;margin-top:4px;display:flex}.leader-role-line .leader-role{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0;font-size:.85rem;font-weight:600}.leader-accent-bar{background:linear-gradient(90deg, var(--emerald), var(--green-deep));border-radius:2px;width:28px;height:4px}.leadership-divider{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.leadership-divider-line{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);flex:1;max-width:120px;height:1px}.leadership-divider-text{text-transform:uppercase;letter-spacing:.15em;color:#94a3b8;font-size:.75rem;font-weight:700}.leadership-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.leader-card{text-align:center;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;transition:transform .3s;display:flex;position:relative}.leader-card:hover{transform:translateY(-6px)}.leader-role-badge{background:linear-gradient(135deg, var(--emerald), var(--green-deep));color:var(--white);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:700}.leader-avatar{background:linear-gradient(135deg, var(--emerald), var(--green-deep));width:90px;height:90px;color:var(--white);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.6rem;font-weight:800;display:grid;box-shadow:0 4px 12px #10b98140}.leader-info h3{color:var(--green-deep);margin:0;font-size:.92rem;font-weight:800;line-height:1.35}.leader-role{text-transform:uppercase;letter-spacing:.05em;color:var(--emerald);margin-top:6px;font-size:.72rem;font-weight:700;display:block}@media (max-width:1100px){.leadership-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width:900px){.leadership-president-row .leader-card.president{gap:22px;max-width:420px;padding:24px}.leader-photo-wrap{width:160px;height:160px}.leadership-grid{grid-template-columns:repeat(2,1fr);max-width:520px}}@media (max-width:560px){.leadership-president-row .leader-card.president{text-align:center;flex-direction:column;max-width:320px;padding:28px}.leadership-president-row .leader-info h3{font-size:1.6rem}.leader-role-line{justify-content:center}.leadership-grid{grid-template-columns:1fr;max-width:320px}.leadership-divider-line{max-width:60px}}.mv-section{background:url(/pexels-denniz-futalan-339724-3453056.jpg) 50%/cover no-repeat;padding:96px 0;position:relative}.mv-section:before{content:"";z-index:0;background:#022c22e0;position:absolute;inset:0}.mv-section .container{z-index:1;position:relative}.mv-header{text-align:center;margin-bottom:56px}.mv-section-title{color:#fb923c;text-transform:uppercase;letter-spacing:.15em;margin-bottom:14px;font-size:1.5rem;font-weight:900}.mv-title-line{background:linear-gradient(90deg,#fb923c,#fbbf24);border-radius:2px;width:64px;height:4px;margin:0 auto}.mv-grid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;max-width:1000px;margin:0 auto;display:grid}.mv-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:48px 40px;transition:transform .35s,background .35s,border-color .35s,box-shadow .35s;box-shadow:0 8px 32px #0003}.mv-card:hover{background:#ffffff17;border-color:#fb923c40;transform:translateY(-8px);box-shadow:0 16px 48px #0000004d}.mv-card-icon-wrap{justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex;position:relative}.mv-icon-glow{background:radial-gradient(circle,#fb923c59 0%,#fb923c1a 40%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite mvGlow;position:absolute}@keyframes mvGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.mv-card-icon-wrap svg{z-index:1;width:48px;height:48px;position:relative}.mv-card-label{color:#fff;text-transform:uppercase;letter-spacing:.18em;margin-bottom:24px;font-size:1.05rem;font-weight:800}.mv-card-body{flex-direction:column;gap:14px;display:flex}.mv-card-text{color:#ffffffd1;margin:0;font-size:.95rem;line-height:1.85}.mv-divider{background:linear-gradient(#0000 0%,#fb923c4d 30% 70%,#0000 100%);align-self:center;width:1px;min-height:280px;margin:0 36px}@media (max-width:720px){.mv-grid{grid-template-columns:1fr;gap:32px}.mv-divider{display:none}.mv-section{padding:64px 0}.mv-card{padding:32px 24px}.mv-section-title{font-size:1.1rem}}.mission-section{background:var(--white)}.mission-text{text-align:center;max-width:680px;margin:0 auto 32px;font-size:1rem}.mission-video{border-radius:var(--radius);max-width:800px;box-shadow:var(--shadow);margin:0 auto;position:relative;overflow:hidden}.mission-video img{object-fit:cover;width:100%;height:400px}.play-overlay{cursor:pointer;background:#022c224d;place-items:center;transition:background .2s;display:grid;position:absolute;inset:0}.play-overlay:hover{background:#022c2273}.contact-section{color:var(--white);background:linear-gradient(#022c22e0,#022c22e0),url(/pexels-dave-36033605.jpg) 50%/cover no-repeat;padding:80px 0;position:relative}.contact-section .container{z-index:1;position:relative}.contact-section .section-title{color:var(--white)}.site-footer{background:var(--green-black);color:var(--white);padding:0}.footer-top-bar{background:linear-gradient(90deg, var(--emerald), var(--green-deep), var(--emerald));height:4px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.contact-details{margin-top:24px}.contact-details p{color:#ffffffbf;margin-bottom:8px;font-size:.92rem}.feedback-form{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);gap:14px;padding:28px;display:grid}.feedback-form label{color:var(--green-deep);gap:6px;font-size:.88rem;font-weight:700;display:grid}.feedback-form input,.feedback-form select,.feedback-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--off-white);font:inherit;border-radius:10px;padding:12px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 3px #10b98126}.feedback-form textarea{resize:vertical}.feedback-form .btn{width:100%;margin-top:4px}.feedback-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;animation:.5s both fadeInUp;display:flex}.feedback-success h4{color:var(--green-deep);margin:0 0 8px;font-size:1.35rem;font-weight:800}.feedback-success p{color:var(--muted);max-width:280px;margin:0;font-size:.92rem;line-height:1.5}.feedback-success-icon{width:72px;height:72px;color:var(--white);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleIn;display:flex;box-shadow:0 8px 24px #10b98159}.footer-grid{grid-template-columns:1.8fr 1fr 1.2fr 1.3fr;gap:48px;padding:56px 0 40px;display:grid}.footer-logo-wrap{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo-img{object-fit:contain;border-radius:12px;flex-shrink:0;width:56px;height:56px}.footer-logo-wrap strong{color:var(--white);letter-spacing:-.3px;font-size:1.15rem;font-weight:800;display:block}.footer-logo-wrap span{color:#ffffff8c;font-size:.75rem;font-weight:500}.footer-brand p{color:#fff9;margin-bottom:20px;font-size:.85rem;line-height:1.7}.footer-col-title{text-transform:uppercase;letter-spacing:.1em;color:var(--emerald);margin-bottom:16px;font-size:.78rem;font-weight:800}.footer-contact-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.footer-contact-item{color:#ffffffa6;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.5;display:flex}.footer-contact-item svg{color:var(--emerald);flex-shrink:0;margin-top:2px}.footer-track-btn{background:var(--emerald);border-radius:8px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:background .2s;display:inline-block;color:var(--white)!important}.footer-track-btn:hover{background:var(--emerald-dark)!important;color:var(--white)!important}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#ffffffa6;padding-left:12px;font-size:.85rem;transition:color .2s;position:relative}.footer-links a:before{content:"";background:var(--emerald);opacity:.6;border-radius:50%;width:4px;height:4px;transition:opacity .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-links a:hover{color:var(--white)}.footer-links a:hover:before{opacity:1}.footer-newsletter p{color:#ffffffa6;font-size:.88rem}.newsletter-form{gap:8px;margin-bottom:16px;display:flex}.newsletter-form input{color:var(--white);font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:8px;flex:1;padding:10px 14px;font-size:.88rem}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{background:var(--emerald);color:var(--white);cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:700;transition:background .2s}.newsletter-form button:hover{background:var(--emerald-dark)}.social-links{gap:12px;display:flex}.social-links a{width:36px;height:36px;color:var(--white);background:#ffffff1a;border-radius:50%;place-items:center;transition:background .2s;display:grid}.social-links a:hover{background:var(--emerald)}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 28px;display:flex}.footer-bottom p{color:#ffffff73;margin:0;font-size:.8rem}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#fff6;font-size:.8rem;transition:color .2s}.footer-bottom-links a:hover{color:var(--emerald)}@media (max-width:900px){.nav{flex-wrap:wrap}.nav-links{gap:16px}.nav-btn{display:none}.hero-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.announcement-card{flex:0 0 280px;min-width:280px}.projects-grid,.impact-grid{grid-template-columns:1fr 1fr}.event-row{grid-template-columns:1fr;gap:14px}.event-thumb{width:100%;height:160px}.section{padding:60px 0}}@media (max-width:620px){.container{width:calc(100% - 32px)}.track-section{padding:60px 0!important}.track-section .container{padding:0 16px}.track-section h2{line-height:1.3;font-size:1.6rem!important}.track-section p{font-size:.9rem!important}.track-section form{flex-direction:column!important;gap:12px!important}.track-section input{width:100%!important;padding:16px!important;font-size:16px!important}.track-section button[type=submit]{justify-content:center!important;width:100%!important;padding:16px!important;font-size:1rem!important}.track-section>div>div:nth-child(2){margin:0 4px;padding:20px!important}.track-section [style*="flexDirection: 'column'"]{gap:8px!important}.track-section [style*="justifyContent: 'space-between'"]{flex-wrap:wrap!important;gap:8px!important}.track-section [style*="width: '28px'"]{width:24px!important;height:24px!important;font-size:.65rem!important}.track-section [style*="fontSize: '0.68rem'"]{max-width:50px;white-space:normal!important;font-size:.6rem!important;line-height:1.1!important}.track-section [style*="justifyContent: 'space-between'"] span{font-size:.8rem!important}.track-section button[style*="background: 'linear-gradient"]{justify-content:center!important;width:100%!important;margin-top:12px!important;padding:14px!important;font-size:.95rem!important}.nav-menu-toggle{justify-content:center;align-items:center;display:flex}.nav-links{display:none}.nav-links.open{-webkit-backdrop-filter:blur(20px);z-index:999;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:6rem 2rem 3rem;animation:.35s cubic-bezier(.22,1,.36,1) forwards navSlideIn;display:flex;position:fixed;inset:0}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-menu-close{background:var(--green-soft);cursor:pointer;width:42px;height:42px;color:var(--emerald-dark);z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .25s;display:inline-flex;position:absolute;top:1.1rem;right:1.1rem;box-shadow:0 2px 8px #00000014}.nav-menu-close:hover{background:#d1fae5;transform:rotate(90deg)}.nav-links.open a{text-align:center;width:100%;max-width:300px;color:var(--text);letter-spacing:.01em;border-radius:10px;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s}.nav-links.open a:hover{background:var(--green-soft);color:var(--emerald-dark);transform:translateY(-1px)}.nav-link-mobile-login{border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:300px;margin-top:1.5rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 6px 20px #10b98159;background:var(--emerald)!important;color:#fff!important;display:inline-flex!important}.nav-link-mobile-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98173;background:var(--emerald-dark)!important;color:#fff!important}.nav-login-mobile{display:none}.announcement-grid,.projects-grid,.impact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.hero-image img,.about-image img{height:220px}.mission-video img{height:240px}}.split-layout{overflow-x:hidden;background:#01150f!important;align-items:stretch!important;padding:0!important;display:flex!important}.split-wrapper{width:100vw;height:100vh;display:flex;overflow:hidden}.split-layout.embedded{background:0 0!important}.split-layout.embedded .split-wrapper{width:100%;height:auto;min-height:100%}.split-left-panel{width:42%;color:var(--white);background:url(/pexels-reynante-lacbain-74116714-8789539.jpg) 50%/cover no-repeat;flex-direction:column;padding:36px 40px;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.split-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.split-left-panel{width:100%;min-height:auto;padding:40px 24px}}@media (max-width:768px){.split-left-panel{display:none}.split-right-panel{width:100%;min-height:100vh;padding:68px 16px 16px}}@media (max-width:480px){.split-right-panel{padding:68px 12px 12px}.premium-glass-card h2{font-size:1.15rem}.premium-glass-card .card-desc{font-size:.78rem}.premium-input-wrap input,.premium-referral-combobox input,.premium-select-wrapper select,.premium-date-row select{padding:12px 14px;font-size:.9rem}.premium-input-wrap input{text-indent:28px;background-position:12px;background-size:16px 16px;padding:12px 14px 12px 46px}.premium-form-label{font-size:.7rem}.premium-form-group{margin-bottom:12px}.premium-form-row{gap:10px}.btn{padding:12px 18px;font-size:.85rem}.premium-lang-toggle{top:8px;right:10px}.premium-lang-toggle button{padding:3px 8px;font-size:.68rem}}@media (max-width:400px){.split-right-panel{padding:68px 8px 8px}}.mobile-reg-header{z-index:200;background:var(--white);border-bottom:1px solid #10b9811f;justify-content:space-between;align-items:center;height:52px;padding:10px 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-reg-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.mobile-reg-mark{background:var(--emerald);width:32px;height:32px;color:var(--white);border-radius:8px;place-items:center;font-size:.9rem;font-weight:900;display:grid}.mobile-reg-name{color:var(--green-deep);font-size:1rem;font-weight:800}.mobile-reg-actions{align-items:center;gap:8px;display:flex}.mobile-reg-toggle{color:var(--green-deep);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-reg-menu{background:var(--white);z-index:199;border-bottom:1px solid #10b9811f;flex-direction:row;gap:4px;padding:8px 16px;display:none;position:fixed;top:53px;left:0;right:0;box-shadow:0 8px 24px #00000014}.mobile-reg-menu.open{display:flex}.mobile-reg-menu a{text-align:center;color:var(--text);border-radius:8px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s}.mobile-reg-menu a:hover{background:var(--green-soft);color:var(--emerald-dark)}@media (max-width:768px){.mobile-reg-header{display:flex}.mobile-home-btn,.split-right-panel>.premium-lang-toggle{display:none}.split-right-panel>.premium-lang-toggle+.premium-glass-card{margin-top:24px}}@media (max-width:480px){.split-right-panel>.premium-lang-toggle+.premium-glass-card{margin-top:28px}}.desktop-back-btn{display:none}@media (max-width:768px){.desktop-back-btn{width:36px;height:36px;color:var(--emerald-dark);z-index:10;background:0 0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:68px;left:16px}.desktop-back-btn:hover{color:var(--green-deep);background:#10b9811a}}.mobile-admin-header{background:var(--white);z-index:100;border-bottom:1px solid #10b9811a;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-admin-brand{align-items:center;gap:6px;text-decoration:none;display:flex}.mobile-admin-mark{background:var(--emerald-dark);width:28px;height:28px;color:var(--white);border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:flex}.mobile-admin-name{color:var(--green-deep);font-size:1rem;font-weight:800}.mobile-admin-lang-toggle{background:var(--white);border:1.5px solid #10b98126;border-radius:999px;gap:0;padding:3px;display:flex;box-shadow:0 4px 12px #064e3b0a}.mobile-admin-lang-toggle button{font:inherit;cursor:pointer;color:#6b7280;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;transition:all .2s}.mobile-admin-lang-toggle button.active{background:var(--emerald-dark);color:var(--white);box-shadow:0 2px 6px #022c2226}.mobile-admin-lang-toggle button:hover:not(.active){background:var(--green-soft);color:var(--green-deep)}.mobile-admin-back-btn{display:none}@media (max-width:768px){.mobile-admin-header{display:flex}.mobile-admin-back-btn{width:36px;height:36px;color:var(--emerald-dark);z-index:10;background:0 0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:68px;left:16px}.mobile-admin-back-btn:hover{color:var(--green-deep);background:#10b9811a}.admin-login-page{padding-top:56px}}.card-production-stats{align-items:center;gap:16px;padding:10px 0;display:flex}.production-stat-item{flex:1;align-items:center;gap:12px;display:flex}.production-stat-icon{width:44px;height:44px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;display:flex}.production-stat-icon svg{width:20px;height:20px}.production-stat-icon.printed{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.production-stat-icon.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.production-stat-content{flex-direction:column;gap:2px;display:flex}.production-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.production-stat-value{color:var(--green-deep);font-size:1.5rem;font-weight:900}.production-stat-divider{background:#10b9811a;width:1px;height:40px}.efficiency-metric{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;display:flex}.efficiency-value{color:var(--green-deep);font-size:2.25rem;font-weight:900;line-height:1}.efficiency-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.efficiency-description{color:var(--emerald-dark);margin-top:4px;font-size:.85rem;font-weight:700}.trend-chart-wrap{width:100%;padding:8px 0}.trend-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:150px;padding:0 4px;display:flex}.trends-layout{flex-direction:column;gap:20px;display:flex}.trends-hero{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px 16px;box-shadow:0 1px 2px #0f172a0a}.trends-hero-main{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.trends-hero-eyebrow{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.7rem;font-weight:600}.trends-hero-title{color:#111827;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:650;line-height:1.1}.trends-hero-den{color:#9ca3af;font-size:1.1rem;font-weight:500}.trends-hero-sub{color:#6b7280;margin:6px 0 0;font-size:.8rem}.trends-hero-badge{border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.72rem;font-weight:600}.trends-hero-badge.tier-low{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.trends-hero-badge.tier-pace,.trends-hero-badge.tier-mid{color:#b45309;background:#fffbeb;border-color:#fde68a}.trends-hero-badge.tier-met{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.trends-hero-badge.tier-over{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.trends-hero-track{background:#f1f5f9;border-radius:999px;height:12px;margin-bottom:12px;overflow:hidden}.trends-hero-fill{border-radius:999px;height:100%;transition:width .2s}.trends-hero-fill.tier-low{background:#ef4444}.trends-hero-fill.tier-pace,.trends-hero-fill.tier-mid{background:#f59e0b}.trends-hero-fill.tier-met{background:#059669}.trends-hero-fill.tier-over{background:#2563eb}.trends-hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trends-hero-side{color:#6b7280;align-items:center;gap:14px;font-size:.75rem;display:flex}.trends-hero-side .up{color:#059669;font-weight:600}.trends-hero-side .down{color:#6b7280;font-weight:600}.week-quota-pill.pace{color:#b45309;background:#fffbeb;border-color:#fde68a}.trends-section{flex-direction:column;gap:10px;display:flex}.trends-section-head{flex-direction:column;gap:2px;padding:0 2px;display:flex}.trends-section-title{color:#111827;letter-spacing:-.01em;margin:0;font-size:.8125rem;font-weight:600}.trends-section-sub{color:#9ca3af;margin:0;font-size:.75rem}.trend-bar.current{background:#047857}.trends-layout .yoy-chart-container{padding:4px 0 8px}.trends-layout .yoy-legend{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:8px}.trends-reg-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}.trends-reg-stack{flex-direction:column;gap:14px;display:flex}.week-quota-legend{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.week-quota-pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.week-quota-pill.low{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.week-quota-pill.mid{color:#b45309;background:#fffbeb;border-color:#fde68a}.week-quota-pill.met{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.week-quota-pill.over{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.week-trend-list{flex-direction:column;gap:8px;display:flex}.week-trend-row{border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(160px,200px) minmax(0,1fr) 88px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s;display:grid}.week-trend-row:hover{background:#f9fafb}.week-trend-row.current{background:#f8fafc;border-color:#e5e7eb}.week-trend-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.week-trend-range{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.week-trend-tag{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:600}.week-trend-track{background:#f1f5f9;border-radius:999px;height:10px;position:relative;overflow:hidden}.week-trend-fill{border-radius:999px;min-width:0;height:100%;transition:width .2s}.week-trend-fill.tier-low{background:#ef4444}.week-trend-fill.tier-pace,.week-trend-fill.tier-mid{background:#f59e0b}.week-trend-fill.tier-met{background:#059669}.week-trend-fill.tier-over{background:#2563eb}.week-trend-quota-mark{pointer-events:none;background:#0f172a2e;width:2px;margin-left:-2px;position:absolute;top:0;bottom:0;left:100%}.week-trend-stats{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.week-trend-count{color:#111827;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;line-height:1.1}.week-trend-count.tier-low{color:#b91c1c}.week-trend-count.tier-pace,.week-trend-count.tier-mid{color:#b45309}.week-trend-count.tier-met{color:#047857}.week-trend-count.tier-over{color:#1d4ed8}.week-trend-split{color:#64748b;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:500}.trend-bars-compact{height:140px}.trend-bars-daily .trend-bar.tier-low{background:#cbd5e1}.trend-bars-daily .trend-bar.tier-mid{background:#f59e0b}.trend-bars-daily .trend-bar.tier-met{background:#059669}.week-trend-quota-den{color:#9ca3af;margin-left:1px;font-size:.68rem;font-weight:500}.week-trend-delta{font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:500}.week-trend-delta.up{color:#059669}.week-trend-delta.down{color:#6b7280}.week-trend-delta.flat{color:#9ca3af}@media (max-width:640px){.week-trend-row{grid-template-columns:1fr auto;gap:6px 10px}.week-trend-track{order:3;grid-column:1/-1}}.trends-ops-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:stretch;gap:14px;display:grid}.trends-ops-chart,.trends-ops-events{flex-direction:column;min-height:280px;display:flex}.trends-ops-chart .dash-panel-v2-body,.trends-ops-events .dash-panel-v2-body,.trends-reg-grid .dash-panel-v2-body{flex:1}.trends-ops-events .top-events-list{max-height:220px;overflow-y:auto}@media (max-width:1024px){.trends-reg-grid,.trends-ops-grid{grid-template-columns:1fr}}.trend-bars.trend-bars-daily,.trend-bars.trend-bars-weekly{gap:6px;height:180px;padding-bottom:4px}.trend-bars.trend-bars-daily .trend-bar-item,.trend-bars.trend-bars-weekly .trend-bar-item{gap:4px}.trend-bars.trend-bars-daily .trend-bar-container,.trend-bars.trend-bars-weekly .trend-bar-container{height:120px}.trend-bars.trend-bars-daily .trend-bar-value,.trend-bars.trend-bars-weekly .trend-bar-value{color:#374151;min-height:12px;font-size:.68rem;font-weight:600;line-height:1}.trend-bars.trend-bars-daily .trend-bar-label{color:#9ca3af;font-size:.65rem;font-weight:500}.trend-bars.trend-bars-weekly .trend-bar-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:500;overflow:hidden}.trend-bars.trend-bars-daily .trend-bar,.trend-bars.trend-bars-weekly .trend-bar{width:72%;max-width:28px}.trend-bar-item{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.trend-bar-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-end;width:100%;height:110px;padding:4px 0;display:flex}.trend-bar{background:#059669;border-radius:4px 4px 0 0;width:65%;min-height:4px;transition:all .2s}.trend-bar:hover{opacity:.9;background:#047857}.trend-bar-label{color:#64748b;text-align:center;white-space:nowrap;font-size:.72rem;font-weight:600}@media (max-width:768px){.trend-bar-label{transform-origin:top;white-space:nowrap;margin-top:4px;font-size:.62rem;transform:rotate(-45deg)}}.trend-bar-value{color:#0f172a;font-size:.75rem;font-weight:700}.trend-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.85rem}.dashboard-main-grid.two-col{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}@media (min-width:1024px){.dashboard-main-grid.two-col{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}}@media (max-width:1024px){.dashboard-main-grid.two-col{grid-template-columns:1fr}.trend-bars{height:200px}.trend-bar-container{height:160px}}.engagement-metric{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 12px;display:flex}.engagement-circle{width:100px;height:100px;position:relative}.engagement-svg{width:100%;height:100%;transform:rotate(-90deg)}.engagement-bg{fill:none;stroke:#10b9811a;stroke-width:6px}.engagement-progress{fill:none;stroke:url(#engagementGradient);stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray .6s}.engagement-value{color:var(--green-deep);font-size:1.75rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.engagement-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.top-events-list{flex-direction:column;gap:8px;padding:4px 0;display:flex}.top-event-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.top-event-item:hover{background:#f1f5f9;border-color:#cbd5e1}.top-event-rank{color:var(--white);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.top-event-info{flex:1;min-width:0}.top-event-name{color:var(--green-deep);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.top-event-meta{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.top-event-stats{flex-shrink:0;align-items:center;gap:12px;display:flex}.top-event-attendance{text-align:right;color:var(--green-deep);font-size:1.1rem;font-weight:800}.top-event-rate{text-align:right;color:#6b7280;background:#10b9811a;border-radius:6px;min-width:45px;padding:4px 8px;font-size:.85rem;font-weight:700}.top-events-empty{text-align:center;color:#9ca3af;padding:24px 12px;font-size:.9rem}.geo-coverage-container{flex-direction:column;gap:16px;padding:16px 0;display:flex}.geo-coverage-item{border-left:4px solid;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.geo-coverage-item.highest{background:#22c55e14;border-left-color:#22c55e}.geo-coverage-item.lowest{background:#ef444414;border-left-color:#ef4444}.geo-coverage-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.geo-coverage-item.highest .geo-coverage-badge{color:#22c55e;background:#22c55e33}.geo-coverage-item.lowest .geo-coverage-badge{color:#ef4444;background:#ef444433}.geo-coverage-content{flex:1}.geo-coverage-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.geo-coverage-area{color:var(--green-deep);margin:4px 0;font-size:1rem;font-weight:700}.geo-coverage-stats{color:#6b7280;gap:12px;font-size:.85rem;display:flex}.geo-coverage-rate{color:var(--green-deep);font-weight:700}.underserved-list{flex-direction:column;gap:10px;padding:12px 0;display:flex}.underserved-item{background:#ef44440d;border-left:3px solid #ef4444;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.underserved-item:hover{background:#ef44441a;transform:translate(4px)}.underserved-rank{width:28px;height:28px;color:var(--white);background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.underserved-info{flex:1}.underserved-name{color:var(--green-deep);font-size:.9rem;font-weight:700}.underserved-meta{color:#9ca3af;font-size:.8rem}.underserved-rate{color:#ef4444;text-align:right;min-width:40px;font-size:.95rem;font-weight:700}.underserved-empty{text-align:center;color:#9ca3af;padding:24px 12px;font-size:.9rem}.geo-heatmap{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:8px 0;display:grid}.geo-heatmap-cell{text-align:center;cursor:pointer;border:1px solid #0000000d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;transition:all .3s;display:flex}.geo-heatmap-cell:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.geo-heatmap-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:700;overflow:hidden}.geo-heatmap-rate{color:#1f2937;font-size:1.3rem;font-weight:900}.geo-heatmap-count{color:#6b7280;font-size:.75rem;font-weight:600}.geo-heatmap-legend{border-top:1px solid #10b9811a;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:20px;padding:20px 0 0;display:flex}.legend-color{border:1px solid #0000001a;border-radius:4px;width:20px;height:20px}@media (max-width:768px){.geo-heatmap{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.geo-heatmap-legend{gap:12px}}.growth-comparison{align-items:center;gap:16px;padding:24px 0;display:flex}.growth-metric-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.growth-metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.growth-metric-value{font-size:2rem;font-weight:900;line-height:1}.growth-metric-value.current{color:var(--green-deep)}.growth-metric-value.previous{color:#9ca3af}.growth-metric-sub{color:#9ca3af;font-size:.75rem;font-weight:600}.growth-metric-divider{background:#10b9811a;width:1px;height:80px}.growth-metric-change{flex:1;justify-content:center;align-items:center;display:flex}.growth-change-badge{border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:1.1rem;font-weight:800;display:flex}.growth-change-badge.positive{color:#22c55e;background:#22c55e26}.growth-change-badge.negative{color:#ef4444;background:#ef444426}.projected-growth{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.projected-value{color:var(--green-deep);font-size:3rem;font-weight:900;line-height:1}.projected-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.projected-description{color:#9ca3af;text-align:center;font-size:.8rem;font-weight:600}.growth-chart-container{padding:24px 0}.growth-chart{justify-content:space-around;align-items:flex-end;gap:8px;height:280px;padding:0 8px;display:flex}.growth-bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.growth-bar-container{background:#10b9810d;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:240px;padding:8px 0;display:flex}.growth-bar{background:linear-gradient(#10b981 0%,#059669 100%);border-radius:6px 6px 0 0;width:65%;min-height:4px;transition:all .3s}.growth-bar.current{background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 0 12px #3b82f64d}.growth-bar:hover{background:linear-gradient(#059669 0%,#047857 100%);box-shadow:0 4px 12px #10b98133}.growth-bar-label{color:#6b7280;text-align:center;white-space:nowrap;font-size:.8rem;font-weight:600}@media (max-width:768px){.growth-bar-label{transform-origin:top;white-space:nowrap;margin-top:4px;font-size:.65rem;transform:rotate(-45deg)}}@media (max-width:480px){.growth-bar-label{transform-origin:top;font-size:.55rem;transform:rotate(-60deg)}}.growth-bar-value{color:var(--green-deep);font-size:.9rem;font-weight:700}.growth-chart-info{border-top:1px solid #10b9811a;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:20px;padding:20px 0 0;display:flex}.info-item{align-items:center;gap:8px;font-size:.9rem;display:flex}.info-label{color:#6b7280;font-weight:600}.info-value{color:var(--green-deep);font-weight:800}@media (max-width:1024px){.growth-comparison{flex-direction:column;gap:12px}.growth-metric-divider{width:60px;height:1px}.growth-chart{height:200px}.growth-bar-container{height:160px}}@media (max-width:768px){.growth-chart{gap:6px}.growth-bar{width:70%}.growth-chart-info{gap:12px}}.demo-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.demo-summary-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.demo-summary-card:hover{border-color:var(--emerald);box-shadow:0 4px 12px #10b98114}.demo-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.demo-summary-info{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:600}.demo-summary-value{color:var(--green-deep);font-size:1.1rem;font-weight:800;line-height:1.2}.demo-summary-sub{color:var(--muted);font-size:.78rem;font-weight:500}.demo-chart-wrap{padding:8px 0 4px}.demo-donut-wrap{width:150px;height:150px;margin:0 auto 20px;position:relative}.demo-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.demo-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-donut-num{color:var(--green-deep);font-size:1.6rem;font-weight:800;line-height:1}.demo-donut-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.72rem;font-weight:600}.demo-bar-list{flex-direction:column;gap:14px;padding:0 4px;display:flex}.demo-bar-item{flex-direction:column;gap:6px;display:flex}.demo-bar-row{align-items:center;gap:8px;font-size:.88rem;display:flex}.demo-bar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-bar-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.demo-bar-count{color:var(--green-deep);text-align:right;min-width:20px;font-weight:700}.demo-bar-pct{color:var(--muted);text-align:right;min-width:38px;font-size:.82rem;font-weight:700}.demo-bar-track{background:#10b98114;border-radius:3px;width:100%;height:6px;overflow:hidden}.demo-bar-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.demographic-list{flex-direction:column;gap:12px;padding:16px 0;display:flex}.demographic-item{background:#10b9810a;border-left:3px solid #10b98133;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.demographic-item:hover{border-left-color:var(--emerald-dark);background:#10b98114}.demographic-info{flex:1;min-width:0}.demographic-name{color:var(--green-deep);margin-bottom:6px;font-size:.95rem;font-weight:700}.demographic-bar{background:#10b9811a;border-radius:4px;width:100%;height:8px;overflow:hidden}.demographic-bar-fill{border-radius:4px;height:100%;transition:width .3s}.demographic-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.demographic-count{color:var(--green-deep);font-size:1rem;font-weight:800}.demographic-pct{color:#6b7280;font-size:.8rem;font-weight:700}@media (max-width:1024px){.demo-summary-grid{grid-template-columns:repeat(2,1fr)}.demographic-item{padding:10px}.demographic-name{font-size:.9rem}.demographic-count{font-size:.95rem}}@media (max-width:640px){.demo-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.demo-summary-card{gap:8px;padding:10px 12px}.demo-summary-icon{width:32px;height:32px}.demo-summary-icon svg{width:16px;height:16px}.demo-summary-value{font-size:.95rem}.demo-summary-label{font-size:.68rem}.demo-donut-wrap{width:120px;height:120px}.demo-donut-num{font-size:1.3rem}}.net-rank{background:var(--bg-light);width:22px;height:22px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.net-success-legend{flex-direction:column;gap:10px;padding:0 16px 8px;display:flex}.net-legend-item{color:var(--text);align-items:center;gap:10px;font-size:.85rem;display:flex}.net-legend-item span{flex:1}.net-legend-item strong{color:var(--green-deep);text-align:right;min-width:28px;font-weight:700}.net-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.net-growth-wrap{padding:20px 12px 12px}.net-growth-chart{justify-content:space-around;align-items:flex-end;gap:8px;height:220px;padding:0 8px;display:flex}.net-growth-item{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.net-growth-bar-wrap{background:#3b82f60d;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:180px;padding:4px;display:flex}.net-growth-bar{background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-radius:6px 6px 0 0;width:70%;min-height:4px;transition:all .3s}.net-growth-bar:hover{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #3b82f633}.net-growth-month{color:var(--muted);text-align:center;white-space:nowrap;font-size:.78rem;font-weight:600}@media (max-width:768px){.net-growth-month{transform-origin:top;white-space:nowrap;margin-top:4px;font-size:.65rem;transform:rotate(-45deg)}}@media (max-width:480px){.net-growth-month{transform-origin:top;font-size:.55rem;transform:rotate(-60deg)}}.net-growth-count{color:#3b82f6;font-size:.88rem;font-weight:700}@media (max-width:1024px){.net-growth-chart{height:180px}.net-growth-bar-wrap{height:140px}}@media (max-width:768px){.net-growth-chart{gap:4px}.net-growth-bar{width:75%}}.referrer-list{flex-direction:column;gap:12px;padding:16px 0;display:flex}.referrer-item{background:#3b82f60a;border-left:4px solid #3b82f6;border-radius:10px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.referrer-item:hover{background:#3b82f614;transform:translate(4px)}.referrer-rank{width:36px;height:36px;color:var(--white);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.referrer-details{flex:1;min-width:0}.referrer-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.95rem;font-weight:700;overflow:hidden}.referrer-metrics{gap:16px;font-size:.8rem;display:flex}.referrer-metric{gap:4px;display:flex}.metric-label{color:#6b7280;font-weight:600}.metric-value{color:#3b82f6;font-weight:800}.referrer-success{flex-shrink:0;justify-content:center;align-items:center;display:flex}.success-badge{color:#22c55e;text-align:center;background:#22c55e26;border-radius:8px;justify-content:center;align-items:center;min-width:50px;padding:8px 12px;font-size:.9rem;font-weight:800;display:flex}.network-chart-container{padding:24px 0}.network-chart{justify-content:space-around;align-items:flex-end;gap:8px;height:280px;padding:0 8px;display:flex}.network-bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.network-bar-container{background:#3b82f60d;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:240px;padding:8px 0;display:flex}.network-bar{background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-radius:6px 6px 0 0;width:65%;min-height:4px;transition:all .3s}.network-bar:hover{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #3b82f633}.network-bar-label{color:#6b7280;text-align:center;white-space:nowrap;font-size:.8rem;font-weight:600}.network-bar-value{color:#3b82f6;font-size:.9rem;font-weight:700}@media (max-width:1024px){.network-chart{height:200px}.network-bar-container{height:160px}.referrer-metrics{gap:8px}}@media (max-width:768px){.network-chart{gap:6px}.network-bar{width:70%}.referrer-item{padding:12px}.referrer-name{font-size:.9rem}}.comparison-container{justify-content:space-between;align-items:center;gap:20px;padding:32px 0;display:flex}.comparison-card{border:2px solid;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:24px;display:flex}.comparison-card.this-month{background:#22c55e14;border-color:#22c55e}.comparison-card.last-month{background:#9ca3af14;border-color:#9ca3af}.comparison-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.comparison-value{font-size:2.5rem;font-weight:900;line-height:1}.comparison-card.this-month .comparison-value{color:#22c55e}.comparison-card.last-month .comparison-value{color:#9ca3af}.comparison-detail{color:#9ca3af;font-size:.8rem;font-weight:600}.comparison-change{background:#3b82f60d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:20px;display:flex}.change-arrow{font-size:2rem;font-weight:900;line-height:1}.change-arrow.positive{color:#22c55e}.change-arrow.negative{color:#ef4444}.change-value{font-size:1.5rem;font-weight:900;line-height:1}.change-value.positive{color:#22c55e}.change-value.negative{color:#ef4444}.change-percent{font-size:.9rem;font-weight:700}.change-percent.positive{color:#22c55e}.change-percent.negative{color:#ef4444}.barangay-comparison-list{flex-direction:column;gap:12px;padding:16px 0;display:flex}.barangay-comparison-item{background:#3b82f60a;border-left:4px solid #3b82f6;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.barangay-name{color:#1f2937;min-width:120px;font-size:.95rem;font-weight:700}.barangay-bars{flex:1;gap:20px;display:flex}.bar-pair{flex:1;align-items:center;gap:8px;display:flex}.bar-label{color:#6b7280;text-transform:uppercase;min-width:30px;font-size:.75rem;font-weight:700}.bar-container{background:#3b82f61a;border-radius:4px;flex:1;height:20px;overflow:hidden}.bar{border-radius:4px;height:100%;transition:width .3s}.bar.last-month-bar{background:linear-gradient(90deg,#9ca3af 0%,#6b7280 100%)}.bar.this-month-bar{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.bar-value{color:#6b7280;text-align:right;min-width:25px;font-size:.8rem;font-weight:700}.barangay-change{text-align:right;min-width:80px;font-size:.9rem;font-weight:800}.barangay-change.positive{color:#22c55e}.barangay-change.negative{color:#ef4444}.yoy-chart-container{padding:24px 0}.yoy-chart{justify-content:space-around;align-items:flex-end;gap:16px;height:300px;padding:0 8px;display:flex}.yoy-bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.yoy-bars{justify-content:center;align-items:flex-end;gap:8px;width:100%;height:240px;display:flex}.yoy-bar-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.yoy-bar-container{background:#3b82f60d;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-end;width:100%;height:240px;padding:6px 0;display:flex}.yoy-bar{border-radius:6px 6px 0 0;width:60%;min-height:4px;transition:all .3s}.yoy-bar.last-year{background:linear-gradient(#9ca3af 0%,#6b7280 100%)}.yoy-bar.this-year{background:linear-gradient(#3b82f6 0%,#2563eb 100%)}.yoy-bar:hover{box-shadow:0 4px 12px #3b82f633}.yoy-bar-value{color:#6b7280;font-size:.8rem;font-weight:700}.yoy-month-label{color:#6b7280;text-align:center;white-space:nowrap;font-size:.8rem;font-weight:600}@media (max-width:768px){.yoy-month-label{transform-origin:top;white-space:nowrap;margin-top:4px;font-size:.65rem;transform:rotate(-45deg)}}@media (max-width:480px){.yoy-month-label{transform-origin:top;font-size:.55rem;transform:rotate(-60deg)}}.yoy-legend{border-top:1px solid #3b82f61a;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:20px;padding:20px 0 0;display:flex}.legend-item{color:#6b7280;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.legend-color{border-radius:4px;width:20px;height:20px}.legend-color.last-year-color{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.legend-color.this-year-color{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}@media (max-width:1024px){.comparison-container{flex-direction:column;gap:16px}.comparison-change{width:100%}.yoy-chart{height:250px}.yoy-bar-container{height:200px}.barangay-bars{gap:12px}}@media (max-width:768px){.comparison-card{padding:16px}.comparison-value{font-size:2rem}.barangay-comparison-item{flex-direction:column;align-items:flex-start}.barangay-name{width:100%}.barangay-bars{flex-direction:column;width:100%}.bar-pair{width:100%}.yoy-chart{gap:8px;height:200px}.yoy-bar-container{height:160px}.yoy-bar{width:70%}}.mobile-home-btn{color:var(--emerald-dark);background:var(--white);border:1.5px solid #10b98133;border-radius:999px;align-items:center;gap:6px;width:max-content;margin-bottom:10px;padding:8px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:none;box-shadow:0 2px 8px #064e3b0f}.mobile-home-btn:hover{background:var(--green-soft);border-color:var(--emerald)}.panel-blur-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#011c14f5 0%,#022c22d9 100%);position:absolute;inset:0}.panel-content{z-index:2;flex-direction:column;justify-content:space-between;gap:20px;height:100%;display:flex;position:relative}.reg-back-premium{color:#ffffffa6;align-items:center;width:max-content;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.reg-back-premium:hover{color:var(--emerald);transform:translate(-4px)}.brand-badge-premium{align-items:center;gap:14px;display:flex}.brand-mark-premium{background:var(--white);width:44px;height:44px;color:var(--green-deep);border-radius:12px;place-items:center;font-size:1.2rem;font-weight:900;display:grid;box-shadow:0 10px 20px #0003}.brand-badge-premium strong{letter-spacing:-.01em;color:var(--white);font-size:1.35rem;font-weight:900;display:block}.brand-badge-premium small{color:var(--emerald);letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:.82rem;font-weight:700;display:block}.panel-headline h1{letter-spacing:-.03em;background:linear-gradient(120deg,#fff 0%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.8rem;font-weight:900;line-height:1.15}.panel-headline p{color:#ffffffbf;font-size:.85rem;line-height:1.5}.timeline-pipeline{flex-direction:column;gap:20px;margin:8px 0;display:flex;position:relative}.timeline-pipeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:12px;bottom:12px;left:14px}.pipeline-step{gap:14px;display:flex;position:relative}.pipeline-bullet{color:#fff6;z-index:2;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;transition:all .3s;display:grid}.pipeline-step.current .pipeline-bullet{background:var(--emerald);border-color:var(--emerald);color:var(--green-deep);box-shadow:0 0 20px #10b98166}.pipeline-info h4{color:#fff6;margin:0 0 2px;font-size:.85rem;font-weight:800;transition:color .3s}.pipeline-step.current .pipeline-info h4{color:var(--white)}.pipeline-info p{color:#ffffff59;font-size:.75rem;line-height:1.4;transition:color .3s}.pipeline-step.current .pipeline-info p{color:#ffffffbf}.panel-footer-notes{color:#fff6;font-size:.78rem;font-weight:700}.nav-login{color:var(--emerald-dark);border:1.5px solid var(--emerald-dark);background:0 0;border-radius:999px;margin-left:8px;padding:10px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-login:hover{background:var(--emerald-dark);color:var(--white)}@media (max-width:768px){.nav-login{display:none}}.admin-login-page{height:100vh;display:flex;overflow:hidden}.admin-login-left{background:url(/pexels-dave-36033605.jpg) 50%/cover no-repeat;flex-direction:column;flex:1;justify-content:center;padding:24px 36px;display:flex;position:relative;overflow:hidden}.admin-login-left-overlay{background:linear-gradient(#022c22b3 0%,#022c22eb 100%);position:absolute;inset:0}.admin-login-left-content{z-index:1;max-width:480px;position:relative}.admin-login-back{z-index:2;color:#ffffffb3;align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:20px;left:36px}.admin-login-back:hover{color:var(--emerald)}.admin-login-welcome h1{color:var(--white);letter-spacing:-.03em;text-shadow:0 4px 24px #00000026;flex-direction:column;margin:0 0 16px;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:900;line-height:1.05;display:flex}.admin-login-welcome h1 span:last-child{color:var(--emerald)}.login-welcome-sub{color:#ffffff8c;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:500}.admin-login-right{background:#f6f8fb;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:380px;padding:60px 20px 20px;display:flex;position:relative}.admin-login-right-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:24px;right:24px}.admin-login-home{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.admin-login-home:hover{color:var(--green-deep)}.admin-login-help{color:var(--green-deep);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-login-help:hover{color:var(--green-black)}.admin-login-right-content{text-align:left;background:var(--white);border:1px solid #0000000a;border-radius:16px;width:100%;max-width:400px;padding:24px 28px;box-shadow:0 12px 40px #0000000f,0 4px 12px #00000008}.admin-login-form-right .form-group{margin-bottom:14px}.admin-login-form-right label{color:var(--text);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.login-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.login-label-row label{margin-bottom:0!important}.login-forgot{color:var(--green-deep);font-size:.78rem;font-weight:600;text-decoration:none}.login-forgot:hover{color:var(--green-black)}.login-input-wrap-right{align-items:center;display:flex;position:relative}.login-icon-bg{background:var(--white);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.login-icon-bg svg{color:var(--emerald);opacity:.6;width:18px;height:18px}.login-input-wrap-right input{border:1.5px solid var(--border);background:var(--white);z-index:1;border-radius:10px;width:100%;font-size:.92rem;transition:all .2s;position:relative;padding:12px 44px 12px 46px!important}.login-input-wrap-right input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 3px #10b98114}.login-input-wrap-right input::placeholder{color:#6b728073}.login-eye-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--text)}.login-remember{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-bottom:20px;font-size:.85rem;display:block}.login-remember-text{vertical-align:middle;line-height:18px;display:inline-block}.login-check-wrap{vertical-align:middle;width:18px;height:18px;margin-right:10px;display:inline-block;position:relative}.login-check-wrap input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.login-check-box{background:var(--white);border:2px solid #cbd5e1;border-radius:4px;width:18px;height:18px;transition:all .15s;display:block;position:relative}.login-remember:hover .login-check-box{border-color:var(--emerald)}.login-check-wrap input:checked+.login-check-box{background:var(--green-deep);border-color:var(--green-deep)}.login-check-box:after{content:"";border:solid var(--white);opacity:0;border-width:0 2px 2px 0;width:4px;height:8px;transition:opacity .15s;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.login-check-wrap input:checked+.login-check-box:after{opacity:1}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;font-weight:600}.btn-admin-login-right{background:var(--green-deep);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #022c2233}.btn-admin-login-right:hover{background:var(--green-black);transform:translateY(-1px)}.btn-admin-login-right:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{color:var(--muted);align-items:center;gap:12px;margin:12px 0;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google-signin{background:var(--white);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-google-signin:hover{background:#f8fafc;border-color:#cbd5e1}.login-contact-admin{text-align:center;color:var(--muted);margin-top:14px;font-size:.78rem}.login-contact-admin a{color:var(--green-deep);font-weight:700;text-decoration:none}.login-contact-admin a:hover{color:var(--green-black)}.login-footer{color:var(--muted);margin-top:4px;font-size:.72rem}.admin-loading{flex-direction:column;align-items:center;gap:16px;display:flex}.admin-loading p{color:#fff9;font-size:.9rem;font-weight:600}.pulse{animation:1.5s infinite pulseGreen}@media (max-width:900px){.admin-login-left{display:none}.admin-login-right{min-width:unset;flex:1;padding:48px 24px}}.admin-dashboard{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid}.stat-green{background:#d1fae5}.stat-blue{background:#dbeafe}.stat-amber{background:#fef3c7}.stat-purple{background:#f3e8ff}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--green-black);font-size:1.6rem;font-weight:900;line-height:1}.stat-label{color:var(--muted);margin-top:4px;font-size:.8rem;font-weight:600}.admin-panel{background:var(--white);border:1px solid #10b98114;border-radius:14px;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a}.admin-panel:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.admin-panel:hover{border-color:#10b98126;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}.admin-panel:hover:before{opacity:1}.panel-header{background:linear-gradient(135deg,#10b98105 0%,#10b98103 100%);border-bottom:1px solid #10b98114;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.panel-header h3{color:var(--green-black);letter-spacing:-.3px;margin:0;font-size:1.1rem;font-weight:800}.panel-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--emerald-dark);background:var(--green-soft);border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:800}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:#f9fefb;padding:14px 24px;font-size:.78rem;font-weight:700}.admin-table td{color:var(--text);border-bottom:1px solid #064e3b0f;padding:14px 24px;font-weight:500}.admin-table tbody tr:hover{background:#f9fefb}.id-code{color:var(--muted);background:#f1f8f4;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.8rem}.sector-tag{background:var(--green-soft);color:var(--green-deep);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.table-loading,.table-empty{text-align:center;color:var(--muted);padding:40px;font-weight:500}.table-loading-flex,.table-empty-flex{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.table-loading-flex .spinner{border:3px solid #e2e8f0;border-top-color:var(--emerald);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.table-empty-flex svg{color:#cbd5e1}@keyframes spin{to{transform:rotate(360deg)}}.qr-token-code{color:var(--green-deep);letter-spacing:.02em;background:#f0fdf4;border:1px solid #10b98133;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.78rem;font-weight:700;display:inline-block}.qr-token-missing{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.em-card-code{color:var(--green-deep);letter-spacing:.02em;background:#f0fdf4;border:1px solid #10b98133;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.82rem;font-weight:700;display:inline-block}.member-row-clickable{cursor:pointer;transition:background .15s}.member-row-clickable:hover{background:#f0fdf4!important}.btn-scan-qr-inline{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.btn-scan-qr-inline:hover{background:#d1fae5;transform:scale(1.1)}.scan-result-inline{align-items:center;gap:8px;font-weight:500;display:flex}.scan-result-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.scan-result-info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.scan-result-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}#print-scanner-camera video{object-fit:cover!important;width:100%!important;height:100%!important}.modal-card.member-detail-card,.member-detail-card{background:#fff!important;border:1px solid #fff3!important;border-radius:18px!important;width:min(920px,95vw)!important;max-width:920px!important;margin:auto!important;overflow:hidden!important;box-shadow:0 25px 70px -15px #0006!important}.modal-card.member-detail-card.network-open,.member-detail-card.network-open{width:min(980px,95vw)!important;max-width:980px!important}.modal-card.member-detail-card .modal-header.gov-modal-header,.member-detail-card .modal-header.gov-modal-header{background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#059669 100%)!important;border-bottom:2px solid #34d399!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:16px 24px!important;display:flex!important;box-shadow:0 4px 12px #064e3b33!important}.gov-modal-header-brand{align-items:center;gap:14px;display:flex}.gov-modal-header-seal{color:#fff;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #00000026}.gov-modal-header-titles{flex-direction:column;gap:1px;display:flex}.gov-modal-header-pre{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:800}.gov-modal-header-main{color:#fff;letter-spacing:.02em;margin:0;font-size:1.15rem;font-weight:900}.gov-modal-header-sub{color:#ffffffd9;font-size:.68rem;font-weight:500}.member-detail-card .modal-close-x{color:#ffffffd9;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.member-detail-card .modal-close-x:hover{color:#fff;background:#ffffff40}.member-modal-tabs.gov-modal-tabs{background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:8px;padding:8px 24px;display:flex}.member-modal-tabs.gov-modal-tabs .member-modal-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex}.member-modal-tabs.gov-modal-tabs .member-modal-tab:hover{color:#1e293b;background:#fff9}.member-modal-tabs.gov-modal-tabs .member-modal-tab.active{color:#065f46;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 4px #0000000d}.modal-card.member-detail-card .modal-body,.member-detail-card .modal-body{background:#f8fafc!important;max-height:78vh!important;padding:20px 24px!important;display:block!important;overflow-y:auto!important}.gov-profile-hero{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:18px 20px;display:flex;position:relative;box-shadow:0 2px 10px #0000000a}.gov-profile-hero:before{content:"";background:linear-gradient(#059669 0%,#10b981 100%);border-top-left-radius:14px;border-bottom-left-radius:14px;width:5px;position:absolute;top:0;bottom:0;left:0}.gov-hero-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.gov-hero-avatar-wrap{flex-shrink:0;position:relative}.gov-hero-avatar{background:#e2e8f0;border:2.5px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;width:86px;height:86px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.gov-hero-avatar img{object-fit:cover;width:100%;height:100%}.gov-hero-badge{color:#fff;white-space:nowrap;letter-spacing:.05em;background:#059669;border:1px solid #a7f3d0;border-radius:5px;padding:2px 7px;font-size:.58rem;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #05966959}.gov-hero-info{flex:1;min-width:0}.gov-hero-name{color:#0f172a;letter-spacing:.01em;text-transform:uppercase;margin:0 0 6px;font-size:1.25rem;font-weight:900;line-height:1.2}.gov-hero-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.gov-chip{letter-spacing:.01em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.gov-chip.approved{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.gov-chip.voter{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.gov-chip.non-voter{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1}.gov-chip.printed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.gov-chip.not-printed{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.gov-hero-ids{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gov-id-pill{border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;font-weight:600;display:inline-flex}.gov-id-pill.card-no{color:#065f46;background:#f0fdf4;border:1px solid #a7f3d0}.gov-id-pill.card-no strong{font-weight:800}.gov-id-pill.ref-no{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.gov-hero-precinct-box{color:#fff;text-align:right;background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;min-width:170px;padding:14px 18px;box-shadow:0 4px 14px #064e3b38}.gov-hero-precinct-box.empty{color:#64748b;box-shadow:none;background:#f8fafc;border:1px dashed #cbd5e1}.gov-precinct-tag{color:#a7f3d0;text-transform:uppercase;letter-spacing:.08em;justify-content:flex-end;align-items:center;gap:4px;font-size:.62rem;font-weight:800;display:flex}.gov-hero-precinct-box.empty .gov-precinct-tag{color:#94a3b8}.gov-precinct-number{color:#fff;letter-spacing:.04em;margin:2px 0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.6rem;font-weight:900;line-height:1.1}.gov-precinct-jurisdiction{color:#ffffffd9;white-space:nowrap;font-size:.7rem;font-weight:600}.gov-hero-precinct-box.empty .gov-precinct-jurisdiction{color:#64748b}.gov-precinct-stats{color:#ffffffbf;border-top:1px solid #ffffff26;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;padding-top:6px;font-size:.64rem;display:flex}.gov-precinct-stats span{align-items:center;gap:3px;display:inline-flex}.gov-actions-ribbon{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gov-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.gov-btn-print{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#047857;box-shadow:0 3px 10px #05966940}.gov-btn-print:hover{background:linear-gradient(135deg,#047857 0%,#064e3b 100%);transform:translateY(-1px);box-shadow:0 5px 14px #05966959}.gov-btn-edit{color:#0f172a;background:#fff;border-color:#cbd5e1}.gov-btn-edit:hover{background:#f1f5f9;border-color:#94a3b8}.gov-btn-export{color:#047857;background:#fff;border-color:#a7f3d0}.gov-btn-export:hover{background:#f0fdf4;border-color:#34d399}.gov-btn-portal{color:#475569;background:#f8fafc;border-color:#e2e8f0;margin-left:auto}.gov-btn-portal:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.gov-grid-2col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (max-width:768px){.gov-grid-2col{grid-template-columns:1fr}}.gov-card-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px #00000008}.gov-section-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;margin-bottom:14px;padding-bottom:10px;display:flex}.gov-section-icon{color:#059669;background:#ecfdf5;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.gov-section-title{color:#0f172a;letter-spacing:.01em;margin:0;font-size:.85rem;font-weight:800}.gov-section-sub{color:#64748b;font-size:.68rem;font-weight:500}.gov-field-group-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gov-field-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.gov-field-box.full{grid-column:1/-1}.gov-field-box.gov-address-highlight{background:#f0fdf4;border-color:#d1fae5}.gov-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:800}.gov-field-value{color:#0f172a;font-size:.84rem;font-weight:700}.gov-field-value.bold{font-weight:800}.gov-field-value.address{color:#064e3b;line-height:1.4}.gov-field-value.sector-badge{color:#065f46;align-items:center;gap:5px;display:inline-flex}.gov-age-tag{color:#059669;background:#d1fae5;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.gov-referrer-link{color:#047857;cursor:pointer;align-items:center;gap:6px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;display:inline-flex}.gov-referrer-link:hover{color:#065f46;text-decoration-style:solid}.gov-link-hint{color:#64748b;font-size:.68rem;font-weight:500;text-decoration:none}.gov-qr-dossier-section{margin-bottom:14px}.gov-qr-body{align-items:center;gap:20px;display:flex}.gov-qr-visual{flex-shrink:0}.gov-qr-frame{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 4px 12px #0000000f}.gov-qr-details{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.gov-token-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.gov-token-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:800}.gov-token-code{color:#065f46;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;font-weight:800}.gov-qr-url-box{flex-direction:column;gap:2px;display:flex}.gov-url-label{color:#64748b;align-items:center;gap:4px;font-size:.64rem;font-weight:700;display:inline-flex}.gov-url-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;overflow:hidden}.gov-qr-actions{gap:8px;display:flex}.gov-btn-mini{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.74rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.gov-btn-mini.copy{color:#0f172a;background:#fff;border-color:#cbd5e1}.gov-btn-mini.copy:hover{background:#f1f5f9}.gov-btn-mini.open{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.gov-btn-mini.open:hover{background:#d1fae5}.gov-qr-missing{background:#fffbeb;border:1.5px dashed #fcd34d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.gov-qr-missing-info{align-items:center;gap:12px;display:flex}.gov-qr-missing-info h5{color:#92400e;margin:0 0 2px;font-size:.84rem;font-weight:800}.gov-qr-missing-info p{color:#b45309;margin:0;font-size:.74rem}.gov-history-section{margin-bottom:8px}.gov-scan-status{text-align:center;color:#64748b;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.8rem;display:flex}.gov-scan-status.empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px}.gov-scan-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.gov-scan-table{border-collapse:collapse;text-align:left;width:100%;font-size:.78rem}.gov-scan-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:.65rem;font-weight:800}.gov-scan-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:9px 12px}.gov-scan-table tr:last-child td{border-bottom:none}.gov-scan-table td.bold{color:#0f172a;font-weight:700}.gov-scanner-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.member-detail-quick-actions{gap:8px;margin-top:12px;display:flex}.member-network-full{padding:8px 0}.member-network-summary{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px;display:grid}.network-level-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;padding:20px 12px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0000000a}.network-level-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.network-level-card.l1{border-top:4px solid #10b981}.network-level-card.l2{border-top:4px solid #3b82f6}.network-level-card.l3{border-top:4px solid #6366f1}.network-level-card.l4{border-top:4px solid #f59e0b}.network-level-card.total{background:linear-gradient(135deg,#064e3b 0%,#10b981 100%);border-top:4px solid #064e3b}.network-level-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:10px;font-size:.72rem;font-weight:800}.network-level-card.total .network-level-label{color:#ffffffd9}.network-level-value{color:#1f2937;font-size:2rem;font-weight:900;line-height:1}.network-level-card.total .network-level-value{color:#fff}.member-network-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:16px;box-shadow:0 1px 3px #0000000a}.member-network-title{color:var(--green-deep);text-transform:uppercase;letter-spacing:.06em;align-items:center;margin:0 0 14px;font-size:.72rem;font-weight:800;display:flex}.member-network-block{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000000a}.member-network-block:last-child{margin-bottom:0}.member-network-subtitle{text-transform:uppercase;letter-spacing:.06em;color:#374151;align-items:center;gap:6px;margin:0 0 14px;font-size:.78rem;font-weight:800;display:flex}.member-network-upline{flex-direction:column;gap:0;padding-left:12px;display:flex;position:relative}.member-network-upline:before{content:"";background:linear-gradient(#10b981 0%,#d1fae5 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.member-network-upline-item{color:#064e3b;cursor:pointer;align-items:center;gap:12px;padding:10px 0 10px 20px;font-size:.9rem;font-weight:600;transition:color .15s;display:flex;position:relative}.member-network-upline-item:hover{color:#10b981}.member-network-upline-item.disabled{cursor:default;color:#9ca3af}.member-network-upline-item.disabled:hover{color:#9ca3af}.member-network-upline-item:before{content:"";background:#10b981;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;left:-8px;box-shadow:0 0 0 2px #d1fae5}.member-network-downline{padding:4px}.member-network-empty{color:#9ca3af;text-align:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;padding:24px;font-size:.9rem}.member-network-node{margin-bottom:2px;position:relative}.member-network-node:before{content:"";background:#d1d5db;width:12px;height:1px;position:absolute;top:18px;left:-12px}.member-network-node-row{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;font-size:.88rem;transition:all .15s;display:flex}.member-network-node-row:hover{background:#f0fdf4;border-color:#a7f3d0;box-shadow:0 2px 6px #10b98114}.member-network-toggle{color:#9ca3af;text-align:center;width:16px;font-size:.65rem;transition:transform .15s}.member-network-name{color:#1f2937;cursor:pointer;flex:1;font-weight:600;transition:color .15s}.member-network-name:hover{color:#10b981}.member-network-count{color:#064e3b;text-align:center;background:#d1fae5;border-radius:999px;min-width:24px;padding:3px 10px;font-size:.72rem;font-weight:700}.member-edit-form{flex-direction:column;gap:20px;display:flex}.member-edit-section{background:var(--green-soft);border:1.5px solid var(--border);border-radius:12px;padding:18px 20px}.member-edit-section-title{color:var(--green-deep);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.85rem;font-weight:700}.member-edit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.member-edit-field{flex-direction:column;gap:4px;display:flex}.member-edit-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.member-edit-field input,.member-edit-field select{border:1.5px solid var(--border);background:var(--white);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:all .2s}.member-edit-field input:focus,.member-edit-field select:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 3px #10b98114}.btn-edit{color:#064e3b;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.btn-edit:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-edit:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.btn-print{color:#b45309;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.btn-print:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-print:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.btn-download-jpg{color:#2563eb;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.btn-download-jpg:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-download-jpg:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.btn-export{color:#059669;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.btn-export:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-export:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.btn-network{color:#4338ca;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.btn-network:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-network:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}@media (max-width:520px){.member-edit-grid{grid-template-columns:1fr}.member-edit-section{padding:14px}}.admin-actions-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.admin-actions-grid{grid-template-columns:1fr}}.action-card{background:var(--white);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{border-color:var(--emerald);background:#f9fefb;transform:translateY(-2px)}.action-icon{font-size:1.4rem}.action-label{color:var(--green-black);font-size:.92rem;font-weight:700}.split-right-panel{background:#f0fdf4;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 28px;display:flex;position:relative;overflow-y:auto}.split-right-panel.embedded{border-radius:16px;width:100%;min-height:100%}.premium-lang-toggle{background:var(--white);z-index:100;border:1.5px solid #10b98126;border-radius:999px;padding:3px;display:flex;position:absolute;top:12px;right:16px;box-shadow:0 4px 12px #064e3b0a}.premium-lang-toggle button{font:inherit;cursor:pointer;color:#6b7280;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;transition:all .2s}.premium-lang-toggle button.active{background:var(--emerald-dark);color:var(--white);box-shadow:0 2px 6px #022c2226}.premium-lang-toggle button:hover:not(.active){background:var(--green-soft);color:var(--green-deep)}@media (max-width:1024px){.split-right-panel{align-items:flex-start;padding:32px 16px}}.flex-center{justify-content:center}.premium-glass-card{background:var(--white);z-index:1;border:1px solid #10b98114;border-radius:16px;width:100%;max-width:650px;margin:0 auto;padding:32px 36px;position:relative;box-shadow:0 4px 6px #064e3b05,0 20px 48px #064e3b14}@media (max-width:640px){.premium-glass-card{padding:28px 20px}}@media (max-width:768px){.premium-glass-card{border-radius:12px;max-width:100%;padding:20px 16px}}@media (max-width:480px){.premium-glass-card{border-radius:10px;padding:18px 14px}}@media (max-width:400px){.premium-glass-card{border-radius:8px;padding:16px 12px}}.card-stage-badge{letter-spacing:.08em;color:var(--emerald-dark);background:var(--green-soft);border-radius:999px;margin-bottom:10px;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-block}.premium-glass-card h2{color:var(--green-black);letter-spacing:-.02em;margin-bottom:2px;font-size:1.35rem;font-weight:900}.premium-glass-card .card-desc{color:#4b5563;margin-bottom:12px;font-size:.82rem;line-height:1.4}.premium-form-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.premium-form-label{color:var(--green-deep);letter-spacing:.01em;text-transform:uppercase;font-size:.75rem;font-weight:800}.premium-form-label .req-star{color:#ef4444}.premium-input-wrap{position:relative}.premium-input-wrap input,.premium-referral-combobox input{width:100%;font:inherit;color:var(--green-black);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 14px center;text-indent:32px;border:1.5px solid #10b98138;border-radius:8px;outline:none;padding:10px 12px 10px 48px;font-size:.85rem;transition:all .25s;box-shadow:inset 0 1px 2px #064e3b05,0 2px 4px #00000003}.premium-input-wrap input:focus,.premium-referral-combobox input:focus{border-color:var(--emerald);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 14px center;box-shadow:0 0 0 4px #10b9811f,0 4px 12px #064e3b0a}.premium-select-wrapper,.premium-date-row select{position:relative}.premium-select-wrapper:after{content:"▼";color:var(--emerald-dark);pointer-events:none;opacity:.8;font-size:.65rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.premium-select-wrapper select,.premium-date-row select{width:100%;font:inherit;color:var(--green-black);appearance:none;cursor:pointer;background:#fcfdfd;border:1.5px solid #10b98126;border-radius:6px;padding:10px 12px;font-size:.8rem;transition:all .25s}.premium-select-wrapper select:focus,.premium-date-row select:focus{border-color:var(--emerald);background:var(--white);outline:none;box-shadow:0 0 0 4px #10b9811f}.premium-date-row{gap:12px;display:flex}.premium-date-row select{flex:1}.compact-checkbox-wrap{margin:2px 0 10px}.premium-checkbox-label{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.45;display:flex}.premium-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--emerald);cursor:pointer;flex-shrink:0;margin-top:1px}.btn-open-legal-premium{color:var(--emerald-dark);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;transition:color .15s;display:inline}.btn-open-legal-premium:hover{color:var(--green-deep)}.btn-premium-solid{background:linear-gradient(135deg, var(--emerald-dark) 0%, var(--green-deep) 100%);color:var(--white);letter-spacing:-.01em;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #022c2233}.btn-premium-solid:disabled{opacity:.65;color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;background:#cbd5e1!important;transform:none!important}.btn-premium-solid:hover{transform:translateY(-2px);box-shadow:0 6px 20px #022c224d,inset 0 1px 3px #fff3}.btn-premium-outline{background:var(--white);color:var(--green-deep);cursor:pointer;border:1.5px solid #10b98140;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .2s}.btn-premium-outline:hover{border-color:var(--emerald);background:var(--green-soft)}.loading-registry-indicator{background:var(--green-soft);color:var(--green-deep);text-align:center;border:1.5px solid #10b98126;border-radius:10px;margin-top:20px;padding:12px;font-size:.85rem;font-weight:700;animation:1.5s infinite pulseGreen}.premium-results-container{margin-top:16px}.results-header-tag{color:var(--emerald-dark);letter-spacing:.08em;margin-bottom:12px;font-size:.72rem;font-weight:800}.results-scroll-list{flex-direction:column;gap:8px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.premium-result-card{background:#f8fafc;border:1.5px solid #10b9810d;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.premium-result-card:hover{background:var(--white);border-color:var(--emerald);transform:translate(4px);box-shadow:0 10px 24px #064e3b0d}.premium-result-card.disabled-result{opacity:.6;cursor:not-allowed;background:#f3f4f6;border-color:#6b728033}.premium-result-card.disabled-result:hover{box-shadow:none;background:#f3f4f6;border-color:#6b728033;transform:none}.premium-result-card.disabled-result .result-avatar-mark{color:#9ca3af;background:#e5e7eb}.premium-result-card.disabled-result .btn{opacity:.5;cursor:not-allowed}.result-avatar-mark{background:var(--green-soft);width:32px;height:32px;color:var(--green-deep);border-radius:8px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.result-card-details{flex:1}.result-card-details strong{color:var(--green-black);font-size:.95rem;display:block}.result-card-details span{color:#6b7280;margin-top:2px;font-size:.78rem;display:block}.badge-verified-premium{color:var(--green-deep);background:#d1fae5;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800}.premium-empty-alert{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;gap:12px;margin-top:24px;padding:12px;display:flex}.alert-icon{color:#d97706;font-size:1.15rem}.premium-empty-alert h4{color:#92400e;margin:0 0 2px;font-size:.88rem;font-weight:800}.premium-empty-alert p{color:#b45309;margin:0;font-size:.82rem;line-height:1.45}.premium-selected-pill{background:#f0fdf4;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.pill-dot{background:var(--emerald);border-radius:50%;width:10px;height:10px;animation:2s infinite pulseGreen}.pill-profile-text{flex:1}.pill-profile-text strong{color:var(--green-deep);font-size:.95rem;display:block}.pill-profile-text span{color:var(--emerald-dark);margin-top:1px;font-size:.78rem;display:block}.btn-premium-change{background:var(--white);color:var(--emerald-dark);font:inherit;cursor:pointer;border:1px solid #10b9814d;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-premium-change:hover{background:var(--emerald-dark);color:var(--white);border-color:var(--emerald-dark)}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.substep-badge{color:var(--emerald-dark);background:#e6f7ef;border:1px solid #b7ebc6;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.substep-actions{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.btn-premium-back{color:var(--emerald-dark);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-premium-back:hover{color:var(--green-deep);transform:translate(-3px)}.premium-referral-combobox{position:relative}.premium-referral-combobox .input-premium-verified{border-color:var(--emerald);background:#f0fdf4}.premium-verified-checkmark{color:var(--green-deep);pointer-events:none;background:#d1fae5;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.premium-combobox-dropdown{background:var(--white);z-index:10;border:1px solid #10b98126;border-radius:12px;max-height:180px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #064e3b1a}.combobox-item-option{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;padding:12px 16px;transition:all .15s;display:block}.combobox-item-option:hover{background:var(--green-soft)}.combobox-item-option strong{color:var(--green-black);font-size:.9rem;display:block}.combobox-item-option span{color:#6b7280;margin-top:1px;font-size:.75rem;display:block}.premium-combobox-error{color:#ef4444;margin-top:6px;font-size:.78rem;font-weight:700}.premium-photo-container{margin-top:4px}.premium-photo-placeholder-grid{gap:16px;display:flex}.premium-upload-tile{color:#6b7280;font:inherit;cursor:pointer;text-align:center;background:#fafcfb;border:2px dashed #10b98133;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 8px;font-size:.72rem;font-weight:700;transition:all .25s;display:flex}.premium-upload-tile:hover{border-color:var(--emerald);color:var(--emerald-dark);background:var(--green-soft);transform:translateY(-2px)}.premium-upload-tile svg{color:var(--emerald-dark)}@media (max-width:480px){.premium-photo-placeholder-grid{flex-direction:column}.face-oval-guide{width:140px;height:190px}}.premium-live-camera-wrap{aspect-ratio:4/3;border:2px solid var(--emerald);background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 10px 30px #064e3b26}.premium-live-camera-wrap video{object-fit:cover;width:100%;height:100%}.camera-overlay-target{pointer-events:none;border:2px dashed #fff6;border-radius:50%;position:absolute;inset:15%}.premium-camera-controls{z-index:20;pointer-events:auto;background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;gap:10px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.premium-camera-controls button{z-index:21;pointer-events:auto;position:relative}.btn-close-camera{color:var(--white);background:#ffffff26;border:1px solid #fff3}.btn-close-camera:hover{background:#ffffff40}.premium-photo-preview-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.premium-photo-preview-wrap img{object-fit:cover;border:4px solid var(--white);width:100px;height:100px;box-shadow:0 0 0 3px var(--emerald), 0 10px 25px #064e3b26;border-radius:50%}.btn-remove-photo-premium{color:#ef4444;cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:700}.btn-remove-photo-premium:hover{text-decoration:underline}.success-card-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #10b98138;border-radius:24px;width:100%;margin:0 auto;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInSuccess;box-shadow:0 20px 45px -10px #064e3b1f,0 0 0 1px #10b9811a;max-width:680px!important;padding:36px 32px!important}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reg-success{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.success-icon-wrapper{margin-bottom:16px}.success-icon-ring{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bounceCheck;display:flex;box-shadow:0 0 0 8px #10b98126,0 12px 24px #0596694d}@keyframes bounceCheck{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title-wrap{margin-bottom:24px}.success-title{color:#064e3b;letter-spacing:-.02em;margin:0 0 6px;font-size:1.65rem;font-weight:900}.success-subtext{color:#4b5563;max-width:480px;margin:0;font-size:.92rem;line-height:1.5}.summary-profile-card{text-align:left;background:linear-gradient(145deg,#f0fdf4,#f8fafc);border:1.5px solid #d1fae5;border-radius:20px;align-items:flex-start;gap:20px;width:100%;margin:0 0 22px;padding:22px;display:flex;box-shadow:0 4px 16px #064e3b0a}.profile-img-wrap{border-radius:50%;flex-shrink:0;width:92px;height:92px;position:relative;overflow:visible}.profile-img-wrap img{object-fit:cover;border:3.5px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 8px 18px #064e3b26}.profile-avatar-fallback{color:#065f46;background:#d1fae5;border:3.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-verified-dot{color:#fff;background:#059669;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:900;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #00000026}.profile-details{flex:1;min-width:0}.profile-header-row{border-bottom:1px solid #10b98126;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.profile-name{color:#064e3b;letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.22rem;font-weight:800;line-height:1.3}.profile-badge-pill{color:#047857;white-space:nowrap;background:#d1fae5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.profile-meta-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.meta-card-item{background:#ffffffbf;border:1px solid #10b9811f;border-radius:10px;padding:8px 12px}.meta-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.67rem;font-weight:700;display:block}.meta-val{color:#111827;word-break:break-word;font-size:.84rem;font-weight:700;line-height:1.3;display:block}.ref-number-box{text-align:center;background:linear-gradient(135deg,#10b98114,#064e3b0a);border:2px dashed #10b981;border-radius:18px;width:100%;margin:0 0 24px;padding:20px}.ref-number-header{justify-content:center;margin-bottom:12px;display:flex}.ref-number-tag{color:#065f46;text-transform:uppercase;letter-spacing:.06em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;padding:3px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.ref-number-display-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ref-code-wrap{display:inline-flex}.ref-number-code{color:#064e3b;letter-spacing:.08em;background:#fff;border:1.5px solid #a7f3d0;border-radius:12px;padding:8px 18px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.3rem;font-weight:900;box-shadow:0 2px 8px #064e3b0f}.btn-ref-copy{color:#065f46;cursor:pointer;background:#fff;border:1.5px solid #10b981;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000d}.btn-ref-copy:hover{color:#fff;background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966940}.btn-ref-copy.copied{color:#fff;background:#059669;border-color:#059669}.ref-number-hint{color:#4b5563;margin:0;font-size:.82rem;line-height:1.4}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.btn-success-action{cursor:pointer;white-space:nowrap;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:155px;padding:13px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-track-primary{color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;box-shadow:0 6px 20px #05966959}.btn-track-primary:hover{color:#fff;background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 8px 24px #05966973}.btn-register-more-secondary{color:#065f46;background:#fff;border:1.5px solid #a7f3d0;box-shadow:0 2px 8px #064e3b0d}.btn-register-more-secondary:hover{color:#047857;background:#f0fdf4;border-color:#10b981;transform:translateY(-2px)}.btn-dashboard-tertiary{color:#374151;background:#f3f4f6;border:1.5px solid #e5e7eb}.btn-dashboard-tertiary:hover{color:#111827;background:#e5e7eb;transform:translateY(-2px)}@media (max-width:640px){.success-card-panel{border-radius:20px;padding:24px 16px!important}.success-icon-ring{width:60px;height:60px}.success-title{font-size:1.35rem}.summary-profile-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 14px}.profile-header-row{text-align:center;flex-direction:column;align-items:center;gap:6px}.profile-meta-grid{text-align:left;grid-template-columns:1fr 1fr;gap:8px;width:100%}.ref-number-code{padding:7px 12px;font-size:1.15rem}.success-actions{flex-direction:column;gap:10px}.btn-success-action{width:100%;min-width:100%;padding:14px;font-size:.92rem}}.panel-status-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;gap:16px;padding:20px;display:flex}.panel-status-card.success-status .pulse-icon{background:var(--emerald);width:40px;height:40px;color:var(--green-deep);box-shadow:0 0 15px var(--emerald);border-radius:50%;flex-shrink:0;place-items:center;font-weight:900;display:grid}.panel-status-card h4{margin:0 0 4px;font-size:.92rem;font-weight:800}.panel-status-card p{color:#fff9;margin:0;font-size:.78rem;line-height:1.45}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.consent-label{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;font-size:.82rem;line-height:1.5;display:flex}.consent-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--emerald);cursor:pointer;flex-shrink:0;margin-top:2px}.consent-label span strong{color:var(--green-deep)}.consent-text-block{text-align:justify;color:var(--muted);font-size:.8rem;line-height:1.5}.consent-link-btn{color:var(--emerald-dark);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;transition:color .15s;display:inline}.consent-link-btn:hover{color:var(--green-deep)}html.modal-open,body.modal-open{touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.card-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.card-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.event-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.event-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.print-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.print-modal-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.scan-result-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.scan-result-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.sidebar-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.sidebar-overlay){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}html:has(.admin-sidebar.open){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}body:has(.admin-sidebar.open){touch-action:none!important;overscroll-behavior:contain!important;overflow:hidden!important}.modal-overlay{z-index:9999;overscroll-behavior:contain;background:#022c22d9;justify-content:center;align-items:center;padding:20px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--white);border-radius:16px;flex-direction:column;width:min(560px,100%);max-width:560px;max-height:85vh;margin:auto;animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleUp;display:flex;overflow:hidden;box-shadow:0 30px 80px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--green-deep);margin:0;font-size:1.15rem;font-weight:800}.modal-close-x{cursor:pointer;width:32px;height:32px;color:var(--green-deep);background:#064e3b0d;border:0;border-radius:50%;place-items:center;font-size:.9rem;transition:all .2s;display:grid}.modal-close-x:hover{color:#ef4444;background:#fecaca}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.modal-body p{color:#4b5563;text-align:justify;margin:0;font-size:.88rem;line-height:1.6}.modal-body strong{color:var(--green-deep)}.modal-footer{border-top:1px solid var(--border);padding:16px 24px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-full{width:100%;min-height:48px;margin-top:8px;font-size:.95rem}.reg-success{text-align:center;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:48px 32px}.success-icon{background:var(--green-soft);width:64px;height:64px;color:var(--green-deep);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:1.8rem;font-weight:800;display:grid}.reg-success h2{color:var(--green-deep);margin-bottom:8px}.reg-success>p{margin-bottom:28px}.success-card{background:var(--off-white);border:1px solid var(--border);text-align:left;border-radius:10px;justify-content:center;align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.success-photo{border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.success-photo img{object-fit:cover;width:100%;height:100%}.success-info{flex-direction:column;gap:2px;display:flex}.success-info strong{color:var(--green-black);font-size:1rem}.success-info span{color:var(--muted);font-size:.82rem}@media (max-width:620px){.reg-card{padding:20px}.search-form,.photo-options{flex-direction:column}.result-item{flex-wrap:wrap}}.admin-dashboard{min-height:100vh;display:flex}.sidebar-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}@media (max-width:1024px){.sidebar-overlay{display:block}}.admin-sidebar{background:linear-gradient(180deg, var(--green-black) 0%, #0a3d2a 100%);z-index:50;border-right:1px solid #10b9811a;flex-direction:column;width:280px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #00000026}@media (max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}}.sidebar-brand-mark{background:linear-gradient(135deg, var(--emerald) 0%, var(--green-deep) 100%);width:44px;height:44px;color:var(--white);border-radius:12px;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:900;display:grid;box-shadow:0 4px 12px #10b98133}.sidebar-brand-mark-img{object-fit:contain;border-radius:12px;flex-shrink:0;width:44px;height:44px}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.sidebar-nav-item{font:inherit;color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav-item.active{color:var(--emerald);box-shadow:inset 3px 0 0 0 var(--emerald);background:#10b98133;font-weight:700}.sidebar-nav-icon{text-align:center;width:24px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.sidebar-nav-label{flex:1}.sidebar-nav-badge{background:var(--emerald);color:var(--white);text-align:center;border-radius:999px;min-width:20px;padding:2px 8px;font-size:.65rem;font-weight:800}.sidebar-user{background:#10b98114;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 8px;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--emerald) 0%, var(--green-deep) 100%);width:40px;height:40px;color:var(--white);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:800;display:grid;box-shadow:0 2px 8px #10b98126}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:.85rem;font-weight:700;overflow:hidden}.sidebar-logout{color:#fffc;width:100%;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}@media (max-width:1024px){.admin-main{margin-left:0}}.admin-topbar{z-index:30;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #0000000d;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.sidebar-toggle{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .15s;box-shadow:0 1px 2px #0000000a;display:inline-flex!important}.sidebar-toggle:hover{color:#047857;background:#f1f5f9;border-color:#cbd5e1}.sidebar-toggle.is-collapsed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.admin-topbar-title{color:var(--green-black);flex:1;font-size:1.1rem;font-weight:800}.admin-topbar-right{align-items:center;gap:10px;min-width:0;display:flex}@media (min-width:640px){.admin-topbar-right{gap:14px}}@media (min-width:768px){.admin-topbar-right{gap:16px}}.topbar-date{color:var(--muted);font-size:.82rem;font-weight:600}.topbar-user{align-items:center;gap:8px;display:flex}@media (min-width:640px){.topbar-user{gap:12px}}.topbar-user-info{flex-direction:column;align-items:flex-end;min-width:0;max-width:120px;display:flex}@media (min-width:640px){.topbar-user-info{max-width:160px}}@media (min-width:768px){.topbar-user-info{max-width:200px}}.topbar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}@media (min-width:640px){.topbar-user-name{font-size:.82rem}}.topbar-user-role{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:600}@media (max-width:479px){.topbar-user-role{display:none}}.topbar-user-avatar{width:32px;height:32px;color:var(--white);background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}@media (min-width:640px){.topbar-user-avatar{width:36px;height:36px;font-size:.9rem}}.topbar-notify{width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.topbar-notify:hover{background:var(--green-soft);color:var(--green-deep)}.topbar-notify-count{color:#fff;border:2px solid var(--white);background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.topbar-notify-wrap{position:relative}.notif-dropdown{background:var(--white);border:1.5px solid var(--border);z-index:200;border-radius:12px;width:340px;position:absolute;top:44px;right:-10px;overflow:hidden;box-shadow:0 12px 40px #0000001f}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dropdown-header h4{color:var(--green-deep);margin:0;font-size:.95rem;font-weight:700}.notif-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.notif-dropdown-body{max-height:320px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #0000000a;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--green-soft)}.notif-icon{width:32px;height:32px;color:var(--emerald);background:#10b9811a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text);margin:0 0 3px;font-size:.85rem;font-weight:700}.notif-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.8rem;overflow:hidden}.notif-time{color:#9ca3af;font-size:.72rem;font-weight:500}.notif-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;font-size:.88rem;display:flex}.notif-empty svg{color:var(--border)}.notif-dropdown-footer{border-top:1px solid var(--border);text-align:center;padding:10px 16px}.notif-dropdown-footer button{color:var(--emerald);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:700;transition:background .15s}.notif-dropdown-footer button:hover{background:var(--green-soft)}@media (max-width:640px){.notif-dropdown{width:280px;right:-60px}}.sidebar-promo{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;margin:12px;padding:16px}.sidebar-promo-icon{width:48px;height:48px;color:var(--emerald);background:#10b98126;border-radius:12px;place-items:center;margin:0 auto 12px;font-size:1.4rem;display:grid}.sidebar-promo h4{color:var(--white);margin:0 0 6px;font-size:.82rem;font-weight:700}.sidebar-promo p{color:#ffffff80;margin:0 0 12px;font-size:.72rem;line-height:1.5}.sidebar-promo-dots{justify-content:center;gap:6px;display:flex}.sidebar-promo-dot{background:#fff3;border-radius:50%;width:6px;height:6px}.sidebar-promo-dot.active{background:var(--emerald)}.admin-content{flex:1;max-width:1400px;padding:28px}@media (max-width:768px){.admin-content{padding:16px}}.status-tag{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}.status-tag.verified{color:#1e40af;background:#dbeafe}.status-tag.registered{background:var(--green-soft);color:var(--green-deep)}.residents-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.action-bar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:280px;display:flex}.action-bar-right{flex-wrap:wrap;gap:10px;display:flex}.action-bar-right .btn-scan-start{border-radius:10px;width:auto;padding:10px 18px;font-size:.85rem}.search-input-wrap{flex:1;min-width:260px}.filter-selects-wrap{flex-wrap:wrap;gap:8px;display:flex}.residents-search{background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 14px center;text-indent:24px;border:1.5px solid #10b9812e;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 64px;font-size:.9rem;transition:all .2s}.residents-search:focus{border-color:var(--emerald);box-shadow:0 0 0 4px #10b98114}.btn-action-primary,.btn-action-outline{font:inherit;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-primary{background:var(--green-deep);color:var(--white)}.btn-action-primary:hover{background:var(--green-black);transform:translateY(-1px)}.btn-action-outline{background:var(--white);color:var(--green-deep);border:1.5px solid #10b98133}.btn-action-outline:hover{background:var(--green-soft);border-color:var(--emerald)}@media (max-width:768px){.residents-action-bar{flex-direction:column;align-items:stretch;gap:12px}.action-bar-left{flex-direction:column;align-items:stretch;min-width:auto}.search-input-wrap{flex:none;width:100%;min-width:auto}.residents-search{text-indent:18px;background-position:12px;background-size:16px 16px;padding:10px 14px 10px 58px;font-size:.85rem}.filter-selects-wrap{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-selects-wrap .filter-select{width:100%;min-width:0;padding:8px;font-size:.75rem}.action-bar-right{justify-content:stretch;width:100%}.btn-action-primary,.btn-action-outline,.action-bar-right .btn-scan-start{flex:1;justify-content:center;padding:10px 12px;font-size:.8rem}}.modal-lg{width:100%;max-width:640px}.modal-desc{color:var(--muted);margin-bottom:20px;font-size:.88rem;line-height:1.55}.modal-desc code{color:var(--green-deep);background:#f1f8f4;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.82rem}.modal-form{padding:0 24px 24px}.modal-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.modal-form-grid{grid-template-columns:1fr}}.modal-form .form-group{flex-direction:column;gap:6px;display:flex}.modal-form .form-group label{color:var(--green-deep);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:700}.modal-form .form-group input{background:var(--white);border:1.5px solid #10b98133;border-radius:10px;padding:12px 14px 12px 40px;font-size:.92rem;transition:all .2s}.modal-form .form-group select{color:var(--green-black);background:var(--white);cursor:pointer;border:1.5px solid #10b98133;border-radius:10px;padding:12px 14px;font-size:.95rem;transition:all .2s}.modal-form .form-group select:focus,.modal-form .form-group input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #10b98114}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:.85rem;font-weight:600}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.btn-modal-primary,.btn-modal-secondary{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:all .2s}.btn-modal-primary{background:var(--green-deep);color:var(--white)}.btn-modal-primary:hover:not(:disabled){background:var(--green-black)}.btn-modal-primary:disabled{opacity:.5;cursor:not-allowed}.btn-modal-secondary{color:var(--muted);border:1.5px solid var(--border);background:0 0}.btn-modal-secondary:hover{background:var(--gray-bg);color:var(--text)}.btn-modal-danger{cursor:pointer;color:#fff;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600}.btn-modal-danger:hover:not(:disabled){background:#dc2626}.btn-modal-danger:disabled{opacity:.5;cursor:not-allowed}.file-upload-area{margin-bottom:20px}.file-upload-label{cursor:pointer;text-align:center;background:#f9fefb;border:2px dashed #10b9814d;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;transition:all .2s;display:flex}.file-upload-label:hover{border-color:var(--emerald);background:#f0fdf4}.file-upload-icon{font-size:2rem}.file-upload-text{color:var(--green-black);font-size:.95rem;font-weight:700}.file-upload-hint{color:var(--muted);font-size:.8rem}.csv-preview{margin-top:20px}.csv-preview h4{color:var(--green-deep);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.85rem;font-weight:700}.preview-table{font-size:.78rem}.preview-table th{background:#f0fdf4}.admin-toast{z-index:200;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:.88rem;font-weight:700;animation:.3s toastSlideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #0000001f}.admin-toast.success{background:var(--green-deep);color:var(--white)}.admin-toast.error{color:var(--white);background:#991b1b}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.face-oval-guide{pointer-events:none;z-index:2;border:2.5px dashed #10b98199;border-radius:50%;width:180px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-oval-inner{border:1.5px solid #ffffff4d;border-radius:50%;position:absolute;inset:8px}.face-guide-text{color:var(--white);pointer-events:none;z-index:5;white-space:nowrap;background:#00000073;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.premium-photo-processing{background:var(--green-soft);border:1.5px dashed #10b98140;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:40px 24px;display:flex}.premium-photo-processing span{color:var(--green-deep);font-size:.85rem;font-weight:700}.processing-spinner{border:3px solid #10b98133;border-top-color:var(--emerald);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.premium-input-readonly{cursor:default;color:var(--muted)!important;background:#f1f8f4!important;border-style:dashed!important}.premium-input{background:var(--white);width:100%;color:var(--text);text-transform:uppercase;border:1.5px solid #10b9812e;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.premium-input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #10b98114}.premium-form-row{gap:14px;margin-bottom:12px;display:flex}.premium-form-row .premium-form-group.half,.premium-form-row .premium-form-group.third{flex:1 1 0;min-width:0}.premium-form-row .premium-form-group.quarter{flex:1 1 0;min-width:0;max-width:25%}.premium-form-row .premium-form-group.quarter input,.premium-form-row .premium-form-group.quarter select{box-sizing:border-box;width:100%}@media (max-width:520px){.premium-form-row{flex-direction:column;gap:0}}.review-card{border-radius:20px;width:92%;max-width:720px;overflow:hidden;box-shadow:0 24px 60px #064e3b26,0 8px 24px #00000014}.review-card .modal-header{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-bottom:1px solid #10b9811a;padding:22px 28px 18px}.review-card .modal-header h3{color:var(--green-deep);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.review-card .modal-header h3:before{content:"";background:var(--emerald);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #10b98133}.review-card .modal-body{padding:24px 28px}.review-subtitle{color:var(--muted);text-align:center;margin-bottom:20px;font-size:.82rem;font-weight:500}.review-landscape{align-items:flex-start;gap:28px;display:flex}.review-details{flex:1;min-width:0}.review-photo-side{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding-top:4px;display:flex}.review-photo-side .review-label{text-transform:uppercase;letter-spacing:.08em;color:var(--emerald);font-size:.62rem;font-weight:700}.review-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.review-item{background:#fff;border:1px solid #10b9811f;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.review-item:hover{border-color:#10b98140;box-shadow:0 2px 8px #10b98114}.review-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-size:.62rem;font-weight:700}.review-value{color:#1e293b;word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.35;text-transform:uppercase!important}.review-photo{object-fit:cover;width:130px;height:130px;box-shadow:0 0 0 3px var(--emerald), 0 4px 16px #10b98140;border:3px solid #fff;border-radius:50%}.review-footer{background:#fafcfb;border-top:1px solid #10b98114;justify-content:space-between;gap:12px;padding:16px 28px 24px;display:flex}.review-footer .btn{border-radius:12px;flex:1;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.review-footer .btn-premium-outline{border:1.5px solid var(--border);color:var(--text);background:#fff}.review-footer .btn-premium-outline:hover{background:var(--gray-bg);border-color:var(--emerald);color:var(--emerald)}.review-footer .btn-premium-solid{color:#fff;background:linear-gradient(135deg,#047857 0%,#059669 100%);border:none;box-shadow:0 4px 12px #0596694d}.review-footer .btn-premium-solid:hover:not(:disabled){background:linear-gradient(135deg,#065f46 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 16px #05966966}.review-footer .btn-premium-solid:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width:640px){.review-card{border-radius:16px;width:96%}.review-card .modal-header{padding:18px 20px 14px}.review-card .modal-header h3{font-size:1.05rem}.review-card .modal-body{padding:18px 20px}.review-landscape{flex-direction:column;align-items:center;gap:18px}.review-photo-side{order:-1}.review-photo{width:100px;height:100px}.review-grid{grid-template-columns:1fr;gap:6px;width:100%}.review-item{padding:8px 12px}.review-value{font-size:.84rem}.review-footer{flex-direction:column;gap:10px;padding:14px 20px 20px}.review-footer .btn{width:100%;padding:12px;font-size:.85rem}}@media (max-width:400px){.review-card{border-radius:14px;width:98%}.review-card .modal-header h3{font-size:.95rem}.review-subtitle{margin-bottom:14px;font-size:.78rem}.review-photo{width:85px;height:85px}.review-label{font-size:.58rem}.review-value{font-size:.8rem}.review-item{border-radius:8px;padding:6px 10px}}.reg-thumb{object-fit:cover;border:2px solid var(--emerald);border-radius:50%;width:40px;height:40px;display:block}.reg-thumb-placeholder{background:var(--green-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-approved{color:#065f46;background:#d1fae5}.status-rejected{color:#991b1b;background:#fee2e2}.badge-warn{color:#fff!important;background:#f59e0b!important}.badge-error{color:#fff!important;background:#ef4444!important}.reg-actions{justify-content:center;gap:6px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:transform .15s,opacity .15s;display:flex}.btn-action:hover{opacity:.9;transform:scale(1.08)}.btn-approve{color:#065f46;background:#d1fae5}.btn-reject{color:#991b1b;background:#fee2e2}.btn-print{color:#1e40af;background:#dbeafe}.size-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.reg-row-clickable{cursor:pointer;transition:background .15s}.reg-row-clickable:hover{background:var(--green-soft)!important}.reg-row-duplicate{background:#fef2f2!important}.reg-row-duplicate:hover{background:#fee2e2!important}.reg-status-tabs{border-bottom:2px solid var(--border);gap:0;margin:0 24px 16px;display:flex}.reg-status-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.reg-status-tabs button:hover{color:var(--text)}.reg-status-tabs button.active{color:var(--green-deep);border-bottom-color:var(--green-deep)}.reg-status-tabs .tab-count{background:var(--border);min-width:20px;height:20px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.reg-status-tabs button.active .tab-count{background:var(--green-deep);color:var(--white)}.dup-badge-inline{color:#fff;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;background:#ef4444;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-block}.reg-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:95%;max-width:700px;max-height:calc(100dvh - 36px);position:relative;box-shadow:0 25px 60px -15px #0f172a38,0 0 0 1px #0f172a0a;flex-direction:column!important;display:flex!important;overflow:hidden!important}.reg-detail-card .modal-header.reg-detail-saas-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:18px 24px 16px;display:flex;flex-shrink:0!important}.reg-detail-header-text{flex-direction:column;gap:2px;display:flex}.reg-detail-sub-pill{letter-spacing:.08em;text-transform:uppercase;color:#059669;align-items:center;gap:5px;font-size:.65rem;font-weight:800;display:inline-flex}.reg-detail-title{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.25}.reg-detail-subtitle{color:#64748b;margin:2px 0 0;font-size:.78rem;font-weight:500}.reg-detail-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.reg-detail-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.reg-detail-card .modal-body{background:#fafbfc;gap:16px;padding:20px 24px;-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow-y:auto!important}.reg-detail-card .modal-body>*{flex-shrink:0!important;min-height:fit-content!important}.reg-detail-card .modal-body::-webkit-scrollbar{width:6px}.reg-detail-card .modal-body::-webkit-scrollbar-track{background:0 0}.reg-detail-card .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.reg-detail-card .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reg-detail-profile-hero{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:18px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0f172a08}.reg-detail-avatar{object-fit:cover;background:#f8fafc;border:2px solid #fff;border-radius:14px;flex-shrink:0;width:76px;height:76px;box-shadow:0 4px 12px #0f172a14,0 0 0 1px #0f172a0d}.reg-detail-avatar-placeholder{color:#059669;background:#ecfdf5;border:2px solid #fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 4px 12px #0f172a14,0 0 0 1px #05966933}.reg-detail-hero-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.reg-detail-hero-name{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.2rem;font-weight:800;line-height:1.25}.reg-detail-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reg-detail-badge{border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;line-height:1.3;display:inline-flex}.reg-detail-badge.badge-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-pending-dot{background:#d97706;border-radius:50%;width:6px;height:6px;animation:1.8s infinite regDotPulse}@keyframes regDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.reg-detail-badge.badge-approved{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.reg-detail-badge.badge-rejected{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.reg-detail-badge.badge-voter{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.reg-detail-badge.badge-nonvoter{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.reg-detail-ref-copy-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.reg-detail-ref-copy-chip:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.reg-detail-ref-copy-chip .ref-prefix{color:#64748b;letter-spacing:.04em;font-size:.65rem}.reg-detail-ref-copy-chip .ref-copy-icon{color:#64748b;transition:color .15s}.reg-detail-ref-copy-chip:hover .ref-copy-icon,.reg-detail-ref-copy-chip .ref-copy-icon.success{color:#059669}.ref-copied-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;animation:1.5s forwards fadeInOut;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,2px)}20%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-2px)}}.reg-detail-id-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.reg-detail-hero-meta{color:#64748b;align-items:center;gap:14px;margin-top:2px;font-size:.72rem;display:flex}.reg-detail-hero-meta-item{align-items:center;gap:4px;display:inline-flex}.saas-spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a05;flex-direction:column!important;flex-shrink:0!important;height:auto!important;min-height:fit-content!important;display:flex!important}.saas-spec-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;flex-shrink:0!important}.saas-spec-title{letter-spacing:.06em;text-transform:uppercase;color:#475569;align-items:center;gap:6px;margin:0;font-size:.72rem;font-weight:800;display:inline-flex}.saas-spec-title-icon{color:#059669}.saas-spec-grid{background:#f1f5f9!important;grid-template-columns:repeat(2,1fr)!important;gap:1px!important;width:100%!important;height:auto!important;min-height:fit-content!important;display:grid!important}.saas-spec-grid.cols-3{grid-template-columns:repeat(3,1fr)!important}.saas-spec-cell{box-sizing:border-box;gap:4px;min-width:0;padding:11px 16px;background:#fff!important;flex-direction:column!important;display:flex!important}.saas-spec-cell.full-width{grid-column:1/-1!important}.saas-spec-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.67rem;font-weight:700;line-height:1.2}.saas-spec-value{color:#0f172a;word-break:break-word;font-size:.88rem;font-weight:600;line-height:1.35;text-transform:uppercase!important}.saas-contact-link{color:#0284c7;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.saas-contact-link:hover{color:#0369a1;text-decoration:underline}.saas-address-overview{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 16px;display:flex}.saas-address-pin-icon{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.saas-address-text-wrap{flex:1;min-width:0}.saas-address-primary{color:#0f172a;font-size:.92rem;font-weight:700;line-height:1.3;text-transform:uppercase!important}.saas-address-secondary{color:#64748b;margin-top:1px;font-size:.74rem}.saas-referral-body{background:#fff;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.saas-referral-verified-box{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.saas-referral-verified-info{align-items:center;gap:10px;display:flex}.saas-referral-verified-icon{color:#059669;justify-content:center;align-items:center;display:flex}.saas-referral-verified-title{text-transform:uppercase;letter-spacing:.05em;color:#065f46;font-size:.7rem;font-weight:800}.saas-referral-verified-name{color:#064e3b;font-size:.92rem;font-weight:800;text-transform:uppercase!important}.saas-referral-change-btn{color:#065f46;cursor:pointer;background:#fff;border:1px solid #a7f3d0;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s}.saas-referral-change-btn:hover{background:#f0fdf4;border-color:#059669}.saas-referral-search-input-wrap{width:100%;position:relative}.saas-referral-search-icon{color:#94a3b8!important;pointer-events:none!important;z-index:2!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.saas-referral-input,.saas-referral-search-input-wrap input.saas-referral-input,.saas-referral-search-input-wrap input[type=text]{color:#0f172a!important;box-sizing:border-box!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:9px!important;outline:none!important;width:100%!important;padding:11px 16px 11px 42px!important;font-size:.88rem!important;transition:all .2s!important}.saas-referral-input:focus,.saas-referral-search-input-wrap input.saas-referral-input:focus,.saas-referral-search-input-wrap input[type=text]:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691f!important}.saas-referral-hint{color:#64748b;margin:0;font-size:.74rem;line-height:1.4}.saas-referral-dropdown{z-index:10!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;width:100%!important;max-height:220px!important;margin-top:8px!important;position:relative!important;overflow-y:auto!important;box-shadow:0 4px 14px #0f172a14!important}.saas-referral-option{text-align:left!important;cursor:pointer!important;background:#fff!important;border:none!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:10px 14px!important;transition:background .15s!important;display:flex!important}.saas-referral-option:hover{background:#ecfdf5!important}.saas-referral-option:last-child{border-bottom:none!important}.saas-referral-opt-name{color:#0f172a;font-size:.86rem;font-weight:700}.saas-referral-opt-brgy{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.reg-detail-card .modal-footer.reg-detail-footer-saas{background:#fff!important;border-top:1px solid #f1f5f9!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 24px!important;display:flex!important;box-shadow:0 -4px 12px #0f172a05!important}.reg-footer-left-group,.reg-footer-right-group{align-items:center;gap:8px;display:flex}.btn-saas-ghost-danger{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-size:.82rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.btn-saas-ghost-danger:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.btn-saas-secondary{color:#334155!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;font-size:.82rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 1px 2px #0000000a!important}.btn-saas-danger-outline{color:#e11d48!important;cursor:pointer!important;background:#fff5f5!important;border:1px solid #fecdd3!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;font-size:.84rem!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.btn-saas-danger-outline:hover{color:#be123c!important;background:#ffe4e6!important;border-color:#fda4af!important}.btn-saas-primary-emerald{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;border:1px solid #047857!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;font-size:.84rem!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 2px 6px #05966940!important}.btn-saas-primary-emerald:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%)!important;box-shadow:0 4px 12px #05966959!important}.btn-saas-primary-emerald:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}.saas-edit-input{color:#065f46;box-sizing:border-box;background:#f0fdf4;border:1.5px solid #059669;border-radius:7px;outline:none;width:100%;padding:6px 10px;font-size:.86rem;transition:border-color .2s;text-transform:uppercase!important}.saas-edit-input:focus{background:#fff;border-color:#047857;box-shadow:0 0 0 3px #05966926}@media (max-width:640px){.reg-detail-card{width:100%!important;max-width:480px!important;max-height:calc(88dvh - env(safe-area-inset-bottom,0px))!important;border-radius:16px!important}.reg-detail-card .modal-header.reg-detail-saas-header{padding:14px 16px!important}.reg-detail-title{font-size:1.08rem!important}.reg-detail-card .modal-body{gap:12px!important;padding:14px 16px!important}.reg-detail-profile-hero{gap:12px!important;padding:12px 14px!important}.reg-detail-avatar,.reg-detail-avatar-placeholder{border-radius:12px!important;width:60px!important;height:60px!important}.reg-detail-hero-name{font-size:1.05rem!important}.saas-spec-grid{grid-template-columns:1fr!important}.saas-spec-cell{padding:9px 14px!important}.reg-detail-card .modal-footer.reg-detail-footer-saas{flex-direction:column-reverse!important;gap:8px!important;padding:12px 16px!important}.reg-footer-left-group,.reg-footer-right-group{justify-content:stretch!important;width:100%!important}.reg-footer-left-group .btn-saas-secondary,.reg-footer-left-group .btn-saas-ghost-danger,.reg-footer-right-group .btn-saas-danger-outline,.reg-footer-right-group .btn-saas-primary-emerald{flex:1!important;justify-content:center!important}}.saas-bulk-referral-card{background:#fff!important;border:1px solid #e2e8f0e6!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:620px!important;max-height:calc(92dvh - 36px)!important;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #0000004d!important}.saas-bulk-modal-body{background:#fafbfc!important;flex-direction:column!important;gap:14px!important;padding:18px 22px!important;display:flex!important;overflow-y:auto!important}.saas-bulk-applicants-list{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-wrap:wrap;gap:8px;max-height:130px;padding:10px 12px;display:flex;overflow-y:auto}.saas-bulk-applicant-pill{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:4px 10px 4px 6px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.saas-bulk-pill-avatar{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.64rem;font-weight:800;display:flex;overflow:hidden}.saas-bulk-pill-avatar img{object-fit:cover;width:100%;height:100%}.saas-bulk-pill-info{flex-direction:column;line-height:1.15;display:flex}.saas-bulk-pill-name{color:#0f172a;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.72rem;font-weight:700;overflow:hidden}.saas-bulk-pill-brgy{color:#059669;text-transform:uppercase;font-size:.6rem;font-weight:700}.saas-bulk-pill-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.saas-bulk-pill-remove:hover{color:#ef4444;background:#fee2e2}.saas-bulk-guarantee-card{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.saas-bulk-guarantee-icon{color:#059669;flex-shrink:0;margin-top:1px}.saas-bulk-guarantee-title{color:#064e3b;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:800}.saas-bulk-guarantee-desc{color:#065f46;margin-top:2px;font-size:.72rem;line-height:1.4}.saas-bulk-progress-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.saas-bulk-progress-header{color:#0f172a;justify-content:space-between;font-size:.74rem;font-weight:700;display:flex}.saas-bulk-progress-track{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.saas-bulk-progress-fill{background:linear-gradient(90deg,#059669 0%,#10b981 100%);height:100%;transition:width .2s}.network-page-container{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;min-width:0;max-width:100%;padding:0 0 32px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.network-page-header{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-width:0;padding:2px 0 4px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.network-header-left{flex-direction:column;gap:6px;min-width:0;display:flex}.network-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.network-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.network-status-chip{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.network-page-subtitle{color:#64748b;max-width:52rem;margin:0;font-size:.85rem;line-height:1.4}.network-header-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.network-header-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.network-tool-btn{white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:36px;border-radius:8px!important;padding:0 12px!important;font-size:.8rem!important;font-weight:700!important;display:inline-flex!important}.btn-outline-emerald{color:#059669;cursor:pointer;background:#fff;border:1.5px solid #10b981;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-outline-emerald:hover{color:#047857;background:#ecfdf5;border-color:#059669}.network-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;width:100%;padding:0 24px;display:grid}.network-metric-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.network-metric-accent{height:3.5px;position:absolute;top:0;left:0;right:0}.network-metric-accent.total{background:#10b981}.network-metric-accent.l1{background:#059669}.network-metric-accent.l2{background:#2563eb}.network-metric-accent.l3{background:#d97706}.network-metric-accent.l4{background:#db2777}.network-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.network-metric-card.active{background:#f8fafc;border-color:#0f172a;box-shadow:0 0 0 2px #0f172a26,0 6px 16px #00000014}.network-metric-card.l1-card.active{background:#f0fdf4;border-color:#059669;box-shadow:0 0 0 2px #05966933,0 6px 16px #0596691a}.network-metric-card.l2-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33,0 6px 16px #2563eb1a}.network-metric-card.l3-card.active{background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 2px #d9770633,0 6px 16px #d977061a}.network-metric-card.l4-card.active{background:#fdf2f8;border-color:#db2777;box-shadow:0 0 0 2px #db277733,0 6px 16px #db27771a}.network-metric-card-top{justify-content:space-between;align-items:center;display:flex}.network-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800}.network-metric-icon{color:#475569;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.network-metric-icon.total{color:#059669;background:#ecfdf5}.network-metric-icon.l1{color:#047857;background:#d1fae5}.network-metric-icon.l2{color:#1d4ed8;background:#dbeafe}.network-metric-icon.l3{color:#b45309;background:#fef3c7}.network-metric-icon.l4{color:#be185d;background:#fce7f3}.network-metric-val{color:#0f172a;letter-spacing:-.03em;font-size:1.75rem;font-weight:900;line-height:1.1}.network-metric-val.l1-text{color:#047857}.network-metric-val.l2-text{color:#1d4ed8}.network-metric-val.l3-text{color:#b45309}.network-metric-val.l4-text{color:#be185d}.network-metric-sub{color:#64748b;font-size:.74rem;font-weight:500}.network-controls-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 24px;padding:10px 16px;display:flex}.network-level-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.network-level-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.network-level-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.network-level-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a33}.network-level-pill.l1.active{background:#065f46;border-color:#065f46}.network-level-pill.l2.active{background:#1e40af;border-color:#1e40af}.network-level-pill.l3.active{background:#92400e;border-color:#92400e}.network-level-pill.l4.active{background:#9d174d;border-color:#9d174d}.network-level-pill .dot{border-radius:50%;width:7px;height:7px}.network-level-pill .dot.l1{background:#10b981}.network-level-pill .dot.l2{background:#3b82f6}.network-level-pill .dot.l3{background:#f59e0b}.network-level-pill .dot.l4{background:#ec4899}.network-level-pill .count-tag{color:inherit;background:#0000000f;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:800}.network-level-pill.active .count-tag{color:#fff;background:#ffffff40}.network-sort-wrap{align-items:center;gap:8px;display:flex}.network-sort-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.network-sort-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:.8rem;font-weight:600}.leader-cards-row{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;display:grid}.leader-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 1px 3px #00000008}.leader-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.leader-card-title{color:#0f172a;margin:0;font-size:.92rem;font-weight:800}.leader-card-sub{color:#64748b;font-size:.72rem}.leader-count-chip{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.leader-mini-list{flex-direction:column;gap:6px;display:flex}.leader-mini-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex}.leader-mini-row:hover{background:#ecfdf5;border-color:#a7f3d0;transform:translate(2px)}.leader-mini-row.rank-1{background:#fffdf5;border-color:#fde68a}.leader-mini-row.rank-2{background:#f8fafc;border-color:#e2e8f0}.leader-mini-row.rank-3{background:#fff8f5;border-color:#fed7aa}.leader-rank-badge{color:#475569;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.leader-rank-badge.rank-1{color:#854d0e;background:#fef08a}.leader-rank-badge.rank-2{color:#334155;background:#e2e8f0}.leader-rank-badge.rank-3{color:#9a3412;background:#ffedd5}.leader-mini-avatar{color:#fff;background:#065f46;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.65rem;font-weight:800;display:flex}.leader-mini-info{flex:1;min-width:0}.leader-mini-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.leader-mini-badges{flex-shrink:0;align-items:center;gap:4px;display:flex}.lm-badge{white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:600}.lm-badge.l1{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.lm-badge.l2{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.lm-badge.l3{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.lm-badge.l4{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.lm-badge.total{color:#fff;background:#0f172a;font-weight:800}.lm-badge.highlight{font-weight:800;box-shadow:0 0 0 2px #047857}.network-search-section{padding:0}.network-search-input-wrap{width:100%;position:relative}.ns-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.network-search-input{color:#064e3b;background:#fff;border:1.5px solid #047857;border-radius:10px;outline:none;width:100%;padding:10px 40px 10px 42px;font-size:.86rem;transition:all .2s}.network-search-input:focus{border-color:#065f46;box-shadow:0 0 0 3px #064e3b2e}.ns-clear-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ns-clear-btn:hover{color:#0f172a;background:#e2e8f0}.network-search-results{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:10px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.network-search-result-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.network-search-result-item:hover{background:#f0fdf4}.nsr-avatar{color:#fff;background:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;display:flex}.nsr-content{flex-direction:column;flex:1;min-width:0;display:flex}.nsr-parent-tag{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.network-forest-container{padding:0 0 24px}.network-tree-meta-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 10px;font-size:.8rem;display:flex}.ntm-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ntm-count{color:#0f172a;font-weight:600}.ntm-filter-tag{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.ntm-search-tag{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.ntm-sort-info{font-size:.75rem}.tree-forest{flex-direction:column;gap:10px;display:flex}.tree-root-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.tree-root-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.tree-root-card.is-open{border-color:#a7f3d0;box-shadow:0 4px 14px #065f4614}.tree-root-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tree-root-card.is-open .tree-root-card-header{background:#fafffc;border-bottom:1px solid #e6f4ea}.tree-root-left{flex:1;align-items:center;gap:10px;min-width:260px;display:flex}.tree-root-chevron-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.tree-root-chevron-btn.open{color:#fff;background:#047857;transform:rotate(90deg)}.tree-root-avatar{color:#fff;background:linear-gradient(135deg,#047857,#065f46);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px 4px #04785733}.tree-root-title-box{flex-direction:column;gap:2px;display:flex}.tree-root-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-root-name{color:#0f172a;letter-spacing:-.01em;font-size:.92rem;font-weight:800}.tree-root-tag{color:#047857;letter-spacing:.04em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:800}.tree-root-sub{color:#64748b;font-size:.74rem}.tree-root-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.level-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600}.level-badge.l1{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.level-badge.l2{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.level-badge.l3{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.level-badge.l4{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.level-badge.total{color:#fff;background:#0f172a;font-weight:800}.level-badge.active-level{font-weight:900;transform:scale(1.04);box-shadow:0 0 0 2px #fff,0 0 0 4px #047857}.tree-root-children-wrap{background:#f8fafc;flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.tree-root-children-header{color:#64748b;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:0 4px 6px;font-size:.75rem;display:flex}.tree-inspect-link{color:#047857;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:700}.tree-inspect-link:hover{text-decoration:underline}.tree-root-children-list{flex-direction:column;gap:4px;display:flex}.tree-branch{position:relative}.tree-branch:before{content:"";background:#e2e8f0;width:2px;height:100%;position:absolute;top:0;left:6px}.tree-node{cursor:pointer;z-index:1;background:#d1fae5;border:1px solid #059669;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:all .15s;display:flex;position:relative}.tree-node:hover{background:#a7f3d0;border-color:#047857}.tree-node.is-open{border-color:#065f46}.tree-chevron{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .2s;display:flex}.tree-chevron.open{color:#047857;transform:rotate(90deg)}.tree-chevron-spacer{flex-shrink:0;width:16px}.tree-node-avatar{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;display:flex}.tree-node-photo{object-fit:cover;border:1.5px solid #10b981;border-radius:50%;flex-shrink:0;width:28px;height:28px}.tree-node-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tree-node-name-row{align-items:center;gap:6px;display:flex}.tree-node-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.tree-node-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.tree-level-tag{text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:800}.tree-level-tag.l1{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.tree-level-tag.l2{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.tree-level-tag.l3{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.tree-level-tag.l4{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.tree-node-count{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.tree-branch-children{flex-direction:column;gap:4px;margin-top:4px;display:flex}.network-empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.network-empty-state h5{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:700}.network-empty-state p{margin:0 0 14px;font-size:.8rem}.network-history-header{background:#a7f3d0;border:1px solid #047857;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.network-history-section{background:#fff;border:1px solid #047857;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.network-history-section.highlight{background:#d1fae5;border-color:#065f46}.nu-connector{color:#94a3b8;font-weight:800}.nu-photo-avatar{color:#fff;background:#047857;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.62rem;font-weight:800;display:flex}.nu-info{flex-direction:column;flex:1;min-width:0;display:flex}.nu-badge{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:800}.network-selected-card{background:#fff;border:1.5px solid #10b981;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.ns-photo-avatar{color:#fff;background:#047857;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:800;display:flex}.ns-info{flex-direction:column;flex:1;gap:2px;display:flex}.ns-meta{color:#64748b;font-size:.75rem}.ns-referral{color:#047857;font-size:.75rem}.ns-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800}@media (max-width:768px){.network-page-container{gap:10px!important;padding:0 0 16px!important}.network-page-header,.network-top-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0 0 8px!important}.network-title-row{gap:6px!important}.network-page-title{font-size:1.12rem!important}.network-status-chip{padding:2px 8px!important;font-size:.68rem!important}.network-page-subtitle{font-size:.76rem!important;line-height:1.35!important}.network-header-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.campaign-mode-tabs{width:100%!important}.campaign-mode-tab{flex:1!important;padding:0 8px!important;font-size:.72rem!important}.network-header-actions{gap:8px!important;width:100%!important;margin-left:0!important;display:flex!important}.network-header-actions .btn,.network-header-actions .btn-outline-emerald,.network-header-actions .campaign-how-it-works-btn,.network-tool-btn{flex:1!important;justify-content:center!important;height:34px!important;padding:0 8px!important;font-size:.75rem!important}.network-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 12px!important}.network-metric-card{border-radius:10px!important;gap:4px!important;padding:10px 12px!important}.network-metric-label{font-size:.62rem!important}.network-metric-icon{border-radius:6px!important;width:24px!important;height:24px!important}.network-metric-icon svg{width:13px!important;height:13px!important}.network-metric-val{font-size:1.3rem!important}.network-metric-sub{font-size:.65rem!important}.network-controls-bar{border-radius:10px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 12px!important;padding:8px 10px!important}.network-level-pills{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.network-level-pill{white-space:nowrap!important;flex-shrink:0!important;gap:4px!important;padding:4px 8px!important;font-size:.7rem!important}.network-level-pill .count-tag{padding:1px 4px!important;font-size:.62rem!important}.network-sort-wrap{align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.network-sort-label{white-space:nowrap!important;font-size:.72rem!important}.network-sort-select{flex:1!important;height:34px!important;padding:4px 8px!important;font-size:.76rem!important}.leader-cards-row{flex-direction:column!important;gap:10px!important;padding:0 12px!important;display:flex!important}.leader-card{border-radius:12px!important;padding:12px 14px!important}.leader-card-title{font-size:.9rem!important}.leader-mini-row{gap:6px!important;padding:6px 8px!important}.leader-mini-name{font-size:.78rem!important}.leader-mini-badges{gap:3px!important}.lm-badge{padding:1px 4px!important;font-size:.62rem!important}.network-search-section{padding:0 12px!important}.network-search-input{height:38px!important;padding:8px 30px 8px 34px!important;font-size:.8rem!important}.network-forest-container{padding:0 12px 16px!important}.tree-root-card-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important}.tree-root-left{gap:8px!important;min-width:0!important}.tree-root-avatar{width:28px!important;height:28px!important;font-size:.68rem!important}.tree-root-name{font-size:.86rem!important}.tree-root-right{border-top:1px dashed #e2e8f0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding-top:4px!important;display:flex!important}.tree-branch{margin-left:8px!important}.tree-node{flex-wrap:wrap!important;gap:6px!important;padding:7px 9px!important}.tree-node-avatar{width:26px!important;height:26px!important;font-size:.65rem!important}.tree-node-name{font-size:.8rem!important}.tree-node-meta,.tree-node-count{font-size:.65rem!important}.network-history-view{padding:0 12px 16px!important}.network-history-section{padding:12px 14px!important}}.nsr-name{color:var(--text);font-size:.88rem;font-weight:700}.nsr-meta{color:var(--muted);font-size:.72rem}.btn-network-clear{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1.5px solid #fecaca;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-network-clear:hover{background:#fecaca}.network-history-view{flex-direction:column;gap:16px;padding:0 0 20px;display:flex}.network-history-section{box-shadow:none;background:#fff;border:1.5px solid #047857;border-radius:12px;padding:16px 18px}.network-history-section.highlight{background:#d1fae5;border-color:#065f46;box-shadow:0 0 0 3px #065f461f}.network-history-title{color:var(--green-deep);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:.85rem;font-weight:800}.network-upline-chain{flex-direction:column;gap:8px;display:flex}.network-upline-item{background:var(--green-soft);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nu-connector{color:var(--muted);font-family:monospace;font-size:.8rem}.nu-photo,.nu-photo-placeholder{object-fit:cover;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.nu-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nu-name{color:var(--text);font-size:.88rem;font-weight:700}.nu-meta{color:var(--muted);font-size:.72rem}.nu-badge{color:#1e40af;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:700}.network-selected-card{border:2px solid var(--emerald);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.ns-photo,.ns-photo-placeholder{object-fit:cover;background:var(--white);border:2px solid var(--emerald);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.ns-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ns-name{color:var(--green-deep);font-size:1rem;font-weight:800}.ns-meta{color:var(--green-black);opacity:.8;font-size:.78rem}.ns-referral{color:var(--green-deep);font-size:.78rem;font-weight:600}.ns-badge{color:#fff;white-space:nowrap;background:#065f46;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:800}.network-downline-tree{padding:4px 0}.pyramid-apex{cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:8px 0;display:flex;position:relative}.pyramid-apex-chevron{color:var(--emerald);text-align:center;width:20px;font-size:.9rem;transition:transform .2s}.pyramid-apex-chevron.open{transform:rotate(180deg)}.pyramid-apex-card{background:linear-gradient(135deg, var(--green-deep), var(--emerald-dark));color:var(--white);border-radius:10px;align-items:center;gap:10px;min-width:220px;padding:10px 22px;display:flex;box-shadow:0 6px 18px #064e3b33}.pyramid-apex-icon{font-size:1.1rem}.pyramid-apex-name{text-align:left;flex:1;font-size:.9rem;font-weight:700}.pyramid-apex-badge{text-transform:uppercase;white-space:nowrap;background:#ffffff2e;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:700}.sms-provider-banner{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.sms-provider-banner.ok{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.sms-provider-banner.warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.sms-provider-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sms-provider-dot.ok{background:#10b981}.sms-provider-dot.warn{background:#f59e0b}.msg-tabs{flex-wrap:wrap;gap:8px;display:flex}.msg-tab-btn{border:1.5px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.msg-tab-btn:hover{border-color:var(--emerald);color:var(--emerald-dark)}.msg-tab-btn.active{background:var(--green-deep);color:var(--white);border-color:var(--green-deep)}.msg-compose-wrap{padding:20px 24px}.msg-compose-form{flex-direction:column;gap:18px;max-width:640px;display:flex}.msg-type-selector{flex-wrap:wrap;gap:10px;display:flex}.msg-type-chip{border:2px solid var(--border);background:var(--white);cursor:pointer;color:var(--text);border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.msg-type-chip:hover{border-color:var(--chip-color,var(--emerald));color:var(--chip-color,var(--emerald-dark))}.msg-type-chip.active{background:var(--chip-color,var(--emerald));border-color:var(--chip-color,var(--emerald));color:#fff}.msg-form-row{flex-direction:column;gap:6px;display:flex}.msg-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.78rem;font-weight:700}.msg-input,.msg-select,.msg-textarea{border:1.5px solid var(--border);background:var(--white);color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.msg-input:focus,.msg-select:focus,.msg-textarea:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #10b98114}.msg-textarea{resize:vertical;min-height:100px}.msg-target-row{flex-wrap:wrap;gap:10px;display:flex}.msg-target-row .msg-select,.msg-target-row .msg-input{flex:1;min-width:180px}.msg-char-count{color:var(--muted);text-align:right;margin-top:4px;font-size:.75rem}.msg-form-footer{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.msg-preview-box{border:1px dashed var(--border);background:#f8fafc;border-radius:10px;flex:1;min-width:260px;padding:14px 16px}.msg-preview-label{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:.7rem;font-weight:700}.msg-preview-text{color:var(--text);word-break:break-word;margin-top:6px;font-size:.88rem;line-height:1.4}.btn-msg-send{background:linear-gradient(135deg, var(--green-deep), var(--emerald-dark));color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:14px 32px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .2s}.btn-msg-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #064e3b33}.btn-msg-send:disabled{opacity:.6;cursor:not-allowed}.msg-send-info{flex-direction:column;align-items:flex-end;gap:8px;min-width:180px;display:flex}.msg-recipient-count,.msg-total-credits{align-items:center;gap:8px;font-size:.85rem;display:flex}.msg-info-label{color:var(--muted);font-weight:500}.msg-info-value{color:var(--text);font-size:1rem;font-weight:700}.msg-total-credits .msg-info-value{color:var(--emerald-dark)}.msg-sending-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.msg-progress-card{background:var(--white);border-radius:16px;min-width:400px;max-width:500px;padding:32px 40px;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}.msg-progress-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.msg-progress-header h4{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.msg-progress-icon{background:linear-gradient(135deg, var(--green-deep), var(--emerald-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.msg-progress-bar-wrap{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.msg-progress-bar{border-radius:4px;height:100%;transition:width .3s,background-color .3s}.msg-progress-message{text-align:center;color:var(--muted);margin:0 0 24px;font-size:.95rem}.msg-progress-steps{justify-content:center;align-items:center;gap:8px;display:flex}.msg-step{flex-direction:column;align-items:center;gap:6px;display:flex}.msg-step-dot{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.msg-step.active .msg-step-dot{background:var(--emerald-light);color:var(--emerald-dark)}.msg-step.current .msg-step-dot{background:linear-gradient(135deg, var(--green-deep), var(--emerald-dark));color:#fff;box-shadow:0 4px 12px #0596694d}.msg-step-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:500}.msg-step.active .msg-step-label{color:var(--emerald-dark)}.msg-step-connector{background:#e2e8f0;width:30px;height:2px}.btn-sending-content{align-items:center;gap:8px;display:flex}.sending-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.msg-history-wrap{padding:20px 24px}.msg-list{flex-direction:column;gap:12px;display:flex}.msg-card{background:var(--white);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:16px 18px;transition:all .15s}.msg-card:hover{border-color:var(--emerald);transform:translateY(-1px);box-shadow:0 4px 16px #10b9810f}.msg-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.msg-card-type{text-transform:uppercase;color:#fff;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:800}.msg-card-date{color:var(--muted);font-size:.75rem}.msg-card-title{color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:700}.msg-card-body{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.msg-card-stats{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.msg-stat{color:var(--muted);font-size:.78rem}.msg-stat strong{color:var(--text);font-weight:700}.msg-stat.success strong{color:#10b981}.msg-stat.error strong{color:#ef4444}.msg-status-pill{text-transform:uppercase;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.7rem;font-weight:700}.msg-status-pill.status-draft{color:#6b7280;background:#f3f4f6}.msg-status-pill.status-sending{color:#92400e;background:#fef3c7}.msg-status-pill.status-sent{color:#065f46;background:#d1fae5}.msg-status-pill.status-failed{color:#991b1b;background:#fee2e2}.msg-recipients-modal{width:92%;max-width:520px}.msg-recipients-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.msg-recipients-count,.msg-recipients-sent,.msg-recipients-failed{border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:700}.msg-recipients-count{color:#374151;background:#f3f4f6}.msg-recipients-sent{color:#065f46;background:#d1fae5}.msg-recipients-failed{color:#991b1b;background:#fee2e2}.msg-recipients-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.msg-recipient-row{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.msg-recipient-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.msg-recipient-phone{color:var(--muted);font-family:monospace;font-size:.8rem}.msg-recipient-badge{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:700}.msg-recipient-badge.sent{color:#065f46;background:#d1fae5}.msg-recipient-badge.pending{color:#92400e;background:#fef3c7}.msg-recipient-badge.failed{color:#991b1b;background:#fee2e2}.msg-recipient-error{cursor:help;font-size:.9rem}@media (max-width:768px){.admin-panel .panel-header{flex-direction:column;align-items:stretch}.msg-tabs{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;width:100%;max-width:100%;padding-bottom:4px;overflow:auto hidden}.msg-tabs::-webkit-scrollbar{display:none}.msg-tab-btn{white-space:nowrap;flex-grow:0;flex-shrink:0;justify-content:center;gap:4px;min-width:auto;padding:6px 8px;font-size:.65rem}.msg-tab-btn svg{flex-shrink:0;width:12px;height:12px}.msg-history-wrap{padding:12px 16px}.msg-card{padding:14px 16px}.msg-card-header{flex-wrap:wrap;gap:8px}.msg-card-date{font-size:.7rem}.msg-card-title{font-size:.9rem}.msg-card-body{-webkit-line-clamp:3;line-clamp:3;font-size:.8rem}.msg-card-stats{gap:10px}.msg-stat{font-size:.75rem}.msg-recipients-modal{width:92%;max-width:480px;max-height:85vh}.msg-recipients-summary{flex-wrap:wrap;gap:8px}.msg-recipients-count,.msg-recipients-sent,.msg-recipients-failed{padding:5px 10px;font-size:.75rem}.msg-recipients-list{max-height:60vh}.msg-recipient-row{flex-wrap:wrap;gap:6px;padding:12px}.msg-recipient-name{white-space:normal;word-break:break-word;flex:100%;font-size:.9rem}.msg-recipient-phone{order:3;font-size:.75rem}.msg-recipient-badge{order:2;padding:2px 6px;font-size:.65rem}.msg-recipient-error{order:4}}@media (max-width:480px){.msg-history-wrap{padding:10px 12px}.msg-card{padding:12px}.msg-card-stats{gap:8px}.msg-status-pill{padding:3px 8px;font-size:.65rem}.msg-progress-card{min-width:unset;width:92%;padding:24px}.msg-progress-header h4{font-size:1.1rem}.msg-progress-steps{gap:4px}.msg-step-dot{width:24px;height:24px;font-size:.7rem}.msg-step-label{font-size:.6rem}.msg-step-connector{width:16px}}.msg-user-search-wrap{flex:1;min-width:240px;position:relative}.msg-user-results{background:var(--white);border:1.5px solid var(--border);z-index:50;border-radius:10px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.msg-user-result-item{cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:background .1s;display:flex}.msg-user-result-item:hover{background:var(--green-soft)}.msg-user-result-name{color:var(--text);font-size:.88rem;font-weight:700}.msg-user-result-phone{color:var(--emerald);font-family:monospace;font-size:.78rem}.msg-user-result-meta{color:var(--muted);font-size:.72rem}.msg-birthday-wrap{padding:20px 24px}.msg-birthday-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.msg-birthday-header h4{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.msg-birthday-date{color:var(--muted);font-size:.82rem;font-weight:500}.msg-birthday-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.msg-birthday-empty-icon{opacity:.7;font-size:2.5rem}.msg-birthday-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.msg-birthday-item{background:var(--white);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.msg-birthday-item:hover{border-color:var(--emerald);box-shadow:0 2px 8px #10b9810f}.msg-birthday-avatar{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.msg-birthday-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-birthday-name{color:var(--text);font-size:.9rem;font-weight:700}.msg-birthday-meta{color:var(--muted);font-size:.75rem}.msg-birthday-badge{color:#db2777;white-space:nowrap;background:#fce7f3;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600}.msg-birthday-compose{background:var(--green-soft);border:1.5px solid var(--border);border-radius:12px;padding:16px 18px}.msg-birthday-preview-section{margin-top:12px}.msg-birthday-preview-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.msg-birthday-preview-item{background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:10px 14px}.msg-birthday-preview-name{color:var(--emerald-dark);margin-bottom:4px;font-size:.78rem;font-weight:700;display:block}.msg-birthday-preview-text{color:var(--text);margin:0;font-size:.85rem;line-height:1.4}.msg-birthday-hint{color:var(--muted);margin:2px 0 8px;font-size:.78rem}.msg-birthday-hint code{color:var(--text);background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.residents-pagination,.pagination-row{border-top:1.5px solid var(--border,#e2e8f0);background:var(--white,#fff);border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.pagination-info{color:var(--muted,#64748b);align-items:center;gap:4px;font-size:.82rem;font-weight:500;display:inline-flex}.pagination-info strong{color:var(--text,#1e293b);font-weight:700}.pagination-buttons,.pagination-controls{align-items:center;gap:6px;display:flex}.page-btn,.pagination-btn{border:1.5px solid var(--border,#e2e8f0);background:var(--white,#fff);min-width:34px;height:34px;color:var(--text,#334155);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:.82rem;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.page-btn-nav{padding:0 12px;font-size:.8rem}.pagination-ellipsis{min-width:24px;height:34px;color:var(--muted,#94a3b8);-webkit-user-select:none;user-select:none;letter-spacing:1px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.page-btn:hover:not(:disabled),.pagination-btn:hover:not(:disabled){background:var(--green-soft,#ecfdf5);border-color:var(--emerald,#10b981);color:var(--emerald,#047857);transform:translateY(-1px);box-shadow:0 2px 4px #10b9811f}.page-btn:active:not(:disabled),.pagination-btn:active:not(:disabled){transform:translateY(0)}.page-btn:disabled,.pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f8fafc;border-color:#e2e8f0;transform:none}.page-btn-active,.pagination-btn.active{background:var(--emerald,#10b981)!important;border-color:var(--emerald,#10b981)!important;color:#fff!important;box-shadow:0 2px 6px #10b98159!important}@media (max-width:640px){.residents-pagination,.pagination-row{flex-direction:column;align-items:center;gap:10px;padding:12px 14px}.pagination-info{text-align:center;font-size:.78rem}.pagination-buttons,.pagination-controls{flex-wrap:wrap;justify-content:center;gap:4px}.page-btn,.pagination-btn{min-width:36px;height:36px;font-size:.82rem}}.resident-actions{align-items:center;gap:6px;display:flex}.action-btn{border:1.5px solid var(--border);background:var(--white);cursor:pointer;color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn:hover{border-color:var(--emerald);color:var(--emerald);background:#f6fdf9}.action-btn.action-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.action-btn.action-promote{color:#10b981}.action-btn.action-promote:hover{color:#059669;background:#ecfdf5;border-color:#10b981}@media (max-width:640px){.residents-action-bar{gap:10px;margin-bottom:16px}.action-bar-left{gap:8px}.action-bar-left .filter-selects-wrap{grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%;display:grid}.action-bar-left .filter-selects-wrap .filter-select{width:100%;min-width:0;padding:7px 6px;font-size:.72rem}.action-bar-right{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-bar-right button:nth-child(3),.action-bar-right button:nth-child(4){grid-column:span 1}.action-bar-right .btn-action-primary,.action-bar-right .btn-action-outline{flex:none;justify-content:center;width:100%;padding:10px 8px;font-size:.78rem}.action-bar-right button svg{width:14px;height:14px}.admin-panel .panel-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px}.admin-panel .panel-header h3{font-size:1rem}.residents-table-wrap{padding:0 10px 10px;overflow-x:hidden}.residents-table,.residents-table thead,.residents-table tbody,.residents-table th,.residents-table td,.residents-table tr{display:block}.residents-table thead{display:none}.residents-table tbody tr{background:#fff;border:1px solid #10b9811f;border-radius:12px;margin-bottom:10px;padding:14px 16px;box-shadow:0 2px 8px #00000008}.residents-table tbody tr:last-child{margin-bottom:0}.residents-table tbody tr:hover{background:#f6fdf9;border-color:#10b98140}.residents-table td{color:var(--text);border-bottom:1px dashed #0000000f;justify-content:space-between;align-items:center;padding:5px 0;font-size:.85rem;display:flex}.residents-table td:last-child{border-bottom:none;padding-bottom:0}.residents-table td:first-child{padding-top:0}.residents-table td:before{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.residents-table td:first-child:before{content:"Last Name"}.residents-table td:nth-child(2):before{content:"First Name"}.residents-table td:nth-child(3):before{content:"Middle Name"}.residents-table td:nth-child(4):before{content:"Barangay"}.residents-table td:nth-child(5):before{content:"Precinct"}.residents-table td:nth-child(6):before{content:"Status"}.residents-table td:nth-child(7):before{content:"Actions"}.residents-table td strong{color:var(--green-deep);font-weight:700}.residents-table td .status-tag{padding:4px 10px;font-size:.72rem}.residents-table td .resident-actions{justify-content:flex-end}.residents-table td .action-btn{width:36px;height:36px}.residents-table .table-loading,.residents-table .table-empty{text-align:center;background:0 0;border:none;padding:32px 16px;font-size:.9rem;display:block}}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi-card{background:var(--white);border:1px solid #10b98114;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;transition:all .3s;display:flex}.kpi-card:hover .kpi-icon{transform:scale(1.1)}.kpi-icon.kpi-green{color:#059669;background:linear-gradient(135deg,#10b98126 0%,#0596691a 100%)}.kpi-icon.kpi-blue{color:#2563eb;background:linear-gradient(135deg,#3b82f626 0%,#2563eb1a 100%)}.kpi-icon.kpi-amber{color:#d97706;background:linear-gradient(135deg,#d9770626 0%,#b453091a 100%)}.kpi-icon.kpi-purple{color:#7c3aed;background:linear-gradient(135deg,#7c3aed26 0%,#6d28d91a 100%)}.kpi-body{flex-direction:column;flex:1;gap:2px;display:flex}.kpi-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem;font-weight:700}.kpi-value{color:var(--text);letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1.2}.kpi-change{margin-top:2px;font-size:.72rem;font-weight:600}.kpi-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-quick-actions{-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-action-btn{background:var(--white);border:1.5px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.quick-action-btn:hover{border-color:var(--emerald);color:var(--emerald);background:#f6fdf9;transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.quick-action-btn svg{color:var(--emerald);flex-shrink:0}.quick-action-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:2px;padding:2px 7px;font-size:.68rem;font-weight:700}.dashboard-tabs{background:var(--white);border:1.5px solid var(--border);border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.dashboard-tab-btn:hover{color:var(--text);background:#f8fafc}.dashboard-tab-btn.active{background:var(--emerald);color:#fff;box-shadow:0 2px 8px #10b98140}.dashboard-tab-btn.active svg{color:#fff}.dash-empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.dash-empty-state svg{color:var(--border);margin-bottom:4px}.dash-empty-state span:first-of-type{color:var(--text);font-size:.95rem;font-weight:600}.dash-empty-sub{color:var(--muted);max-width:280px;font-size:.82rem}@media (max-width:640px){.dashboard-tabs{gap:4px;padding:3px}.dashboard-tab-btn{padding:6px 12px;font-size:.78rem}}.pending-alert-banner{cursor:pointer;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1.5px solid #fbbf24;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;transition:all .2s;display:flex}.pending-alert-banner:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 6px 20px #fbbf2433}.pending-alert-icon{color:#fff;background:#fbbf24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pending-alert-text{flex-direction:column;flex:1;gap:2px;display:flex}.pending-alert-text strong{color:#92400e;font-size:.92rem}.pending-alert-text span{color:#b45309;font-size:.78rem}.pending-alert-arrow{color:#b45309;flex-shrink:0;transition:transform .2s}.pending-alert-banner:hover .pending-alert-arrow{transform:translate(4px)}.view-all-link{color:var(--emerald);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.view-all-link:hover{background:#10b98114}.view-all-link svg{transition:transform .2s}.view-all-link:hover svg{transform:translate(2px)}.dashboard-main-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:14px;margin-bottom:16px;display:grid}.dashboard-main-grid.three-col{grid-template-columns:1fr}@media (min-width:768px){.dashboard-main-grid.three-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.dashboard-main-grid.three-col{grid-template-columns:1fr 1fr 1fr}}.dash-panel{flex-direction:column;height:100%;padding:16px;display:flex;margin-bottom:0!important}.dash-sidebar{flex-direction:column;gap:20px;height:100%;display:flex}.dash-sidebar .dash-panel{flex:1}.overview-panel{flex-direction:column;display:flex}.overview-panel .sidebar-stats{flex-shrink:0}.overview-categories{flex-direction:column;flex:1;gap:8px;padding:0 20px 16px;display:flex;overflow-y:auto}.overview-cat-title{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);margin:8px 0 4px;padding-bottom:6px;font-size:.78rem;font-weight:600}.overview-cat-row{grid-template-columns:1fr 60px 28px;align-items:center;gap:8px;padding:3px 0;display:grid}.overview-cat-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.overview-cat-track{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.overview-cat-fill{border-radius:3px;min-width:2px;height:100%;transition:width .8s}.overview-cat-count{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.sidebar-stats{grid-template-columns:1fr 1fr;gap:14px;padding:16px 20px 20px;display:grid}.sidebar-stat{background:var(--bg);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.sidebar-stat-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:500}.sidebar-stat-value{color:var(--text);font-size:1.15rem;font-weight:700}.panel-header-left{flex-direction:column;gap:4px;display:flex}.panel-subtitle{color:#9ca3af;letter-spacing:.2px;font-size:.8rem;font-weight:600}.analytics-chart-wrap{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.analytics-chart-wrap.compact{gap:8px;padding:12px 16px 16px}.analytics-bar-row{grid-template-columns:80px 1fr 45px 35px;align-items:center;gap:8px;padding:3px 0;font-size:.85rem;display:grid}@media (min-width:640px){.analytics-bar-row{grid-template-columns:100px 1fr 55px 40px;gap:10px}}@media (min-width:1024px){.analytics-bar-row{grid-template-columns:110px 1fr 60px 42px}}.analytics-bar-row.compact{grid-template-columns:100px 1fr 36px;gap:8px}.analytics-bar-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.analytics-bar-track{background:var(--bg);border-radius:4px;height:8px;position:relative;overflow:hidden}.analytics-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.analytics-bar-count{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.analytics-bar-pct{color:var(--muted);text-align:right;font-size:.75rem;font-weight:700}@media (max-width:1200px){.dashboard-main-grid.three-col{grid-template-columns:1fr 1fr}.dashboard-main-grid.three-col .dash-sidebar{flex-direction:row;grid-column:1/-1}.dashboard-main-grid.three-col .dash-sidebar .dash-panel{flex:1}}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.dashboard-main-grid.three-col{grid-template-columns:1fr}.dashboard-main-grid.three-col .dash-sidebar{flex-direction:column}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:1.2rem}.analytics-bar-row{grid-template-columns:90px 1fr 50px 38px;gap:8px}.dashboard-quick-actions{gap:8px;margin-bottom:12px}.quick-action-btn{padding:8px 12px;font-size:.75rem}.quick-action-btn svg{width:16px;height:16px}.pending-alert-banner{gap:10px;margin-bottom:12px;padding:12px 14px}.pending-alert-icon{width:34px;height:34px}.pending-alert-icon svg{width:18px;height:18px}.pending-alert-text strong{font-size:.85rem}.pending-alert-text span{font-size:.72rem}}.already-registered-card{width:92%;max-width:400px}.already-reg-icon{font-size:3rem;line-height:1}.scan-page{min-height:100vh;color:var(--white);background:linear-gradient(135deg,#022c22 0%,#064e3b 100%);flex-direction:column;display:flex}.scan-event-card{background:var(--white);text-align:center;border-radius:20px;width:90%;max-width:420px;margin:auto;padding:48px 36px;box-shadow:0 24px 64px #0000004d}.scan-event-icon{background:linear-gradient(135deg, var(--green-soft), #dcfce7);width:64px;height:64px;color:var(--emerald);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.scan-event-card h1{color:var(--green-black);margin-bottom:8px;font-size:1.4rem;font-weight:800}.scan-event-desc{color:var(--muted);margin-bottom:28px;font-size:.9rem}.scan-event-input{border:1.5px solid var(--border);border-radius:12px;width:100%;margin-bottom:16px;padding:14px 16px;font-size:.95rem;transition:all .2s}.scan-event-input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #10b9811a}.btn-scan-start{background:linear-gradient(135deg, var(--green-deep), var(--green-black));width:100%;color:var(--white);cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-scan-start:hover{transform:translateY(-1px);box-shadow:0 8px 24px #022c224d}.scan-back{color:var(--muted);margin-top:20px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.scan-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.scan-header-left{color:var(--emerald);align-items:center;gap:10px;display:flex}.scan-header-left strong{color:var(--white);font-size:.95rem;display:block}.scan-header-left small{color:#fff9;font-size:.75rem}.scan-header-btn{color:var(--white);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.scan-header-btn:hover{background:#ffffff26}.scan-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.scan-input-area{text-align:center;width:100%;max-width:420px}.scan-input-icon{width:72px;height:72px;color:var(--emerald);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.scan-input-label{margin-bottom:12px;font-size:1.1rem;font-weight:700}.scan-token-input{text-align:center;width:100%;color:var(--white);background:#ffffff0f;border:2px solid #ffffff26;border-radius:14px;padding:16px 20px;font-size:1.1rem;transition:all .2s}.scan-token-input::placeholder{color:#fff6}.scan-token-input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #10b98126}.scan-input-hint{color:#ffffff80;margin-top:12px;font-size:.8rem}.scan-spinner{color:var(--emerald);margin-top:16px;font-size:.9rem;animation:1.2s infinite pulseGreen}.scan-result-card{text-align:center;border-radius:20px;width:100%;max-width:400px;padding:32px 24px;animation:.3s scanFadeIn}@keyframes scanFadeIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.scan-result-success{background:linear-gradient(135deg,#064e3b,#065f46);border:2px solid #34d399}.scan-result-duplicate{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:2px solid #fca5a5}.scan-result-icon{margin-bottom:12px}.scan-result-success .scan-result-icon{color:#34d399}.scan-result-duplicate .scan-result-icon{color:#fca5a5}.scan-result-card h2{margin-bottom:16px;font-size:1.2rem;font-weight:800}.scan-result-success h2{color:#34d399}.scan-result-duplicate h2{color:#fca5a5}.scan-result-photo{color:#fff9;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;display:flex;overflow:hidden}.scan-result-name{color:var(--white);margin-bottom:8px;font-size:1.1rem;font-weight:700}.scan-result-meta{color:#ffffffb3;justify-content:center;gap:16px;margin-bottom:16px;font-size:.82rem;display:flex}.scan-result-meta span{align-items:center;gap:4px;display:inline-flex}.scan-result-status{color:#34d399;background:#34d39926;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-block}.scan-result-count{color:#ffffff80;margin-top:8px;font-size:.78rem}.scan-result-duplicate{color:#fffc;margin-bottom:12px;font-size:.85rem}.scan-result-stop{color:#fca5a5;background:#fca5a526;border-radius:8px;padding:10px;font-size:1rem;font-weight:800}.scan-error-card{text-align:center;color:#fca5a5;background:linear-gradient(135deg,#7f1d1d,#991b1b);border:1px solid #fca5a5;border-radius:16px;width:100%;max-width:400px;padding:24px}.scan-error-card p{color:var(--white);margin:8px 0 16px}.scan-error-card button{color:var(--white);cursor:pointer;background:#ffffff26;border:none;border-radius:8px;padding:8px 20px;font-weight:600}.scan-recent{background:#ffffff08;border-top:1px solid #ffffff0f;padding:16px 20px}.scan-recent h4{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.78rem}.scan-recent ul{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.scan-recent li{color:#ffffffb3;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.scan-recent li svg{color:#34d399}.card-dash-page{background:#f0fdf4;flex-direction:column;min-height:100vh;display:flex}.card-dash-top{background:var(--white);border-bottom:1px solid var(--border);padding:16px 24px}.card-dash-brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.card-dash-brand .brand-mark{background:var(--green-deep);width:40px;height:40px;color:var(--white);border-radius:10px;place-items:center;font-size:1rem;font-weight:900;display:grid}.card-dash-brand strong{color:var(--green-black);font-size:1rem;display:block}.card-dash-brand small{color:var(--muted);font-size:.7rem;font-weight:500}.card-dash-loading,.card-dash-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.card-dash-loading p,.card-dash-error p{color:var(--muted);font-size:.95rem}.card-dash-error h2{color:var(--green-black);font-size:1.3rem;font-weight:800}.card-dash-home-btn{background:var(--green-deep);color:var(--white);border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-flex}.card-pulse{color:var(--emerald);animation:1.5s infinite pulseGreen}.card-dash-content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:32px 24px}.card-dash-greeting{margin-bottom:24px}.card-dash-greeting h1{color:var(--green-black);margin-bottom:4px;font-size:1.5rem;font-weight:800}.card-dash-greeting h1 span{color:var(--green-deep)}.card-dash-greeting p{color:var(--muted);font-size:.9rem}.card-dash-profile{background:var(--white);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 20px #022c220f}.card-dash-photo{background:var(--green-soft);width:72px;height:72px;color:var(--emerald);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-dash-photo img{object-fit:cover;width:100%;height:100%}.card-dash-info h2{color:var(--green-black);margin-bottom:4px;font-size:1.1rem;font-weight:800}.card-dash-info p{color:var(--muted);align-items:center;gap:5px;margin-bottom:3px;font-size:.82rem;display:flex}.card-dash-badge{color:var(--green-deep);background:var(--green-soft);border-radius:6px;align-items:center;gap:5px;margin-top:6px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.card-dash-precinct-card{background:linear-gradient(135deg,#064e3b 0%,#065f46 45%,#047857 100%);border-radius:18px;margin-bottom:20px;padding:2px;position:relative;overflow:hidden;box-shadow:0 8px 32px #064e3b47,0 2px 8px #00000014}.card-dash-precinct-card:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.cdp-card-inner{background:linear-gradient(135deg,#064e3b 0%,#065f46 45%,#059669 100%);border-radius:16px;align-items:center;gap:0;padding:20px 22px;display:flex;position:relative}.cdp-left{flex:none;min-width:130px}.cdp-label{color:#a7f3d0d9;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:5px;margin-bottom:5px;font-size:.62rem;font-weight:800;display:inline-flex}.cdp-number{color:#fff;letter-spacing:.08em;text-shadow:0 2px 12px #0003;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.6rem;font-weight:900;line-height:1}.cdp-badge{color:#064e3b;letter-spacing:.04em;background:#6ee7b7;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.cdp-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:60px;margin:0 22px}.cdp-right{flex:1;position:relative;overflow:hidden}.cdp-detail-row{flex-direction:column;gap:1px;margin-bottom:10px;display:flex}.cdp-detail-row:last-of-type{margin-bottom:0}.cdp-detail-label{color:#a7f3d0b3;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:800}.cdp-detail-value{color:#fff;font-size:.88rem;font-weight:700}.cdp-watermark{color:#ffffff0a;letter-spacing:.12em;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:2.8rem;font-weight:900;line-height:1;position:absolute;bottom:-6px;right:-4px}.card-dash-section{background:var(--white);border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 20px #022c220f}.card-dash-section h3{color:var(--green-black);align-items:center;gap:8px;margin-bottom:16px;font-size:.95rem;font-weight:800;display:flex}.card-dash-section h3 svg{color:var(--emerald)}.card-dash-benefits{flex-direction:column;gap:12px;display:flex}.card-dash-benefit{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.card-dash-benefit svg{color:var(--emerald);flex-shrink:0;margin-top:2px}.card-dash-benefit h4{color:var(--text);margin:0 0 3px;font-size:.88rem;font-weight:700}.card-dash-benefit p{color:var(--muted);margin:0;font-size:.8rem}.card-dash-scan-history p{color:var(--text);margin-bottom:6px;font-size:.88rem}.card-dash-empty{color:var(--muted);text-align:center;padding:12px 0;font-size:.85rem}.card-dash-grievance-desc{color:var(--muted);margin-bottom:16px;font-size:.85rem}.card-dash-grievance-success{background:var(--green-soft);color:var(--green-deep);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;font-weight:700;display:flex}.card-dash-grievance-type{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.card-dash-grievance-type button{border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.card-dash-grievance-type button.active{background:var(--green-deep);color:var(--white);border-color:var(--green-deep)}.card-dash-grievance-type button:hover:not(.active){border-color:var(--emerald);color:var(--text)}.card-dash-grievance textarea{border:1.5px solid var(--border);resize:vertical;border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-size:.9rem;transition:all .2s}.card-dash-grievance textarea:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 3px #10b98114}.btn-card-submit{background:linear-gradient(135deg, var(--green-deep), var(--green-black));width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-card-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #022c2233}.card-dash-home-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:24px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.card-dash-home-link:hover{color:var(--green-deep)}.card-dash-footer{text-align:center;color:var(--muted);background:var(--white);border-top:1px solid var(--border);padding:16px;font-size:.75rem}.card-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.card-modal{background:var(--white);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:28px;animation:.25s cardModalIn;box-shadow:0 20px 60px #00000026}@keyframes cardModalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.card-modal-header{flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-modal-header svg{color:var(--green-deep)}.card-modal-header h3{color:var(--green-black);margin:0;font-size:1.1rem;font-weight:800}.card-modal-body{color:var(--text);margin-bottom:20px;font-size:.9rem;line-height:1.5}.admin-panel.event-scanner-saas{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important;overflow:visible!important}.admin-panel.event-scanner-saas:before{display:none!important}.admin-panel.event-scanner-saas:hover{box-shadow:none!important;border-color:#0000!important;transform:none!important}.es-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.es-top-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.es-header-left{flex-direction:column;gap:4px;min-width:0;display:flex}.es-page-title{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.es-page-subtitle{color:#6b7280;margin:0;font-size:.8125rem;line-height:1.4}.es-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.es-btn-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:background .12s;display:inline-flex}.es-btn-primary:hover{background:#1f2937}.es-stats-strip{background:#fafafa;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.es-stat{border-right:1px solid #eef2f7;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:14px 20px;display:flex}.es-stat:last-child{border-right:none}.es-stat-label{color:#9ca3af;letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.es-stat-value{color:#111827;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600;line-height:1.2}.es-stat-value-sm{color:#374151;font-size:.9375rem;font-weight:500}.es-body{padding:20px 24px 24px}.es-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 20px;display:flex}.es-empty-state h4{color:#111827;margin:4px 0 0;font-size:.9375rem;font-weight:600}.es-empty-state p{color:#9ca3af;margin:0 0 10px;font-size:.8125rem}.event-scanner-hero{color:#111827;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;display:flex}.esh-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.esh-icon{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.esh-text h4{color:#111827;margin:0 0 2px;font-size:.9rem;font-weight:600}.esh-text p{color:#6b7280;margin:0;font-size:.78rem;line-height:1.4}.esh-stats{flex-shrink:0;align-items:center;gap:10px;display:flex}.esh-stat-chip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:8px 14px;display:flex}.esh-stat-val{color:#111827;font-size:1.1rem;font-weight:600;line-height:1.1}.esh-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:.65rem;font-weight:500}.event-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:0;display:grid}.event-card{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;gap:14px;padding:16px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.event-card:before{display:none}.event-card:hover{border-color:#d1d5db;transform:none;box-shadow:0 2px 8px #0f172a0a}.event-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.event-card-icon{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.event-card-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.event-badge-hh,.event-badge-restricted,.event-badge-all,.event-badge-aid{color:#4b5563;text-transform:none;letter-spacing:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.event-card-body{margin-top:10px}.event-card-body h5{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:.9375rem;font-weight:600}.event-card-details{flex-direction:column;gap:4px;display:flex}.event-detail{color:#6b7280;align-items:center;gap:6px;font-size:.78rem;display:flex}.event-detail svg{color:#9ca3af;flex-shrink:0}.event-card-actions{border-top:1px solid #f3f4f6;flex-direction:column;gap:8px;padding-top:12px;display:flex}.btn-event-launch{color:#fff;cursor:pointer;width:100%;height:34px;box-shadow:none;background:#111827;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;transition:background .12s;display:flex}.btn-event-launch:hover{box-shadow:none;background:#1f2937;transform:none}.event-card-sub-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.btn-event-sub{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:30px;font-size:.72rem;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.btn-event-records:hover,.btn-event-edit:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.btn-event-delete:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.event-scanner-saas .event-card-icon{width:32px!important;height:32px!important}.event-scanner-saas .event-card-body h5{font-size:.9375rem!important}@media (max-width:640px){.es-top-header{flex-direction:column;align-items:stretch;padding:16px 14px 14px}.es-header-actions .es-btn-primary{justify-content:center;width:100%}.es-stats-strip{grid-template-columns:1fr 1fr}.es-body{padding:14px}.event-scanner-hero{flex-direction:column;align-items:flex-start;padding:16px}.esh-stats{justify-content:flex-start;width:100%}}.event-create-form{text-align:left;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;display:flex}.event-create-form h5{text-align:center;color:var(--green-black);margin-bottom:8px}.event-form-input-group{border:1px solid var(--border);background:var(--white);border-radius:8px;align-items:center;gap:10px;padding:0;transition:all .2s;display:flex}.event-form-input-group:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.event-form-icon{color:#10b981;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.event-create-form input{background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:12px 0;font-size:.95rem}.event-create-form input::placeholder{color:#d1d5db}.event-barangay-section{background:#10b9810a;border:1px solid #10b9811a;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.event-barangay-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-barangay-actions{gap:8px;display:flex}.event-form-label{color:var(--text);cursor:default;flex-direction:column;gap:4px;font-weight:700;display:flex}.event-form-label span{font-size:.95rem}.event-form-label small{color:#9ca3af;font-size:.8rem;font-weight:500}.event-barangay-grid{background:var(--white);border:1px solid #10b98114;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:300px;padding:8px;display:grid;overflow-y:auto}.event-barangay-loading{text-align:center;color:#9ca3af;padding:20px;font-size:.9rem}.event-barangay-checkbox{cursor:pointer;background:#10b98105;border:1px solid #10b9811a;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.event-barangay-checkbox:hover{background:#10b98114;border-color:#10b98133}.event-barangay-checkbox input{cursor:pointer;accent-color:#10b981;width:18px;height:18px}.event-barangay-checkbox span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.event-selected-barangays{color:#059669;word-break:break-word;background:#10b98114;border-left:3px solid #10b981;border-radius:6px;padding:10px 12px;font-size:.85rem}.event-form-toggle{background:var(--green-soft);border:1.5px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.event-form-toggle:hover{background:#d1fae5}.event-form-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--emerald);cursor:pointer;flex-shrink:0}.event-form-toggle .toggle-label{color:var(--green-deep);font-size:.82rem;font-weight:600;line-height:1.3}.event-badge-hh{color:#d97706;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ea580c26 0%,#b453091a 100%);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.event-badge-restricted{color:#059669;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b98126 0%,#0596691a 100%);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.role-admin{background:var(--emerald);color:var(--white)}.role-staff{color:var(--white);background:#3b82f6}.event-card-actions{flex-wrap:wrap;flex-shrink:0;align-items:stretch;gap:8px;display:flex}.event-card-actions .btn{white-space:nowrap;flex:calc(50% - 4px);justify-content:center;align-items:center;gap:6px;min-width:80px;padding:8px 10px;font-size:.8rem;font-weight:600;display:flex}@media (min-width:1200px){.event-card-actions .btn{flex:1;padding:10px 14px;font-size:.85rem}}.event-form-modal{flex-direction:column;width:92%;max-width:720px;max-height:90vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.event-form-modal .modal-form{flex:1;min-height:0;padding:20px 24px 24px;font-family:inherit;overflow-y:auto}.event-form-modal .modal-footer{border-top:1px solid var(--border);z-index:10;background:#fff;margin:20px -24px 0;padding:16px 24px 20px;position:sticky;bottom:0}.event-form-modal .modal-form .form-group{margin-bottom:12px}.event-form-modal .modal-form .form-group:last-of-type{margin-bottom:0}.event-form-modal .modal-form input,.event-form-modal .modal-form textarea,.event-form-modal .modal-form label{font-family:inherit}.event-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:560px){.event-form-grid{grid-template-columns:1fr}}.event-image-preview{border:1px solid var(--border);background:var(--off-white);border-radius:8px;justify-content:center;align-items:center;min-height:80px;margin-bottom:12px;display:flex;overflow:hidden}.event-image-preview img{object-fit:cover;width:100%;height:100px;display:block}.event-upload-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.event-upload-btn{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.event-upload-filename{color:var(--emerald-dark);font-size:.82rem;font-weight:600}.report-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding:0 20px 16px;display:flex;overflow-x:auto}.report-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.report-tab:hover{background:var(--green-soft);color:var(--green-deep)}.report-tab.active{background:var(--emerald);color:var(--white)}.records-summary{background:var(--green-soft);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.records-count{color:var(--green-deep);font-size:.9rem;font-weight:700}.records-badge-hh{color:#fff;background:#ea580c;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.records-table-wrap{border:1px solid var(--border);border-radius:8px;max-height:60vh;overflow-y:auto}.event-create-form .form-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.event-scanner-panel{background:var(--white);border:1px solid #0000000a;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 4px #00000005}.event-scanner-header{color:var(--white);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #10b9811a;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex;position:relative;overflow:hidden}.event-scanner-header:after{content:"";opacity:.3;background:linear-gradient(90deg,#0000,#10b981,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.event-scanner-header>div:first-child{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.event-scanner-header h3{color:#fff;text-shadow:0 1px 2px #0003;align-items:center;gap:8px;min-width:0;font-size:1rem;font-weight:700;line-height:1.3;display:flex}@media (min-width:640px){.event-scanner-header h3{gap:10px;font-size:1.1rem}}@media (min-width:768px){.event-scanner-header h3{font-size:1.2rem}}.event-scanner-header p{color:#94a3b8;align-items:center;gap:6px;margin:0;font-size:.75rem;font-weight:500;display:flex}@media (min-width:768px){.event-scanner-header p{font-size:.8rem}}.event-scanner-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;min-width:0;display:flex}@media (min-width:640px){.event-scanner-actions{flex-direction:row;align-items:center;gap:10px}}.scan-stat-badge{white-space:nowrap;color:#34d399;background:#10b98126;border:1px solid #10b98133;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600}@media (min-width:640px){.scan-stat-badge{padding:5px 12px;font-size:.8rem}}@media (min-width:768px){.scan-stat-badge{padding:6px 14px;font-size:.85rem}}.btn-change-event{color:#64748b;cursor:pointer;white-space:nowrap;text-underline-offset:2px;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.7rem;font-weight:500;-webkit-text-decoration:underline #64748b4d;text-decoration:underline #64748b4d;transition:all .2s;display:inline-flex}.btn-change-event:hover{color:#e2e8f0;text-decoration-color:#e2e8f099}.btn-change-event:active{transform:scale(.96)}@media (min-width:640px){.btn-change-event{padding:6px 12px;font-size:.75rem}}@media (min-width:768px){.btn-change-event{padding:7px 14px;font-size:.8rem}}.modal-overlay.scan-result-overlay,.scan-result-overlay{-webkit-backdrop-filter:blur(6px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0f172abf!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-card.scan-result-modal,.scan-result-modal{background:#fff!important;border-radius:16px!important;align-self:center!important;width:100%!important;max-width:520px!important;max-height:90vh!important;margin:auto!important;padding:0!important;animation:.3s cubic-bezier(.4,0,.2,1) scanModalSlideIn!important;overflow:hidden auto!important;box-shadow:0 25px 50px #00000040,0 10px 20px #00000026!important}@keyframes scanModalSlideIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.scan-result-modal .scan-result-badge{border-radius:10px;margin:16px 16px 10px;padding:10px 14px;font-size:.85rem}.scan-result-modal .scan-result-badge svg{width:24px;height:24px}.scan-result-modal .scan-result-profile{gap:12px;margin:0 16px 12px}.scan-result-modal .scan-result-photo{width:64px;height:64px}.scan-result-modal .scan-result-info h2{margin-bottom:8px;font-size:1.1rem}.scan-result-modal .scan-result-meta-grid{gap:6px 12px}.scan-result-modal .scan-result-meta-grid span{padding:3px 8px;font-size:.78rem}.scan-result-modal .scan-result-footer{border-top:1px solid #0000000f;margin:0 16px 16px;padding:10px 0 0}.scan-result-modal.duplicate .scan-result-footer,.scan-result-modal.household_duplicate .scan-result-footer{text-align:center;flex-direction:column;gap:12px}.scan-result-modal .duplicate-warning,.scan-result-modal .barangay-restriction-warning{gap:6px;padding:12px}.scan-result-modal .duplicate-warning strong,.scan-result-modal .barangay-restriction-warning strong{font-size:.85rem}.scan-result-modal .duplicate-warning p,.scan-result-modal .barangay-restriction-warning p{font-size:.78rem;line-height:1.4}.scan-result-modal .duplicate-stop,.scan-result-modal .restriction-stop{margin-top:4px;padding:8px 10px;font-size:.8rem}.scan-result-modal.scan-result-success{background:linear-gradient(#f0fdf4 0%,#fff 50%)}.scan-result-modal.scan-result-duplicate,.scan-result-modal.scan-result-household_duplicate{background:linear-gradient(#fef2f2 0%,#fff 50%)}.scan-result-modal.scan-result-barangay_restricted{background:linear-gradient(#fff7ed 0%,#fff 50%)}.scan-result-modal.scan-result-invalid{background:linear-gradient(#fefce8 0%,#fff 50%)}.scan-result-panel{border-bottom:1px solid #0000000a;padding:24px}.scan-result-success{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.scan-result-duplicate{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:4px solid #dc2626}.scan-result-invalid{background:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%)}.scan-result-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000f}.scan-result-badge.success{color:var(--white);background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.scan-result-badge.duplicate{color:var(--white);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.scan-result-badge.household-duplicate{color:var(--white);background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%)}.scan-result-badge.invalid{color:var(--green-black);background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)}.scan-result-badge.barangay-restricted{color:var(--white);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.scan-result-profile{align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.scan-result-photo{background:var(--off-white);border:3px solid var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:160px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.scan-result-photo img{object-fit:cover;width:100%;height:100%}.scan-result-photo svg{color:#94a3b8}.scan-result-info h2{color:var(--green-black);margin-bottom:12px;font-size:1.5rem;font-weight:800}.scan-result-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px 20px;display:grid}.scan-result-meta-grid span{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.scan-result-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.scan-result-footer span{color:var(--muted);font-size:.85rem;font-weight:600}.duplicate-footer{flex-direction:column;gap:16px;align-items:stretch!important}.duplicate-warning{text-align:center;background:#fee2e2;border:2px solid #fecaca;border-radius:10px;padding:16px 20px}.duplicate-warning strong{color:#991b1b;margin-bottom:8px;font-size:1.1rem;display:block}.duplicate-warning p{color:#7f1d1d;margin-bottom:4px;font-size:.9rem}.barangay-restricted-footer{flex-direction:column;gap:16px;align-items:stretch!important}.barangay-restriction-warning{text-align:center;background:#fed7aa;border:2px solid #fdba74;border-radius:10px;padding:16px 20px}.barangay-restriction-warning strong{color:#92400e;margin-bottom:8px;font-size:1.1rem;display:block}.barangay-restriction-warning p{color:#b45309;margin-bottom:4px;font-size:.9rem}.restriction-stop{font-weight:700;color:#d97706!important;font-size:1rem!important}.duplicate-stop{border-top:1px dashed #fecaca;margin-top:10px;padding-top:10px;font-weight:700;font-size:1rem!important}.btn-danger{color:var(--white);background:#dc2626;border:none}.btn-danger:hover{background:#b91c1c}.scan-input-panel{text-align:center;padding:48px 24px}.scan-input-icon{color:var(--emerald);margin-bottom:12px}.scan-input-panel h4{color:var(--green-black);margin-bottom:6px;font-size:1.2rem;font-weight:700}.scan-input-panel p{color:var(--muted);margin-bottom:20px;font-size:.9rem}.scan-input-panel .scan-token-input{border:2px solid var(--border);text-align:center;letter-spacing:1px;background:var(--white);width:100%;max-width:480px;color:var(--green-black);border-radius:12px;padding:16px 20px;font-size:1.1rem}.scan-input-panel .scan-token-input::placeholder{color:var(--light-muted);opacity:1}.scan-input-panel .scan-token-input:focus{border-color:var(--emerald);outline:none;box-shadow:0 0 0 4px #0596691a}.event-scans-table{border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;padding:16px;overflow-x:auto}@media (min-width:640px){.event-scans-table{padding:20px}}@media (min-width:768px){.event-scans-table{padding:24px}}.event-scans-table h5{color:var(--green-black);margin-bottom:12px;font-size:.9rem;font-weight:700}@media (min-width:640px){.event-scans-table h5{margin-bottom:16px;font-size:.95rem}}.event-scans-table .admin-table{min-width:500px}.event-scans-table .admin-table td code{color:#059669;white-space:nowrap;background:#f0fdf4;border-radius:4px;padding:2px 6px;font-size:.75rem}@media (min-width:640px){.event-scans-table .admin-table td code{font-size:.8rem}}.event-scans-table .admin-table th:nth-child(5),.event-scans-table .admin-table td:nth-child(5){display:none}@media (min-width:640px){.event-scans-table .admin-table th:nth-child(5),.event-scans-table .admin-table td:nth-child(5){display:table-cell}}.event-scans-table .admin-table td:nth-child(4){white-space:nowrap;font-size:.75rem}@media (min-width:640px){.event-scans-table .admin-table td:nth-child(4){font-size:.85rem}}.scan-error-message{text-align:center;color:#92400e;margin:20px 0;font-size:1rem}.scan-lockout-banner{text-align:center;color:#991b1b;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fecaca;border-radius:16px;padding:48px 24px}.scan-lockout-banner svg{color:#dc2626;margin-bottom:16px}.scan-lockout-banner h4{margin-bottom:8px;font-size:1.4rem;font-weight:800}.scan-lockout-timer{color:#dc2626;background:var(--white);border-radius:12px;margin:16px 0;padding:12px 24px;font-size:1.5rem;font-weight:700;display:inline-block}.scan-lockout-hint{color:#7f1d1d;opacity:.8;margin-top:12px;font-size:.85rem}.scan-attempts-warning{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.scanner-mode-toggle{background:#f1f5f9;border:1px solid #0000000a;border-radius:12px;justify-content:center;gap:0;margin-bottom:20px;padding:4px;display:flex}.scanner-mode-toggle button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.scanner-mode-toggle button.active{background:var(--white);color:#059669;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.scanner-mode-toggle button:hover:not(.active){color:#334155}.scanner-admin-actions{justify-content:center;margin-bottom:20px;display:flex}.scanner-admin-actions button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.scanner-admin-actions button:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.scanner-admin-actions button.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.camera-scanner-container{aspect-ratio:4/3;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border:2px solid #10b9814d;border-radius:20px;width:100%;max-width:100%;margin:0 auto 16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #064e3b26,inset 0 1px #ffffff1a}.camera-viewport{width:100%;height:100%}.camera-viewport video{object-fit:cover!important;width:100%!important;height:100%!important}.camera-placeholder{color:var(--white);text-align:center;background:linear-gradient(#064e3b4d 0%,#065f4680 100%);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.camera-placeholder svg{opacity:.8;filter:drop-shadow(0 2px 4px #0003);margin-bottom:12px}.camera-placeholder p{text-shadow:0 1px 2px #0003;margin-bottom:6px;font-size:.9rem;font-weight:600}.camera-placeholder small{opacity:.7;margin-bottom:16px;font-size:.75rem}.camera-placeholder .btn-capture-qr{color:var(--white);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #10b9814d}.camera-placeholder .btn-capture-qr:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.camera-placeholder .btn-capture-qr:active{transform:scale(.95);box-shadow:0 2px 8px #10b9814d}.camera-hint{text-align:center;color:#94a3b8;margin-top:12px;font-size:.8rem;font-weight:500}.print-modal-overlay{z-index:10000}.print-modal-card{border-radius:16px;width:95vw;max-width:720px;overflow:hidden}.print-modal-body{background:#f3f4f6;justify-content:center;padding:24px;display:flex}.id-card-wrapper{flex-flow:wrap;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.id-card{background:#fff;border-radius:12px;flex-shrink:0;width:640px;height:400px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.id-card-bg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.id-card-content{z-index:2;flex-direction:column;padding:24px 32px;display:flex;position:absolute;inset:0}.id-card-name-container{width:380px;margin-top:146px;overflow:hidden}.id-card-name{color:#064e3b;letter-spacing:.02em;text-align:left;white-space:nowrap;transform-origin:0;font-size:3.4rem;font-weight:900;line-height:1.05;display:inline-block}.id-card-address-label{color:#064e3b;text-transform:uppercase;letter-spacing:.1em;margin-top:28px;font-size:.62rem;font-weight:800}.id-card-address{color:#064e3b;letter-spacing:.03em;text-transform:uppercase;max-width:420px;margin-top:2px;font-size:.92rem;font-weight:800;line-height:1.3}.id-card-bottom{gap:40px;margin-top:auto;margin-bottom:48px;display:flex}.id-card-contact,.id-card-birthday{flex-direction:column;gap:2px;display:flex}.id-card-label{color:#064e3b;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800}.id-card-value{color:#064e3b;letter-spacing:.02em;font-size:.95rem;font-weight:900}.id-card-issued{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:800;position:absolute;bottom:14px;right:28px}.id-card-side-toggle{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:0;display:flex;overflow:hidden}.id-card-side-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.id-card-side-btn:hover{color:#374151;background:#f3f4f6}.id-card-side-btn.active{color:#064e3b;background:#d1fae5;font-weight:800}.id-card-front:not(.active),.id-card-back:not(.active){display:none}.id-card-back-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:24px 32px;display:flex;position:absolute;inset:0}.id-card-qr-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.id-card-qr-wrapper svg{background:0 0;padding:0}.id-card-number-bar{background:#000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:260px;padding:8px 32px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.id-card-number-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700;line-height:1.2}.id-card-number-value{color:#fff;letter-spacing:.06em;font-size:1.5rem;font-weight:900;line-height:1.2}@media print{body *{visibility:hidden}.print-modal-overlay,.print-modal-overlay *,.print-modal-card,.print-modal-card *{visibility:visible}.print-modal-overlay{z-index:99999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.print-modal-card{width:100%;max-width:100%;height:100%;box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.print-modal-card .modal-header,.print-modal-card .modal-footer{display:none!important}.print-modal-body{background:#fff;padding:0}.id-card-front:not(.active),.id-card-back:not(.active){display:block}.id-card{box-shadow:none;page-break-inside:avoid;width:640px;height:400px}.id-card-back{page-break-before:always}}.system-timestamp{color:#6b7280;margin-bottom:16px;padding:0 4px;font-size:.75rem}.system-section{margin-bottom:28px}.system-section h4{color:#111827;align-items:center;gap:8px;margin-bottom:14px;font-size:1rem;font-weight:700;display:flex}.system-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.system-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;padding:16px;transition:box-shadow .2s;display:flex}.system-card:hover{box-shadow:0 4px 12px #0000000f}.system-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.system-card-value{color:#064e3b;font-size:1.6rem;font-weight:800}.system-card-error{color:#ef4444;margin-top:4px;font-size:.7rem}.system-bucket-list{flex-direction:column;gap:10px;display:flex}.system-bucket-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.system-bucket-info{flex-direction:column;gap:2px;display:flex}.system-bucket-name{color:#111827;font-size:.92rem;font-weight:700}.system-bucket-meta{color:#6b7280;font-size:.75rem;font-weight:500}.system-bucket-status{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.system-bucket-status.public{color:#064e3b;background:#d1fae5}.system-bucket-status.private{color:#6b7280;background:#f3f4f6}.system-health-grid{flex-wrap:wrap;gap:16px;display:flex}.system-overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px;display:grid}.system-overview-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.system-overview-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98114}.system-overview-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.system-overview-icon svg{stroke-width:2px;width:22px;height:22px}.system-overview-icon.green{color:#059669;background:#d1fae5}.system-overview-icon.blue{color:#2563eb;background:#dbeafe}.system-overview-icon.purple{color:#7c3aed;background:#ede9fe}.system-overview-icon.orange{color:#d97706;background:#ffedd5}.system-overview-icon.teal{color:#0d9488;background:#ccfbf1}.system-overview-content{flex-direction:column;gap:2px;display:flex}.system-overview-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.system-overview-value{color:#111827;font-size:1.35rem;font-weight:800}.system-overview-sub{color:#94a3b8;font-size:.72rem;font-weight:500}.system-tablesize-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.system-tablesize-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.system-tablesize-card:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9810f}.system-tablesize-top{justify-content:space-between;align-items:center;display:flex}.system-tablesize-name{color:#111827;font-size:.9rem;font-weight:700}.system-tablesize-value{color:#059669;font-size:.85rem;font-weight:700}.system-tablesize-bar-bg{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.system-tablesize-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .6s}.system-storage-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px}.system-storage-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.system-storage-label{color:#334155;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.system-storage-numbers{color:#64748b;font-size:.78rem;font-weight:600}.system-storage-bar{background:#f1f5f9;border-radius:999px;height:10px;margin-bottom:6px;overflow:hidden}.system-storage-bar-fill{border-radius:inherit;height:100%;transition:width .8s}.system-storage-remaining{color:#94a3b8;text-align:right;font-size:.72rem}.system-health-item{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;display:flex}.system-health-dot{border-radius:50%;width:8px;height:8px;display:inline-block}@media (max-width:768px){.system-panel .panel-header{gap:10px!important;padding:12px 14px!important}.system-overview-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.system-overview-card{border-radius:10px!important;gap:10px!important;padding:10px 12px!important}.system-overview-card:last-child{grid-column:1/-1!important}.system-overview-icon{border-radius:8px!important;width:34px!important;height:34px!important}.system-overview-icon svg{width:17px!important;height:17px!important}.system-overview-label{font-size:.64rem!important}.system-overview-value{font-size:1.15rem!important}.system-overview-sub{font-size:.65rem!important}.system-main-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:16px!important}.system-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.system-card{border-radius:9px!important;padding:10px 12px!important}.system-card-value{font-size:1.15rem!important}.system-tablesize-grid{grid-template-columns:1fr!important;gap:6px!important}}.print-status{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.print-status.printed{color:#059669;background:#d1fae5}.print-status.not-printed{color:#9ca3af;background:#f3f4f6}.member-detail-printed{border-radius:6px;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.member-detail-printed.printed{color:#059669;background:#d1fae5}.member-detail-printed.not-printed{color:#d97706;background:#fef3c7}.household-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.household-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.household-card:hover{box-shadow:0 4px 12px #0000000f}.household-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.household-address{color:#334155;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.household-address svg{color:var(--emerald);flex-shrink:0}.household-count{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.household-members{padding:8px 0}.household-member-row{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 16px;transition:background .15s;display:flex}.household-member-row:hover{background:#f0fdf4}.household-member-name{color:#1f2937;font-size:.82rem;font-weight:600}.filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:130px;padding:8px 12px;font-size:.82rem;font-weight:500;transition:border-color .2s}.filter-select:focus{border-color:var(--emerald)}.filter-select option{font-size:.82rem}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:640px){.admin-table th:nth-child(4),.admin-table td:nth-child(4),.admin-table th:nth-child(5),.admin-table td:nth-child(5),.admin-table th:nth-child(7),.admin-table td:nth-child(7),.admin-table th:nth-child(8),.admin-table td:nth-child(8){display:none}.admin-table th,.admin-table td{white-space:nowrap;vertical-align:middle;padding:8px 10px;font-size:.78rem}.admin-table td:first-child strong{white-space:nowrap;text-overflow:ellipsis;max-width:140px;display:block;overflow:hidden}.admin-table td .sector-badge,.admin-table td .print-status{white-space:nowrap;padding:3px 8px;font-size:.7rem}.members-tabs .msg-tab-btn{padding:6px 12px;font-size:.8rem}.panel-header{flex-wrap:wrap;gap:6px}.panel-header h3{font-size:.95rem}.panel-badge{padding:3px 8px;font-size:.7rem}}.system-health-dot.green{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.system-health-dot.red{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.admin-main{margin-left:0}@media (min-width:1024px){.admin-main{margin-left:280px}}.admin-topbar{gap:12px;padding:16px}@media (min-width:768px){.admin-topbar{gap:16px;padding:16px 24px}}@media (min-width:1024px){.admin-topbar{gap:24px;padding:16px 32px}}.admin-topbar-title{font-size:1.1rem;font-weight:700}@media (min-width:768px){.admin-topbar-title{font-size:1.25rem}}@media (min-width:1024px){.admin-topbar-title{font-size:1.5rem}}.topbar-date{color:#6b7280;font-size:.85rem;display:none}@media (min-width:768px){.topbar-date{display:block}}.admin-content{padding:16px}@media (min-width:640px){.admin-content{padding:20px}}@media (min-width:768px){.admin-content{padding:24px}}@media (min-width:1024px){.admin-content{padding:32px}}.kpi-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}}.kpi-card{gap:10px;padding:12px 14px}@media (min-width:768px){.kpi-card{gap:12px;padding:14px 18px}}.kpi-icon{width:40px;height:40px}@media (min-width:768px){.kpi-icon{width:48px;height:48px}}.kpi-value{font-size:1.5rem}@media (min-width:768px){.kpi-value{font-size:1.75rem}}.admin-panel{border-radius:10px;margin-bottom:12px;padding:12px}@media (min-width:640px){.admin-panel{padding:16px}}@media (min-width:768px){.admin-panel{border-radius:12px;margin-bottom:16px;padding:20px}}@media (min-width:1024px){.admin-panel{border-radius:14px;margin-bottom:20px;padding:20px}}.panel-header{gap:8px;margin-bottom:12px}@media (min-width:640px){.panel-header{gap:12px;margin-bottom:16px}}@media (min-width:1024px){.panel-header{gap:16px;margin-bottom:24px}}.panel-header h3{font-size:1rem}@media (min-width:640px){.panel-header h3{font-size:1.1rem}}@media (min-width:1024px){.panel-header h3{font-size:1.25rem}}.panel-subtitle{font-size:.75rem}@media (min-width:768px){.panel-subtitle{font-size:.8rem}}.table-wrap{border-radius:8px;overflow:hidden}@media (min-width:768px){.table-wrap{border-radius:12px}}.admin-table{font-size:.8rem}@media (min-width:640px){.admin-table{font-size:.85rem}}@media (min-width:768px){.admin-table{font-size:.9rem}}.admin-table th,.admin-table td{padding:10px 8px}@media (min-width:640px){.admin-table th,.admin-table td{padding:12px}}@media (min-width:768px){.admin-table th,.admin-table td{padding:14px 16px}}.analytics-bar-row{grid-template-columns:70px 1fr 40px 30px;gap:6px;font-size:.8rem}@media (min-width:640px){.analytics-bar-row{grid-template-columns:80px 1fr 45px 35px;gap:8px;font-size:.85rem}}@media (min-width:1024px){.analytics-bar-row{grid-template-columns:110px 1fr 60px 42px;gap:10px;font-size:.9rem}}.dashboard-main-grid.two-col{grid-template-columns:1fr;gap:12px;margin-bottom:16px}@media (min-width:768px){.dashboard-main-grid.two-col{gap:16px;margin-bottom:20px}}@media (min-width:1024px){.dashboard-main-grid.two-col{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}}.dashboard-main-grid.three-col{grid-template-columns:1fr;gap:12px}@media (min-width:768px){.dashboard-main-grid.three-col{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1200px){.dashboard-main-grid.three-col{grid-template-columns:repeat(3,1fr);gap:20px}}.dash-panel{padding:12px}@media (min-width:640px){.dash-panel{padding:16px}}@media (min-width:1024px){.dash-panel{padding:16px 20px}}.trend-bars,.growth-chart,.network-chart,.yoy-chart{height:180px}@media (min-width:640px){.trend-bars,.growth-chart,.network-chart,.yoy-chart{height:200px}}@media (min-width:1024px){.trend-bars,.growth-chart,.network-chart,.yoy-chart{height:240px}}.demographic-item{gap:8px;padding:10px 0}@media (min-width:768px){.demographic-item{gap:12px;padding:12px 0}}.referrer-item{gap:8px;padding:12px}@media (min-width:768px){.referrer-item{gap:12px;padding:16px}}.top-event-item{gap:8px;padding:12px}@media (min-width:768px){.top-event-item{gap:12px;padding:14px}}.comparison-container{flex-direction:column;gap:12px}@media (min-width:768px){.comparison-container{flex-direction:row;gap:16px}}.comparison-card{padding:16px}@media (min-width:768px){.comparison-card{padding:20px}}.barangay-comparison-item{gap:8px;padding:12px}@media (min-width:768px){.barangay-comparison-item{gap:12px;padding:14px}}.barangay-bars{gap:8px}@media (min-width:768px){.barangay-bars{gap:12px}}.geo-heatmap{grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:640px){.geo-heatmap{grid-template-columns:repeat(3,1fr);gap:10px}}@media (min-width:1024px){.geo-heatmap{grid-template-columns:repeat(4,1fr);gap:12px}}.geo-heatmap-cell{padding:12px}@media (min-width:768px){.geo-heatmap-cell{padding:16px}}input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{padding:10px 12px;font-size:16px}@media (min-width:768px){input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{padding:12px 14px}}.btn{min-height:40px;padding:10px 16px;font-size:.85rem}@media (min-width:768px){.btn{min-height:44px;padding:12px 20px;font-size:.9rem}}.modal-content{border-radius:12px;width:95vw;max-width:500px;padding:20px}@media (min-width:640px){.modal-content{width:90vw;max-width:600px;padding:24px}}@media (min-width:1024px){.modal-content{border-radius:16px;width:80vw;max-width:800px;padding:32px}}html,body{max-width:100vw;overflow-x:hidden}.admin-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.event-scanner-panel{max-width:100%;overflow-x:hidden}.camera-fullscreen{width:100%;height:min(70vh,560px);min-height:320px;max-height:80vh;aspect-ratio:unset;isolation:isolate;background:#0b1220;border-radius:16px;margin:0 auto 12px;position:relative;overflow:hidden}.camera-scanner-container.camera-fullscreen{aspect-ratio:unset}.camera-fullscreen-video,.camera-fullscreen-placeholder{width:100%;height:100%;position:absolute;inset:0}#event-scanner-camera,#dist-scanner-camera,#print-scanner-camera{background:#0b1220;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important}#event-scanner-camera video,#dist-scanner-camera video,#print-scanner-camera video{z-index:1;object-fit:cover!important;object-position:center!important;border:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important}#event-scanner-camera canvas,#dist-scanner-camera canvas,#print-scanner-camera canvas,#event-scanner-camera img,#dist-scanner-camera img,#print-scanner-camera img{display:none!important}.camera-fullscreen:after{content:"";aspect-ratio:1;pointer-events:none;z-index:2;border:2px solid #ffffffb3;border-radius:12px;width:min(72%,260px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000052}.camera-focus-reticle{pointer-events:none;z-index:6;border:3px solid #ffffffe6;border-radius:50%;width:64px;height:64px;animation:1.5s ease-out forwards focusPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d,0 0 20px #fff6}.scan-spinner-overlay{z-index:8;pointer-events:none;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-spinner-overlay .scan-spinner{color:#fff;background:#0f172abf;border-radius:10px;padding:12px 16px;font-size:.9rem;font-weight:600}.camera-tap-overlay{z-index:5;cursor:pointer;position:absolute;inset:0}.focus-reticle{pointer-events:none;border:3px solid #ffffffe6;border-radius:50%;width:64px;height:64px;animation:1.5s ease-out forwards focusPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d,0 0 20px #fff6}.focus-reticle:after{content:"";border:1px solid #fff6;border-radius:50%;animation:1.5s ease-out .2s forwards focusPulse;position:absolute;inset:-6px}@keyframes focusPulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.camera-fullscreen-overlay{z-index:10;background:#fffffffa;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.camera-fullscreen-overlay .scan-result-badge{margin-bottom:12px;padding:8px 14px;font-size:.8rem}.camera-fullscreen-overlay .scan-result-badge svg{flex-shrink:0;width:22px;height:22px}.camera-fullscreen-overlay .scan-result-profile{width:100%;max-width:360px;margin-bottom:16px}.camera-fullscreen-overlay .scan-result-photo{width:80px;height:100px}.camera-fullscreen-overlay .scan-result-footer{width:100%;max-width:360px}.camera-exit-btn{color:#64748b;cursor:pointer;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-width:300px;margin:0 auto 16px;padding:12px 24px;font-size:.9rem;font-weight:600;display:block}.camera-exit-btn:hover{background:#e2e8f0}.camera-fullscreen-hint{text-align:center;margin:0 0 8px}.scanner-mode-toggle{flex-wrap:wrap;padding:0 4px}.scanner-mode-toggle button{white-space:nowrap;flex:1;min-width:0;padding:8px 12px;font-size:.8rem}@media (min-width:640px){.scanner-mode-toggle button{padding:10px 16px;font-size:.85rem}}.camera-scanner-container{width:100%;max-width:100%;margin:0 auto 12px}.camera-placeholder{padding:16px}.camera-placeholder p{font-size:.9rem}.camera-placeholder small{font-size:.75rem}.event-scanner-intro{margin-bottom:16px;padding:20px 16px}@media (min-width:640px){.event-scanner-intro{margin-bottom:20px;padding:24px 20px}}@media (min-width:1024px){.event-scanner-intro{margin-bottom:24px;padding:32px 24px}}.event-scanner-intro h4{font-size:1.1rem}@media (min-width:640px){.event-scanner-intro h4{font-size:1.2rem}}@media (min-width:1024px){.event-scanner-intro h4{font-size:1.25rem}}.event-scanner-intro p{font-size:.85rem}@media (min-width:768px){.event-scanner-intro p{font-size:.9rem}}.event-create-section{margin-bottom:16px;padding:16px}@media (min-width:640px){.event-create-section{margin-bottom:20px;padding:20px}}@media (min-width:1024px){.event-create-section{margin-bottom:24px;padding:24px}}.event-create-form{gap:10px}@media (min-width:768px){.event-create-form{gap:12px}}.event-create-form h5{margin-bottom:6px;font-size:1rem}@media (min-width:768px){.event-create-form h5{margin-bottom:8px;font-size:1.05rem}}.event-form-input-group{gap:8px;padding:8px 10px}@media (min-width:768px){.event-form-input-group{gap:10px;padding:10px 12px}}.event-form-input-group input{padding:8px 0;font-size:.9rem}@media (min-width:768px){.event-form-input-group input{padding:10px 0;font-size:.95rem}}.event-form-icon{padding:0 8px}@media (min-width:768px){.event-form-icon{padding:0 10px}}.event-form-toggle{gap:10px;padding:10px 12px}@media (min-width:768px){.event-form-toggle{gap:12px;padding:12px 14px}}.toggle-label{font-size:.85rem}@media (min-width:768px){.toggle-label{font-size:.9rem}}.event-barangay-header{gap:8px;margin-bottom:12px}@media (min-width:768px){.event-barangay-header{gap:10px;margin-bottom:14px}}.event-barangay-actions{gap:6px}@media (min-width:768px){.event-barangay-actions{gap:8px}}.event-barangay-grid{grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width:640px){.event-barangay-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (min-width:1024px){.event-barangay-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.event-barangay-item label{font-size:.8rem}@media (min-width:768px){.event-barangay-item label{font-size:.85rem}}.form-actions{flex-direction:column;gap:8px}@media (min-width:640px){.form-actions{flex-direction:row;gap:10px}}.form-actions .btn{padding:10px 14px;font-size:.85rem}@media (min-width:768px){.form-actions .btn{padding:12px 18px;font-size:.9rem}}.event-card{gap:12px;margin-bottom:12px;padding:16px}@media (min-width:640px){.event-card{gap:14px;margin-bottom:14px;padding:18px}}@media (min-width:1024px){.event-card{gap:16px;margin-bottom:16px;padding:24px}}.event-card-header{gap:10px}@media (min-width:768px){.event-card-header{gap:12px}}.event-card-icon{width:40px;height:40px}@media (min-width:768px){.event-card-icon{width:48px;height:48px}}.event-card-body h5{font-size:.95rem}@media (min-width:768px){.event-card-body h5{font-size:1.05rem}}.event-card-badges{gap:6px}@media (min-width:768px){.event-card-badges{gap:8px}}.event-badge-hh,.event-badge-restricted{padding:3px 8px;font-size:.65rem}@media (min-width:768px){.event-badge-hh,.event-badge-restricted{padding:4px 10px;font-size:.7rem}}.event-detail{gap:6px;font-size:.8rem}@media (min-width:768px){.event-detail{gap:8px;font-size:.85rem}}.event-card-actions{gap:6px}@media (min-width:768px){.event-card-actions{gap:8px}}.event-card-actions .btn{flex:calc(50% - 3px);min-width:70px;padding:6px 8px;font-size:.75rem}@media (min-width:768px){.event-card-actions .btn{flex:calc(50% - 4px);padding:8px 10px;font-size:.8rem}}@media (min-width:1200px){.event-card-actions .btn{flex:1;padding:10px 14px;font-size:.85rem}}.event-scanner-header{flex-wrap:wrap;gap:8px;padding:12px 14px}@media (min-width:640px){.event-scanner-header{gap:10px;padding:14px 16px}}@media (min-width:768px){.event-scanner-header{gap:12px;padding:16px 18px}}@media (min-width:1024px){.event-scanner-header{gap:14px;padding:18px 20px}}.event-scanner-header h3{flex:1;gap:6px;min-width:0;font-size:.95rem}@media (min-width:640px){.event-scanner-header h3{gap:8px;font-size:1rem}}@media (min-width:768px){.event-scanner-header h3{gap:9px;font-size:1.05rem}}@media (min-width:1024px){.event-scanner-header h3{gap:10px;font-size:1.1rem}}.event-scanner-actions{flex-wrap:wrap;gap:6px}@media (min-width:640px){.event-scanner-actions{gap:8px}}@media (min-width:768px){.event-scanner-actions{gap:10px}}.scan-stat-badge{white-space:nowrap;padding:5px 10px;font-size:.75rem}@media (min-width:640px){.scan-stat-badge{padding:6px 12px;font-size:.8rem}}@media (min-width:768px){.scan-stat-badge{padding:7px 14px;font-size:.85rem}}@media (min-width:1024px){.scan-stat-badge{padding:8px 16px;font-size:.9rem}}.scan-result-panel{padding:16px}@media (min-width:640px){.scan-result-panel{padding:20px}}@media (min-width:1024px){.scan-result-panel{padding:28px}}.scan-result-badge{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 12px;font-size:.85rem}@media (min-width:768px){.scan-result-badge{gap:10px;padding:10px 14px;font-size:.9rem}}.scan-result-profile{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}@media (min-width:640px){.scan-result-profile{text-align:left;flex-direction:row;align-items:flex-start;gap:14px;margin-bottom:14px}}@media (min-width:768px){.scan-result-profile{gap:16px;margin-bottom:16px}}@media (min-width:1024px){.scan-result-profile{gap:20px;margin-bottom:20px}}.scan-result-photo{flex-shrink:0;width:90px;height:110px}@media (min-width:640px){.scan-result-photo{width:100px;height:120px}}@media (min-width:768px){.scan-result-photo{width:110px;height:130px}}@media (min-width:1024px){.scan-result-photo{width:130px;height:150px}}.scan-result-info{flex:1;width:100%;min-width:0}.scan-result-info h2{word-break:break-word;margin-bottom:8px;font-size:1.05rem}@media (min-width:640px){.scan-result-info h2{margin-bottom:10px;font-size:1.15rem}}@media (min-width:768px){.scan-result-info h2{margin-bottom:12px;font-size:1.25rem}}@media (min-width:1024px){.scan-result-info h2{margin-bottom:14px;font-size:1.4rem}}.scan-result-meta-grid{grid-template-columns:1fr;gap:4px 10px}@media (min-width:640px){.scan-result-meta-grid{grid-template-columns:repeat(2,1fr);gap:6px 12px}}@media (min-width:768px){.scan-result-meta-grid{gap:7px 14px}}@media (min-width:1024px){.scan-result-meta-grid{gap:8px 18px}}.scan-result-meta-grid span{align-items:center;gap:4px;font-size:.75rem;display:flex}@media (min-width:640px){.scan-result-meta-grid span{gap:5px;font-size:.8rem}}@media (min-width:768px){.scan-result-meta-grid span{gap:6px;font-size:.85rem}}.scan-result-footer{flex-direction:column;gap:8px;padding:12px 0}@media (min-width:640px){.scan-result-footer{flex-direction:row;gap:10px;padding:14px 0}}@media (min-width:1024px){.scan-result-footer{gap:12px;padding:16px 0}}.scan-result-footer span{font-size:.8rem}@media (min-width:768px){.scan-result-footer span{font-size:.85rem}}.scan-input-panel{padding:16px 14px}@media (min-width:640px){.scan-input-panel{padding:20px 16px}}@media (min-width:768px){.scan-input-panel{padding:28px 20px}}@media (min-width:1024px){.scan-input-panel{padding:40px 24px}}.scan-input-panel h4{margin-bottom:6px;font-size:1rem}@media (min-width:640px){.scan-input-panel h4{margin-bottom:8px;font-size:1.1rem}}@media (min-width:768px){.scan-input-panel h4{margin-bottom:10px;font-size:1.2rem}}.scan-input-panel p{margin-bottom:14px;font-size:.8rem}@media (min-width:640px){.scan-input-panel p{margin-bottom:16px;font-size:.85rem}}@media (min-width:768px){.scan-input-panel p{margin-bottom:18px;font-size:.9rem}}.scan-token-input{max-width:100%;padding:10px 14px;font-size:.9rem}@media (min-width:640px){.scan-token-input{padding:12px 16px;font-size:.95rem}}@media (min-width:768px){.scan-token-input{padding:14px 18px;font-size:1rem}}@media (min-width:1024px){.scan-token-input{padding:16px 20px;font-size:1rem}}.scan-button-group{flex-direction:column;gap:8px;margin-top:12px}@media (min-width:640px){.scan-button-group{flex-direction:row;gap:10px;margin-top:14px}}@media (min-width:768px){.scan-button-group{gap:12px;margin-top:16px}}.scan-button-group .btn{flex:1;padding:10px 12px;font-size:.8rem}@media (min-width:640px){.scan-button-group .btn{padding:10px 14px;font-size:.85rem}}@media (min-width:768px){.scan-button-group .btn{padding:12px 18px;font-size:.9rem}}@keyframes pulse-live{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes pulse-green-highlight{0%{background-color:#d1fae5;border-color:#34d399}to{background-color:#f8fafc;border-color:#e2e8f0}}.track-page{background:linear-gradient(135deg,#0f3d2e 0%,#1a5c44 50%,#0d3326 100%);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.track-hero{text-align:center;max-width:520px;margin-bottom:28px}.track-brand{color:#fff;align-items:center;gap:10px;margin-bottom:20px;text-decoration:none;display:inline-flex}.track-brand-mark{background:var(--emerald);width:36px;height:36px;color:var(--green-deep);border-radius:8px;place-items:center;font-size:.9rem;font-weight:900;display:grid}.track-brand strong{color:#fff;font-size:1rem;font-weight:800;display:block}.track-brand small{color:#fff9;font-size:.75rem;font-weight:500;display:block}.track-hero h1{color:#fff;margin-bottom:8px;font-size:1.6rem;font-weight:800}.track-hero p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.track-card{background:var(--white);border-radius:16px;width:100%;max-width:520px;padding:28px;box-shadow:0 20px 60px #0003}.track-search-form{margin-bottom:4px}.track-input-label{color:var(--green-deep);margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.track-input-row{gap:10px;display:flex}.track-input{border:1.5px solid var(--border);background:var(--bg-light);border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.track-input:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #10b9811f}.btn-track-search{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.btn-track-search:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-track-search:disabled{opacity:.6;cursor:not-allowed}.track-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.track-error{color:#ef4444;background:#ef44440f;border:1px solid #ef44441f;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:14px;font-size:.88rem;font-weight:600;display:flex}.track-result{margin-top:20px;animation:.4s fadeInUp}.track-status-badge{border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.track-details{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.track-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.track-detail-row:last-child{border-bottom:none}.track-detail-label{color:var(--muted);font-size:.85rem;font-weight:600}.track-detail-value{color:var(--text);text-align:right;font-size:.9rem;font-weight:700}.track-detail-value.track-highlight{color:var(--emerald)}.track-detail-value.track-muted{color:var(--muted);font-weight:500}.track-timeline{flex-direction:column;gap:0;display:flex;position:relative}.track-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:20px;bottom:20px;left:15px}.track-timeline-item{align-items:center;gap:12px;padding:10px 0;display:flex;position:relative}.track-timeline-dot{background:var(--bg-light);border:2px solid var(--border);width:32px;height:32px;color:var(--muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.track-timeline-item.done .track-timeline-dot{border-color:var(--emerald);color:var(--emerald);background:#10b9811f}.track-timeline-item.current .track-timeline-dot{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.track-timeline-label{color:var(--muted);font-size:.88rem;font-weight:600;transition:color .3s}.track-timeline-item.done .track-timeline-label{color:var(--green-deep);font-weight:700}.track-timeline-item.current .track-timeline-label{color:#f59e0b;font-weight:700}.track-timeline-current{color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;background:#f59e0b1a;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:700}.track-footer{text-align:center;margin-top:24px}.track-footer a{color:#ffffffb3;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.track-footer a:hover{color:#fff}@media (max-width:520px){.track-page{padding:24px 16px}.track-card{border-radius:12px;padding:20px}.track-input-row{flex-direction:column}.btn-track-search{justify-content:center;width:100%}.track-hero h1{font-size:1.3rem}}.members-toolbar{background:#fff;border:1px solid #10b98124;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #00000005}.members-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.members-search-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.members-search-input{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 12px no-repeat;border:1.5px solid #10b98138;border-radius:9px;outline:none;width:100%;padding:9px 34px 9px 38px;font-size:.85rem;transition:all .2s}.members-search-input:focus{border-color:#10b981;box-shadow:0 0 0 2.5px #10b98124}.members-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex;position:absolute;right:8px}.members-search-clear:hover{color:#334155;background:#f1f5f9}.members-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.members-toolbar-actions .btn{border-radius:8px;padding:8px 14px;font-size:.82rem}.members-toolbar-filters{border-top:1px solid #e2e8f0b3;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.members-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;padding:6px 10px;font-size:.79rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.members-filter-select:hover{border-color:#10b981}.members-filter-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.members-filter-reset{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.members-filter-reset:hover{background:#fee2e2;border-color:#f87171}.members-table-wrap{background:#fff;border:1px solid #10b98126;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000008}.members-table-container{width:100%;overflow-x:auto}.members-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.8rem}.members-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:10px 8px;font-size:.7rem;font-weight:700;overflow:hidden}.members-table td{color:#1e293b;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:9px 8px;font-size:.8rem;overflow:hidden}.members-table tbody tr{cursor:pointer}.members-table tbody tr:hover td{background-color:#f0fdf4}.members-table tbody tr:last-child td{border-bottom:none}.col-chk{text-align:center;width:32px}.col-name{width:20%}.col-barangay{width:10%}.col-voter{width:11%}.col-precinct{text-align:center;width:8%}.col-org{width:12%}.col-emcard{width:15%}.col-print{width:10%}.col-date{width:8.5%}.col-actions{text-align:center;width:7%}.member-cell-name strong{color:#0f172a;text-overflow:ellipsis;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.members-table tbody tr:hover .member-cell-name strong{color:#059669}.member-cell-barangay{color:#334155;font-size:.78rem;font-weight:500}.member-cell-voter .status-badge{border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.member-precinct-tag{color:#065f46;letter-spacing:.03em;background:#ecfdf5;border:1px solid #10b98140;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;display:inline-block}.member-emcard-code{color:#334155;letter-spacing:.02em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.member-cell-print .print-status{border-radius:5px;align-items:center;gap:3px;padding:3px 7px;font-size:10px;display:inline-flex}.member-cell-date{color:#64748b;font-size:11px}.resident-actions-compact{justify-content:center;align-items:center;gap:3px;display:inline-flex}.resident-actions-compact .action-btn{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.resident-actions-compact .action-btn svg{width:12px;height:12px}.members-desktop-view{display:block}.members-mobile-view{display:none}.member-mobile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:10px;padding:12px 14px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.member-mobile-card:active{transform:scale(.99)}.member-card-top{align-items:center;gap:10px;display:flex}.member-card-chk-avatar{flex-shrink:0;align-items:center;gap:8px;display:flex}.member-card-checkbox{accent-color:#059669;cursor:pointer;width:18px;height:18px}.member-card-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:10px;width:44px;height:44px}.member-card-avatar-placeholder{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.member-card-header-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.member-card-name-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.member-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.member-card-badges-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.member-card-details-grid{background:#f8fafc;border:1px solid #edf2f7;border-radius:9px;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px 10px;display:grid}.member-card-bottom-actions{border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding-top:6px;display:flex}.member-action-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:30px;padding:6px 10px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.member-action-btn.btn-print-quick{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;flex:1}.member-action-btn.btn-edit-quick{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;flex:1}.member-action-btn.btn-promote-quick{color:#b45309;background:#fef3c7;border:1px solid #fde68a;flex:1}.member-action-btn.btn-del-quick{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:6px 9px}@media (max-width:768px){.members-desktop-view{display:none!important}.members-mobile-view{flex-direction:column!important;gap:10px!important;display:flex!important}.members-toolbar{border-radius:12px!important;gap:8px!important;padding:10px 12px!important}.members-toolbar-top{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.members-search-wrap{width:100%!important;min-width:100%!important}.members-search-input{height:38px!important;font-size:.84rem!important}.members-toolbar-actions{gap:8px!important;width:100%!important;display:flex!important}.members-toolbar-actions .btn{flex:1!important;justify-content:center!important;height:36px!important;padding:0 10px!important;font-size:.8rem!important}.members-toolbar-filters{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;padding-top:8px!important;display:grid!important}.members-toolbar-filters>span{grid-column:1/-1!important;margin-bottom:2px!important}.members-filter-select{width:100%!important;height:34px!important;padding:4px 6px!important;font-size:.76rem!important}.members-filter-reset{grid-column:1/-1!important;justify-content:center!important;height:32px!important}}.org-mobile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.org-mobile-card:active{transform:scale(.99)}.org-card-header{align-items:center;gap:10px;display:flex}.org-card-icon-wrap{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.org-card-title-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.org-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:800;overflow:hidden}.org-card-meta-sub{color:#64748b;font-size:.72rem}.org-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding-top:8px;display:flex}.org-btn-view{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:7px!important;flex:1.2!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important}.org-btn-add{color:#fff!important;background:#059669!important;border:none!important;border-radius:7px!important;flex:1.4!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important}.org-btn-icon{border-radius:7px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}@media (max-width:768px){.org-desktop-view{display:none!important}.org-mobile-view{flex-direction:column!important;gap:10px!important;padding:10px 12px!important;display:flex!important}}.accounts-desktop-view{display:block}.accounts-mobile-view{display:none}.account-mobile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:10px;padding:12px 14px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.account-mobile-card.current-user-card{background:#fafffc;border-color:#a7f3d0}.account-mobile-card:active{transform:scale(.99)}.acc-card-top{align-items:center;gap:10px;display:flex}.acc-card-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:flex}.acc-card-avatar.admin,.acc-card-avatar.staff,.acc-card-avatar.finance{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.acc-card-header-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.acc-card-name-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.acc-card-email{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.acc-card-sub-row{align-items:center;gap:6px;display:flex}.acc-card-id{color:#94a3b8;font-family:monospace;font-size:.68rem}.acc-card-details-grid{background:#f8fafc;border:1px solid #edf2f7;border-radius:9px;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px 10px;display:grid}.acc-card-bottom-actions{border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding-top:6px;display:flex}.acc-mobile-btn-edit{border-radius:7px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important}.acc-mobile-btn-del{border-radius:7px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}@media (max-width:768px){.accounts-desktop-view{display:none!important}.accounts-mobile-view{flex-direction:column!important;gap:8px!important;padding:10px 12px 14px!important;display:flex!important}.accounts-shell{border-radius:10px!important}.accounts-top-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px 14px 14px!important}.accounts-header-actions{gap:8px!important;width:100%!important;display:flex!important}.accounts-btn-ghost,.accounts-btn-primary{flex:1!important;justify-content:center!important}.accounts-stat{padding:12px 14px!important}.accounts-controls-bar{border-radius:0!important;margin:0!important}.accounts-search-input{height:34px!important}.accounts-table-card{margin:0!important}.acc-actions-wrap{opacity:1!important}}.mobile-bottom-nav{display:none}@media (max-width:768px){.admin-main{padding-bottom:76px!important}.mobile-bottom-nav{z-index:1000!important;height:58px!important;padding:0 4px calc(env(safe-area-inset-bottom,0px))!important;background:#062b1e!important;border-top:1px solid #10b98138!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 16px #00000040!important}.mobile-nav-btn{color:#fff9;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.65rem;font-weight:600;transition:all .15s;display:flex}.mobile-nav-btn.active{color:#34d399!important;font-weight:800!important}.mobile-nav-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-badge-dot{color:#78350f;background:#f59e0b;border:1.5px solid #062b1e;border-radius:999px;padding:1px 5px;font-size:.58rem;font-weight:900;line-height:1;position:absolute;top:-5px;right:-8px}.mobile-nav-fab{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0 6px;display:flex;position:relative;top:-12px}.mobile-nav-fab-inner{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2.5px solid #062b1e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s;display:flex;box-shadow:0 4px 14px #10b98173}.mobile-nav-fab:active .mobile-nav-fab-inner{transform:scale(.92)}.mobile-fab-label{color:#34d399;margin-top:2px;font-size:.62rem;font-weight:700}}.dashboard-layout-grid{grid-template-columns:1fr;gap:16px;margin-top:20px;display:grid}@media (min-width:1024px){.dashboard-layout-grid{grid-template-columns:1fr 300px;gap:24px}}@media (min-width:1280px){.dashboard-layout-grid{grid-template-columns:1fr 340px}}.dash-main-col{flex-direction:column;gap:16px;min-width:0;display:flex}.dash-sidebar-col{flex-direction:column;gap:16px;display:flex}.dash-sidebar-col .dashboard-quick-actions{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.dash-sidebar-col .quick-action-btn{justify-content:flex-start;padding:12px 16px;font-size:.95rem}.dash-sidebar-col .pending-alert-banner{margin-top:0}@media (min-width:768px) and (max-width:1400px){.dashboard-main-grid.three-col>:last-child:nth-child(odd){grid-column:1/-1}}.dash-sidebar-col{gap:12px}.dash-sidebar-col .quick-action-btn{border-radius:8px;padding:8px 12px;font-size:.9rem}.dash-sidebar-col .quick-action-btn svg{width:16px;height:16px}.dash-sidebar-col .dashboard-quick-actions{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000000d}.admin-sidebar{background:linear-gradient(#062b1e 0%,#031c13 100%);border-right:1px solid #10b9811f;flex-direction:column;width:250px;display:flex;transition:transform .28s cubic-bezier(.16,1,.3,1)!important}.admin-sidebar.collapsed{transform:translate(-100%)!important}.sidebar-collapse-toggle-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:0;transition:all .15s;display:inline-flex}.sidebar-collapse-toggle-btn:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.admin-main{box-sizing:border-box;min-width:0;max-width:calc(100vw - 250px);margin-left:250px;transition:margin-left .28s cubic-bezier(.16,1,.3,1),max-width .28s cubic-bezier(.16,1,.3,1)}.admin-main.sidebar-collapsed{width:100%!important;max-width:100vw!important;margin-left:0!important}@media (max-width:1024px){.admin-main{margin-left:0}.admin-sidebar{box-shadow:none;transform:translate(-100%);z-index:99999!important;overscroll-behavior:contain!important;height:100dvh!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.admin-sidebar.open{transform:translate(0)!important;box-shadow:10px 0 40px #0009!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:99998!important;touch-action:none!important;overscroll-behavior:contain!important;background:#000000a6!important;position:fixed!important;inset:0!important}}.sidebar-brand{background:#00000026;border-bottom:1px solid #10b9811f;align-items:center;gap:12px;padding:18px 16px;display:flex}.sidebar-brand-text strong{color:#fff;letter-spacing:-.02em;font-size:1.05rem;font-weight:800;display:block}.sidebar-brand-text small{color:#34d399;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#10b98133 transparent;flex-direction:column;gap:14px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#10b98133;border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#10b98166}.sidebar-group{flex-direction:column;gap:2px;display:flex}.sidebar-group-title{color:#ffffff61;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none;padding:4px 10px;font-size:.64rem;font-weight:800}.sidebar-group-items{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{color:#ffffffa6;cursor:pointer;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:0;padding:8px 12px;font-size:.83rem;font-weight:600;transition:all .15s;display:flex}.sidebar-nav-item:hover{color:#fff;background:#ffffff12;padding-left:14px}.sidebar-nav-item.active{color:#34d399;box-shadow:none;background:linear-gradient(90deg,#10b98138 0%,#10b98114 100%);border-left:3px solid #10b981;border-radius:0 8px 8px 0;padding-left:12px;font-weight:700}.sidebar-nav-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-nav-item.active .sidebar-nav-icon{opacity:1;color:#34d399}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-nav-badge{border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:800;line-height:1}.sidebar-nav-badge.amber{color:#78350f;background:#f59e0b}.sidebar-footer{background:#0003;border-top:1px solid #10b9811f;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.sidebar-user{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:800;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:#34d399;font-size:.68rem;font-weight:700}.sidebar-logout{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:7px;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff14}.sidebar-logout.btn-logout-danger:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.admin-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.admin-topbar-title{color:#0f172a;font-size:1.05rem;font-weight:700}.topbar-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;width:320px;padding:7px 14px;transition:all .2s;display:flex}.topbar-search:hover,.topbar-search:focus-within{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #05966914}.topbar-search svg{color:#64748b;flex-shrink:0}.topbar-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.topbar-search input::placeholder{color:#94a3b8}@media (max-width:900px){.topbar-search{width:220px}}@media (max-width:768px){.topbar-search{display:none}}.admin-topbar-right{align-items:center;gap:12px;display:flex}.topbar-date{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:500;display:inline-flex}@media (max-width:640px){.topbar-date{display:none}}.topbar-notify{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.topbar-notify:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.topbar-notify-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.topbar-user{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;align-items:center;gap:10px;padding:4px 12px 4px 5px;transition:all .15s;display:flex}.topbar-user:hover{background:#f8fafc;border-color:#cbd5e1}.topbar-user-avatar{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.topbar-user-info{text-align:left;flex-direction:column;line-height:1.1;display:flex}.topbar-user-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.8rem;font-weight:600;overflow:hidden}.topbar-user-role{color:#64748b;font-size:.68rem}@media (max-width:768px){.admin-dashboard{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.admin-main{width:100%!important;min-width:0!important;max-width:100vw!important;margin-left:0!important;overflow-x:hidden!important}.admin-topbar{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100vw!important;height:52px!important;padding:0 12px!important;display:flex!important}.admin-topbar-title{white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;min-width:0!important;font-size:.95rem!important;font-weight:800!important;overflow:hidden!important}.topbar-search{display:none!important}.admin-topbar-right{flex-shrink:0!important;align-items:center!important;gap:8px!important;margin-left:auto!important;display:flex!important}.topbar-date{display:none!important}.topbar-notify-wrap{align-items:center!important;display:flex!important}.topbar-notify{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important}.topbar-user{background:0 0!important;border:none!important;align-items:center!important;gap:0!important;padding:2px!important;display:flex!important}.topbar-user-info{display:none!important}.topbar-user-avatar{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:.8rem!important;display:flex!important;box-shadow:0 1px 3px #0000001a!important}.sidebar-toggle{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:5px!important;display:flex!important}.admin-content,.admin-page-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:12px 10px!important;overflow-x:hidden!important}}.dashboard-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:2px;margin-bottom:0;padding:3px;display:inline-flex}.dashboard-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.dashboard-tab-btn:hover{color:#0f172a}.dashboard-tab-btn.active{color:#059669;background:#fff;font-weight:700;box-shadow:0 1px 3px #0000000f}.dashboard-tab-btn svg{color:inherit;flex-shrink:0}.admin-page-content{flex:1;max-width:100%;padding:20px 24px;overflow-x:hidden}@media (max-width:768px){.admin-page-content{padding:12px 10px}}.dash-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.dash-welcome h1{color:#0f172a;letter-spacing:-.4px;margin:0 0 2px;font-size:1.4rem;font-weight:800}.dash-welcome p{color:#64748b;margin:0;font-size:.84rem;font-weight:400}@media (max-width:768px){.dash-welcome{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important}.dash-welcome h1{margin-bottom:2px!important;font-size:1.15rem!important}.dash-welcome p{white-space:normal!important;word-break:break-word!important;font-size:.76rem!important;line-height:1.35!important}.dashboard-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;gap:3px!important;width:100%!important;padding:3px!important;display:flex!important;overflow-x:auto!important}.dashboard-tabs::-webkit-scrollbar{display:none!important}.dashboard-tab-btn{flex-shrink:0!important;gap:4px!important;padding:5px 10px!important;font-size:.72rem!important}}.kpi-grid{gap:12px;margin-bottom:14px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:14px 16px;transition:all .2s;box-shadow:0 1px 3px #00000008}.kpi-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.kpi-icon{color:#065f46;background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;width:36px;height:36px}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.72rem;font-weight:700;display:block}.kpi-value{margin:2px 0;font-size:1.65rem;font-weight:800;line-height:1.15;color:#0f172a!important}.kpi-change{font-size:.72rem;font-weight:600}.kpi-change.up{color:#059669}.kpi-change.down{color:#dc2626}@media (max-width:768px){.kpi-grid{box-sizing:border-box!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;margin-bottom:10px!important;display:grid!important}.kpi-card{box-sizing:border-box!important;border-radius:10px!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-width:0!important;padding:10px!important;overflow:hidden!important}.kpi-icon{border-radius:7px!important;width:28px!important;height:28px!important}.kpi-icon svg{width:15px!important;height:15px!important}.kpi-body{flex-direction:column!important;gap:1px!important;width:100%!important;min-width:0!important;display:flex!important}.kpi-label{white-space:normal!important;word-break:break-word!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:#64748b!important;font-size:.62rem!important;font-weight:700!important;line-height:1.25!important}.kpi-value{margin:2px 0!important;font-size:1.22rem!important;font-weight:800!important;line-height:1.15!important}.kpi-change{white-space:normal!important;word-break:break-word!important;font-size:.6rem!important;line-height:1.2!important}}.dash-notif-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}@media (max-width:640px){.dash-notif-row{grid-template-columns:1fr}}.dash-notif-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.dash-notif-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}@media (max-width:768px){.dash-notif-row{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;margin-bottom:10px!important}.dash-notif-card{box-sizing:border-box!important;border-radius:10px!important;gap:8px!important;min-width:0!important;padding:8px 10px!important}.dash-notif-icon{border-radius:6px!important;width:28px!important;height:28px!important}.dash-notif-body{flex:1!important;min-width:0!important}.dash-notif-body strong{white-space:normal!important;word-break:break-word!important;font-size:.78rem!important}.dash-notif-body span{white-space:normal!important;word-break:break-word!important;font-size:.68rem!important}.dash-notif-count{color:#059669!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:999px!important;padding:2px 7px!important;font-size:.75rem!important;font-weight:800!important}}.dash-notif-icon{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dash-notif-card.active-birthday .dash-notif-icon{color:#059669;background:#f0fdf4}.dash-notif-body{flex:1;min-width:0}.dash-notif-body strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.dash-notif-body span{color:#64748b;margin-top:1px;font-size:.72rem;display:block}.dash-notif-count{color:#0f172a;flex-shrink:0;font-size:1.35rem;font-weight:800;line-height:1}.dash-notif-arrow{color:#94a3b8;flex-shrink:0;transition:transform .2s}.dash-notif-card:hover .dash-notif-arrow{color:#475569;transform:translate(2px)}.dash-panel-v2{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden;box-shadow:0 1px 3px #00000005}.dash-panel-v2:hover{border-color:#cbd5e1}.dash-panel-v2-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:14px 18px 12px;display:flex}.dash-panel-v2-title{color:#0f172a;margin:0;font-size:.88rem;font-weight:700}.dash-panel-v2-sub{color:#64748b;margin:2px 0 0;font-size:.72rem;font-weight:400}.dash-panel-v2-icon{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dash-panel-v2-body{padding:16px 18px}.dash-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.dash-dot.green{background:#059669}.dash-dot.muted{background:#94a3b8}.dash-stat-pair{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.dash-stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:10px 14px}.dash-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;align-items:center;margin-bottom:4px;font-size:.68rem;font-weight:600;display:flex}.dash-stat-value{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1.1}.dash-progress-wrap{margin-top:6px}.dash-progress-row{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.72rem;font-weight:500;display:flex}.dash-progress-row strong{color:#0f172a;font-weight:700}.dash-progress-track{background:#f1f5f9;border-radius:99px;height:5px;overflow:hidden}.dash-progress-fill{background:#059669;border-radius:99px;height:100%;transition:width .6s}.dash-eff-inner{align-items:center;gap:16px;padding:2px 0;display:flex}.dash-eff-number{color:#0f172a;flex-shrink:0;font-size:2.8rem;font-weight:900;line-height:1}.dash-eff-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px;font-size:.68rem;font-weight:600}.dash-eff-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.dash-eff-desc{color:#64748b;font-size:.72rem;line-height:1.4}.dash-donut-wrap{align-items:center;gap:18px;padding:2px 0;display:flex}.dash-donut-svg-wrap{flex-shrink:0;width:90px;height:90px;position:relative}.dash-donut-svg-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.dash-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-donut-pct{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1}.dash-donut-main{color:#0f172a;font-size:.84rem;font-weight:600}.dash-donut-sub{color:#64748b;margin-top:2px;font-size:.72rem}.dash-section-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-top:1px solid #f1f5f9;margin:10px 0 6px;padding-top:10px;font-size:.68rem;font-weight:700}.dash-overview-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dash-overview-grid-2x2{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.dash-overview-grid-2x2 .dash-panel-v2{flex-direction:column;height:100%;min-height:220px;display:flex}.dash-overview-grid-2x2 .dash-panel-v2-body{flex-direction:column;flex:1;justify-content:space-between;display:flex}.dash-overview-grid-3{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.dash-overview-grid-3 .dash-panel-v2{flex-direction:column;height:100%;display:flex}.dash-overview-grid-3 .dash-panel-v2-body{flex-direction:column;flex:1;display:flex}@media (max-width:900px){.dash-overview-grid-2x2{grid-template-columns:1fr}.dash-overview-grid-3{grid-template-columns:1fr 1fr}.dash-overview-grid-3>:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:640px){.dash-overview-grid,.dash-overview-grid-2x2,.dash-overview-grid-3{grid-template-columns:1fr}}.admin-content{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:20px 24px!important;overflow-x:hidden!important}@media (max-width:768px){.admin-content{padding:14px!important}}.bday-celebrator-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.bday-celebrator-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.bday-celebrator-card:hover{background:#f0fdf4;border-color:#a7f3d0;transform:translateY(-1px);box-shadow:0 4px 12px #05966914}.bday-celebrator-card.selected{background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 2px #05966926}.bday-celebrator-avatar{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:flex;position:relative;box-shadow:0 2px 6px #05966933}.bday-celebrator-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.bday-celebrator-cake-badge{background:#fff;border:1px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 4px #0000001f}.bday-celebrator-details{flex:1;min-width:0}.bday-celebrator-name{color:#0f172a;text-transform:uppercase;letter-spacing:.01em;font-size:.88rem;font-weight:700;line-height:1.25}.bday-celebrator-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.bday-tag{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.bday-celebrator-status{flex-shrink:0}.bday-active-pill{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:700}.bday-template-pills{flex-direction:column;gap:8px;display:flex}.bday-template-btn{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;padding:8px 12px;transition:all .15s;display:flex}.bday-template-btn:hover{background:#ecfdf5;border-color:#a7f3d0;transform:translate(2px)}.bday-template-btn strong{color:#0f172a;margin-bottom:2px;font-size:.8rem}.bday-template-btn span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.74rem;line-height:1.35;overflow:hidden}.bday-token-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.bday-token-btn:hover{color:#fff;background:#059669;border-color:#059669}.bday-phone-mockup{background:#0f172a;border:3px solid #334155;border-radius:20px;padding:14px 12px 16px;box-shadow:0 10px 25px #0f172a26}.bday-phone-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bday-phone-speaker{background:#334155;border-radius:4px;width:44px;height:4px}.bday-phone-contact{align-items:center;gap:8px;display:flex}.bday-phone-avatar{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.bday-phone-contact-info{flex-direction:column;align-items:center;display:flex}.bday-phone-sender{color:#fff;letter-spacing:.02em;font-size:.82rem;font-weight:700}.bday-phone-number{color:#94a3b8;font-size:.68rem}.bday-phone-time{color:#64748b;font-size:.68rem}.bday-phone-screen{background:#fff;border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:140px;padding:16px 12px;display:flex}.bday-phone-date-pill{color:#64748b;background:#f1f5f9;border-radius:10px;align-self:center;margin-bottom:12px;padding:2px 8px;font-size:.65rem;font-weight:700}.bday-phone-bubble{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px 14px 14px 2px;align-self:flex-start;max-width:92%;padding:10px 12px;box-shadow:0 1px 3px #0000000a}.bday-bubble-text{color:#065f46;word-break:break-word;font-size:.82rem;line-height:1.42}.bday-bubble-meta{color:#059669;justify-content:flex-end;align-items:center;margin-top:4px;font-size:.65rem;font-weight:500;display:flex}.accounts-page-container{flex-direction:column;gap:14px;width:100%;animation:.25s fadeIn;display:flex}.admin-panel.accounts-saas{gap:0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important;overflow:visible!important}.admin-panel.accounts-saas:before{display:none!important}.admin-panel.accounts-saas:hover{box-shadow:none!important;border-color:#0000!important;transform:none!important}.accounts-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.accounts-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accounts-status-chip{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.accounts-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1024px){.accounts-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.accounts-metrics-grid{grid-template-columns:1fr}}.accounts-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;padding:14px 16px;display:flex;position:relative;overflow:hidden}.accounts-metric-accent{height:2px;position:absolute;top:0;left:0;right:0}.accounts-metric-accent.total{background:#94a3b8}.accounts-metric-accent.admin{background:#059669}.accounts-metric-accent.staff{background:#2563eb}.accounts-metric-accent.active-session{background:#f59e0b}.accounts-metric-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.accounts-metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.accounts-metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.accounts-metric-icon.total{color:#4b5563;background:#f3f4f6}.accounts-metric-icon.admin{color:#059669;background:#ecfdf5}.accounts-metric-icon.staff{color:#2563eb;background:#eff6ff}.accounts-metric-icon.active-session{color:#d97706;background:#fef3c7}.accounts-metric-val{color:#111827;margin-bottom:4px;font-size:1.4rem;font-weight:700;line-height:1.1}.accounts-metric-val.admin-text{color:#065f46}.accounts-metric-val.staff-text{color:#1e40af}.accounts-metric-val.active-text{color:#b45309}.accounts-metric-sub{color:#9ca3af;font-size:.72rem;line-height:1.3}.accounts-page-container:not(.accounts-saas)>.accounts-top-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.accounts-page-container:not(.accounts-saas) .accounts-page-title{font-size:1.15rem;font-weight:700}.accounts-page-container:not(.accounts-saas) .accounts-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.accounts-header-left{flex-direction:column;gap:4px;min-width:0;display:flex}.accounts-page-title{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.accounts-page-subtitle{color:#6b7280;margin:0;font-size:.8125rem;font-weight:400;line-height:1.4}.accounts-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.accounts-saas .accounts-top-header{box-shadow:none;background:0 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.accounts-saas .accounts-table-card{box-shadow:none;background:0 0;border:none;border-radius:0}.accounts-saas .accounts-controls-bar{border-radius:0;margin:0}.accounts-btn-ghost{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:.8125rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.accounts-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.accounts-btn-ghost:disabled{opacity:.55;cursor:not-allowed}.accounts-btn-primary{color:#fff;cursor:pointer;background:#065f46;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:background .12s;display:inline-flex}.accounts-btn-primary:hover{background:#047857}.accounts-stats-strip{background:#fafafa;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.accounts-stat{cursor:pointer;text-align:left;background:0 0;border:none;border-right:1px solid #eef2f7;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:14px 20px;transition:background .12s;display:flex}.accounts-stat:last-child{border-right:none}.accounts-stat:hover:not(.static){background:#f3f4f6}.accounts-stat.active{background:#fff;box-shadow:inset 0 -2px #111827}.accounts-stat.static{cursor:default}.accounts-stat-label{color:#9ca3af;letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.accounts-stat-value{color:#111827;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600;line-height:1.2}@media (max-width:900px){.accounts-stats-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.accounts-stat:nth-child(3){border-right:none}}@media (max-width:560px){.accounts-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-stat{border-bottom:1px solid #eef2f7}}.accounts-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.accounts-controls-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.accounts-saas .accounts-controls-bar{border:none;border-bottom:1px solid #eef2f7;border-radius:0;flex-wrap:nowrap;min-height:48px;padding:0 20px}.accounts-role-tabs{scrollbar-width:none;align-items:stretch;gap:0;min-width:0;display:flex;overflow-x:auto}.accounts-role-tabs::-webkit-scrollbar{display:none}.accounts-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;height:48px;padding:0 12px;font-size:.8125rem;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex}.accounts-tab span{color:#6b7280;font-variant-numeric:tabular-nums;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:600;display:inline-flex}.accounts-tab:hover{color:#111827}.accounts-tab.active{color:#111827;border-bottom-color:#111827}.accounts-tab.active span{color:#374151;background:#e5e7eb}.accounts-search-wrap{flex:0 0 220px;width:220px;max-width:100%;position:relative}@media (max-width:768px){.accounts-controls-bar{flex-wrap:wrap;gap:8px;min-height:0;padding:8px 12px 10px}.accounts-role-tabs{width:100%}.accounts-tab{height:36px;padding:0 10px}.accounts-search-wrap{flex:100%;width:100%}}.acc-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.accounts-search-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:7px;outline:none;width:100%;height:32px;padding:0 28px 0 32px;font-size:.8125rem;transition:border-color .12s,box-shadow .12s}.accounts-search-input::placeholder{color:#9ca3af}.accounts-search-input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #0f172a0f}.acc-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.acc-clear-btn:hover{color:#111827}.accounts-table-wrap{width:100%;overflow-x:auto}.accounts-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.accounts-table th:first-child{width:36%}.accounts-table th:nth-child(2),.accounts-table th:nth-child(3){width:16%}.accounts-table th:nth-child(4){width:18%}.accounts-table th:nth-child(5){width:14%}.accounts-table th{color:#9ca3af;text-transform:none;letter-spacing:0;white-space:nowrap;background:#fff;border-bottom:1px solid #eef2f7;padding:10px 20px;font-size:.6875rem;font-weight:500}.accounts-table td{vertical-align:middle;color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 20px;font-size:.8125rem}.accounts-table tbody tr{cursor:pointer;transition:background-color .1s}.accounts-table tbody tr:hover{background-color:#f9fafb}.accounts-table tbody tr:last-child td{border-bottom:none}.accounts-table tbody tr.current-user-row{background-color:#f9fafb}.accounts-table tbody tr.current-user-row:hover{background-color:#f3f4f6}.acc-user-cell{align-items:center;gap:10px;min-width:0;display:flex}.acc-user-avatar{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.6875rem;font-weight:600;display:flex}.acc-user-avatar.admin,.acc-user-avatar.staff,.acc-user-avatar.finance{color:#374151;box-shadow:none;background:#f3f4f6}.acc-user-info{flex-direction:column;gap:1px;min-width:0;display:flex}.acc-email-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.acc-user-email{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8125rem;font-weight:500;overflow:hidden}.current-user-tag{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:1px 6px;font-size:.625rem;font-weight:600;display:inline-flex}.acc-user-id{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem}.acc-role-pill{letter-spacing:0;color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.acc-role-pill.admin,.acc-role-pill.staff,.acc-role-pill.finance{color:#4b5563;background:#f9fafb;border-color:#e5e7eb}.acc-date-cell{color:#6b7280;align-items:center;gap:6px;font-size:.8125rem;display:flex}.acc-last-active-cell{align-items:center;gap:8px;display:flex}.active-indicator-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.active-indicator-dot.recent{box-shadow:none;background:#6b7280}.active-indicator-dot.inactive{background:#d1d5db}.acc-active-text{flex-direction:column;display:flex}.acc-active-label{color:#374151;font-size:.8125rem;font-weight:500}.acc-active-sub{color:#9ca3af;font-size:.6875rem}.acc-actions-wrap{opacity:.55;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .12s;display:flex}.accounts-table tbody tr:hover .acc-actions-wrap{opacity:1}.btn-acc-edit{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;height:28px;padding:0 10px;font-size:.75rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn-acc-edit:hover{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.btn-acc-delete{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn-acc-delete svg{stroke:currentColor;width:14px;height:14px;display:block}.btn-acc-delete:hover{color:#e11d48;background:#fef2f2;border-color:#fecdd3}.accounts-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:56px 20px;display:flex}.accounts-empty-state h5{color:#111827;margin:4px 0 0;font-size:.9375rem;font-weight:600}.accounts-empty-state p{color:#9ca3af;margin:0 0 8px;font-size:.8125rem}.modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.acc-clickable-row{cursor:pointer;transition:background-color .15s,transform .1s}.acc-clickable-row:hover{background-color:#f1f5f9!important}.acc-clickable-row.current-user-row:hover{background-color:#dcfce7!important}.acc-modal-dialog{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;width:100%!important;max-width:540px!important;padding:0!important;animation:.2s modalPopIn!important;overflow:hidden!important;box-shadow:0 16px 40px -12px #0f172a2e,0 0 0 1px #0000000a!important}@media (max-width:620px){.acc-modal-dialog{margin:12px auto;max-width:calc(100vw - 24px)!important}}.acc-delete-dialog{max-width:440px!important}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.acc-modal-head{background:#fff!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:18px 22px!important;display:flex!important}.acc-delete-head{background:#fff!important;border-bottom-color:#f1f5f9!important}.acc-modal-title-wrap{align-items:center;gap:12px;display:flex}.acc-modal-icon-chip{color:#4b5563;width:36px;height:36px;box-shadow:none;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.acc-modal-icon-chip.danger{color:#6b7280;box-shadow:none;background:#f9fafb;border-color:#e5e7eb}.acc-modal-title{letter-spacing:-.02em;color:#111827!important;margin:0!important;font-size:1rem!important;font-weight:600!important;line-height:1.3!important}.acc-modal-subtitle{color:#9ca3af!important;margin-top:2px!important;font-size:.75rem!important;font-weight:400!important;display:block!important}.acc-user-overview-box{background:#fafafa;border:1px solid #eef2f7;border-radius:10px;align-items:center;gap:12px;margin:16px 22px 0;padding:12px 14px;display:flex}.acc-overview-avatar,.acc-overview-avatar.admin,.acc-overview-avatar.finance,.acc-overview-avatar.staff{color:#374151;width:36px;height:36px;box-shadow:none;background:#e5e7eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.acc-overview-info{flex-direction:column;gap:2px;min-width:0;display:flex}.acc-overview-email{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.acc-overview-meta{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.acc-modal-body{padding:18px 22px!important}.acc-field-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.acc-field-hint{color:#9ca3af;font-size:.72rem;font-weight:400}.acc-field-label{color:#6b7280!important;text-transform:none!important;letter-spacing:0!important;margin-bottom:8px!important;font-size:.75rem!important;font-weight:500!important;display:block!important}.acc-role-cards-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:520px){.acc-role-cards-grid{grid-template-columns:1fr}}.acc-role-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:108px;padding:12px;transition:border-color .12s,background .12s;display:flex}.acc-role-card:hover{background:#fafafa;border-color:#d1d5db}.acc-role-card.selected,.acc-role-card.role-staff.selected,.acc-role-card.role-finance.selected,.acc-role-card.role-admin.selected{background:#f9fafb;border-color:#111827;box-shadow:inset 0 0 0 1px #111827}.acc-role-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.acc-role-icon-badge,.acc-role-icon-badge.staff,.acc-role-icon-badge.finance,.acc-role-icon-badge.admin{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.acc-role-info{flex-direction:column;display:flex}.acc-role-name{color:#111827;margin-bottom:4px;font-size:.8125rem;font-weight:600;line-height:1.2}.acc-role-badge,.acc-role-badge.staff,.acc-role-badge.finance,.acc-role-badge.admin{display:none}.acc-role-radio{background:#fff;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .12s,background .12s;position:relative}.acc-role-card.selected .acc-role-radio,.acc-role-card.role-staff.selected .acc-role-radio,.acc-role-card.role-finance.selected .acc-role-radio,.acc-role-card.role-admin.selected .acc-role-radio{background:#111827;border-color:#111827}.acc-role-card.selected .acc-role-radio:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.acc-role-desc{color:#9ca3af;margin:0;font-size:.7rem;line-height:1.35}.acc-password-section{background:#fafafa;border:1px solid #eef2f7;border-radius:10px;margin-top:14px;padding:14px}.acc-password-header{color:#374151;align-items:center;gap:6px;margin-bottom:12px;font-size:.8125rem;font-weight:500;display:flex}.acc-password-input-wrap{align-items:center;display:flex;position:relative}.acc-styled-input{color:#111827!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;outline:none!important;width:100%!important;height:38px!important;padding:0 40px 0 14px!important;font-size:.8125rem!important;transition:border-color .12s,box-shadow .12s!important}.acc-styled-input.with-icon{padding-left:36px!important;padding-right:40px!important}.acc-styled-input:focus{background:#fff!important;border-color:#9ca3af!important;box-shadow:0 0 0 3px #0f172a0f!important}.acc-input-icon-wrap{align-items:center;display:flex;position:relative}.acc-input-icon{color:#9ca3af;pointer-events:none;position:absolute;left:12px}.acc-pwd-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .12s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.acc-pwd-toggle:hover{color:#111827}.acc-modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:14px 22px 18px!important;display:flex!important}.acc-modal-footer .btn-modal-primary{color:#fff!important;box-shadow:none!important;background:#111827!important;border-color:#111827!important}.acc-modal-footer .btn-modal-primary:hover:not(:disabled){background:#1f2937!important}.acc-modal-footer .btn-modal-secondary{color:#4b5563!important;background:#fff!important;border:1px solid #e5e7eb!important}.acc-delete-body{flex-direction:column;gap:16px;padding:20px 24px 10px;display:flex}.acc-delete-warning-banner{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.acc-warning-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.acc-delete-warning-banner strong{color:#991b1b;font-size:.85rem;display:block}.acc-delete-warning-banner p{color:#b91c1c;margin:2px 0 0;font-size:.78rem;line-height:1.35}.acc-delete-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.acc-delete-target-email{color:#0f172a;font-size:.88rem;font-weight:700}.acc-delete-target-role{color:#64748b;font-size:.74rem}.btn-acc-delete-confirm{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important;font-weight:700!important}.btn-acc-delete-confirm:hover{background:#b91c1c!important}.logs-filters-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.logs-filter-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;height:38px;padding:0 12px;font-size:.84rem;font-weight:500;transition:all .15s}.logs-filter-select:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926}.logs-date-filter-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.logs-date-input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:32px;padding:0 6px;font-size:.8rem}.logs-date-sep{color:#94a3b8;font-size:.75rem;font-weight:600}.log-time-cell{align-items:center;gap:8px;display:flex}.log-time-icon{color:#94a3b8;flex-shrink:0}.log-time-text{flex-direction:column;display:flex}.log-date-label{color:#1e293b;font-size:.84rem;font-weight:700}.log-time-sub{color:#64748b;font-family:monospace;font-size:.72rem}.log-operator-cell{align-items:center;gap:10px;display:flex}.log-operator-avatar{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:flex}.log-operator-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.log-operator-email{color:#0f172a;font-size:.84rem;font-weight:600}.log-you-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:0 5px;font-size:.65rem;font-weight:700}.log-badge{letter-spacing:.01em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.log-badge-auth{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.log-badge-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.log-badge-warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.log-badge-danger{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.log-badge-purple{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.log-badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.log-target-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.log-target-pill{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:700}.log-target-pill.emerald{color:#065f46;background:#d1fae5}.log-target-pill.blue{color:#1e40af;background:#dbeafe}.log-target-pill.purple{color:#5b21b6;background:#ede9fe}.log-target-pill.indigo{color:#3730a3;background:#e0e7ff}.log-target-pill.amber{color:#92400e;background:#fef3c7}.log-target-name{color:#0f172a;font-size:.85rem;font-weight:700}.log-details-preview{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.log-detail-chip{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-width:220px;padding:2px 8px;font-family:monospace;font-size:.74rem;overflow:hidden}.log-detail-chip.raw{color:#64748b;background:#f1f5f9;font-weight:600}.log-modal-meta-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.log-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.log-meta-item.full{grid-column:span 2}.log-meta-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.7rem;font-weight:700}.log-meta-val{color:#0f172a;font-size:.88rem}.log-meta-val.highlight{color:#065f46;font-weight:800}.log-meta-val.code{color:#64748b;font-family:monospace;font-size:.78rem}.log-payload-section{background:#0f172a;border-radius:12px;overflow:hidden}.log-payload-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;background:#1e293b;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.74rem;font-weight:700;display:flex}.log-copy-payload-btn{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;transition:all .15s;display:inline-flex}.log-copy-payload-btn:hover{background:#fff3}.log-payload-code{color:#38bdf8;max-height:220px;margin:0;padding:14px;font-family:monospace;font-size:.78rem;line-height:1.45;overflow:auto}.dist-scanner-panel,.dist-select-panel{box-sizing:border-box;background:#fff;flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex;overflow-x:hidden}.dist-panel-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;padding-bottom:16px;display:flex}.dist-header-title-wrap{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.dist-header-icon-box{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #05966933}.dist-header-text{flex:1;min-width:0}.dist-header-badge-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dist-gov-seal-badge{letter-spacing:.06em;text-transform:uppercase;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.dist-header-main-title{color:#0f172a;letter-spacing:-.01em;margin:4px 0 2px;font-size:1.25rem;font-weight:800;line-height:1.25}.dist-programs-count-badge{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;font-size:.74rem!important;font-weight:700!important}.dist-header-sub{color:#64748b;margin:2px 0 0;font-size:.82rem;line-height:1.4}.dist-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dist-header-btn{border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.dist-kpi-ribbon{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.dist-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s;display:flex}.dist-kpi-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.dist-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem;font-weight:700}.dist-kpi-value-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dist-kpi-value{color:#0f172a;font-size:1.3rem;font-weight:800;line-height:1}.dist-kpi-emerald{color:#059669}.dist-kpi-strict{color:#059669;font-size:1.05rem}.dist-kpi-allow{color:#d97706;font-size:1.05rem}.dist-kpi-ready{color:#059669;align-items:center;gap:6px;font-size:1.1rem;display:inline-flex}.dist-kpi-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite distPulse;display:inline-block;box-shadow:0 0 0 2px #10b98133}@keyframes distPulse{0%{transform:scale(.95);box-shadow:0 0 #10b98199}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dist-kpi-subtext{color:#94a3b8;white-space:nowrap;font-size:.74rem;font-weight:600}.dist-select-hero{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #059669;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.dist-select-hero-left{flex:1;align-items:center;gap:14px;min-width:260px;display:flex}.dist-select-hero-icon{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dist-select-hero-text h4{color:#0f172a;margin:0 0 2px;font-size:.95rem;font-weight:800}.dist-select-hero-text p{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}.dist-select-hero-policy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dist-policy-sublabel{color:#334155;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:800}.dist-select-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.dist-select-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:0;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.dist-select-card:hover{border-color:var(--cat-color,#059669);box-shadow:0 12px 28px -6px #0000001f, 0 0 0 1px var(--cat-color,#059669);transform:translateY(-3px)}.dist-select-card-header{background:var(--cat-color,#059669);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.dist-card-badge-group{align-items:center;gap:6px;display:flex}.dist-select-card-header .dist-prog-code{color:#fff;letter-spacing:.02em;background:#00000038;border:1px solid #ffffff4d;border-radius:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:800}.dist-select-card-header .dist-prog-status{color:#fff;background:#ffffff38;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.dist-select-card-header .dist-status-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #fffc}.dist-select-card-header .dist-select-count-pill{color:#fff;background:#ffffff40;border:1px solid #fff6;border-radius:20px;padding:2px 9px;font-size:.74rem;font-weight:800}.dist-select-card-body{flex:1;align-items:center;padding:18px 16px 14px;display:flex}.dist-card-header-cluster{align-items:center;gap:12px;width:100%;display:flex}.dist-select-card-icon{border:1px solid #0000000f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dist-card-title-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dist-select-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800;line-height:1.25}.dist-select-card-footer{padding:0 16px 16px}.dist-select-action-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.dist-select-card:hover .dist-select-action-btn{background:var(--cat-color,#059669);border-color:var(--cat-color,#059669);color:#fff;box-shadow:0 4px 12px #0000001a}.dist-select-card:hover .dist-select-action-btn svg{transform:translate(4px)}.dist-select-action-btn svg{transition:transform .2s}.dist-scanner-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.dist-scanner-nav-cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dist-back-btn{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.dist-scanner-active-program-info{align-items:center;gap:8px;display:flex}.dist-active-prog-code{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;font-weight:800}.dist-active-cat-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.dist-cat-reserved-tag{text-transform:uppercase;color:#fff;letter-spacing:.03em;background:#0284c7;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:800}.dist-policy-toolbar{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.dist-duplicate-toggle-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dist-toggle-label{color:#475569;font-size:.82rem;font-weight:700}.dist-toggle-btn-group{background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.dist-policy-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .16s;display:inline-flex}.dist-policy-btn.active-strict,.dist-policy-btn.active-allow{color:#fff;background:#059669;box-shadow:0 1px 3px #05966940}.dist-policy-status-pill{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.dist-status-bullet{border-radius:50%;width:6px;height:6px;display:inline-block}.dist-status-bullet.strict{background:#059669;box-shadow:0 0 0 2px #05966933}.dist-status-bullet.allow{background:#d97706;box-shadow:0 0 0 2px #d9770633}.dist-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.dist-mode-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .16s;display:inline-flex}.dist-mode-toggle button.active{color:#fff;background:#059669;box-shadow:0 1px 3px #05966940}.dist-mode-toggle button:hover:not(.active){color:#0f172a;background:#f1f5f9}.dist-result-categories-section{background:#f8fafc;border-top:1px solid #f1f5f9;padding:14px 18px}.dist-result-section-label{text-transform:uppercase;color:#475569;letter-spacing:.04em;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.dist-result-categories-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.dist-result-cat-chip{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.dist-result-cat-chip.claimed{font-weight:700}.dist-chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dist-chip-status{font-weight:800}@media (max-width:1200px){.dist-kpi-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dist-select-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.dist-select-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dist-kpi-ribbon{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width:768px){.dist-scanner-panel,.dist-select-panel{gap:10px!important;padding:8px!important}.dist-panel-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-bottom:10px!important}.dist-header-title-wrap{gap:10px!important;width:100%!important}.dist-header-icon-box{border-radius:10px!important;width:38px!important;height:38px!important}.dist-gov-seal-badge{padding:1px 5px!important;font-size:.58rem!important}.dist-programs-count-badge{padding:1px 5px!important;font-size:.65rem!important}.dist-header-main-title{margin:2px 0 1px!important;font-size:1.02rem!important}.dist-header-sub{font-size:.74rem!important}.dist-header-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;display:grid!important}.dist-header-actions button,.dist-header-btn{justify-content:center!important;width:100%!important;padding:6px 8px!important;font-size:.74rem!important}.dist-policy-toolbar{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:8px 10px!important}.dist-duplicate-toggle-box{flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:100%!important}.dist-toggle-label{font-size:.76rem!important}.dist-toggle-btn-group{grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.dist-policy-btn{white-space:nowrap!important;justify-content:center!important;width:100%!important;padding:6px 4px!important;font-size:.72rem!important}.dist-policy-status-pill{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:3px 6px!important;font-size:.68rem!important}.dist-select-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dist-select-card{border-radius:10px!important}.dist-select-card-header{padding:6px 8px!important}.dist-select-card-header .dist-prog-status{display:none!important}.dist-select-card-header .dist-prog-code{white-space:nowrap!important;padding:1px 5px!important;font-size:.64rem!important}.dist-select-card-header .dist-select-count-pill{white-space:nowrap!important;padding:1px 6px!important;font-size:.65rem!important}.dist-select-card-body{padding:10px 8px 8px!important}.dist-card-header-cluster{gap:8px!important}.dist-select-card-icon{border-radius:8px!important;width:32px!important;height:32px!important}.dist-select-card-title{font-size:.82rem!important;line-height:1.2!important}.dist-select-card-footer{padding:0 8px 8px!important}.dist-select-action-btn{border-radius:6px!important;padding:6px 8px!important;font-size:.72rem!important}.dist-mode-toggle{grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;display:grid!important}.dist-mode-toggle button{justify-content:center!important;padding:6px 4px!important;font-size:.74rem!important}.dist-scanner-topbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.dist-scanner-nav-cluster{justify-content:space-between!important;width:100%!important}.dist-result-categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.dist-select-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.dist-gov-seal-badge{display:none!important}.dist-select-card-header{padding:5px 6px!important}.dist-select-card-body{padding:8px 6px 6px!important}.dist-select-card-footer{padding:0 6px 6px!important}.dist-select-card-icon{border-radius:6px!important;width:28px!important;height:28px!important}.dist-select-card-title{font-size:.78rem!important}.dist-select-card-header .dist-prog-code,.dist-select-card-header .dist-select-count-pill{padding:1px 4px!important;font-size:.6rem!important}.dist-policy-btn{padding:5px 3px!important;font-size:.7rem!important}.dist-mode-toggle button{padding:6px 2px!important;font-size:.7rem!important}}@media (max-width:1200px){.dist-dashboard-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dist-dashboard-cards-grid{grid-template-columns:1fr}}.dist-dash-cat-card:before{content:"";background:var(--cat-color);opacity:.7;height:4px;position:absolute;top:0;left:0;right:0}.dist-dash-cat-card:hover{border-color:var(--cat-color);transform:translateY(-3px);box-shadow:0 12px 28px -6px #0000001a}.dist-dash-cat-icon{background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dist-dash-cat-stats{text-align:right}.dist-dash-cat-count{font-size:1.35rem;font-weight:800;line-height:1.1;display:block}.dist-dash-cat-info{flex-direction:column;display:flex}.dist-dash-cat-name{color:#0f172a;font-size:.95rem}.dist-dash-cat-tagalog{color:#64748b;font-size:.76rem}.dist-dash-progress-track{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.dist-dash-cat-action{color:#059669;justify-content:flex-end;align-items:center;font-size:.75rem;font-weight:700;display:flex}.dist-member-modal-section{background:#fff}.dist-member-modal-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid}@media (max-width:768px){.dist-member-modal-grid{grid-template-columns:repeat(2,1fr)}}.dist-member-cat-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dist-member-cat-card:hover{border-color:var(--cat-color);transform:translateY(-2px);box-shadow:0 4px 14px #0000000f}.dist-member-cat-card.claimed{border-color:var(--cat-color);background:#fff;box-shadow:0 2px 8px #0000000a}.dist-member-cat-card.your-em-card.claimed{background:#f0fdf4}.dist-member-cat-card.active-selected{border-color:var(--cat-color)!important;background:#fff!important;box-shadow:0 0 0 3px #05966926,0 6px 18px #00000014!important}.dist-card-click-hint{color:#94a3b8;margin-top:2px;font-size:.64rem;font-weight:600;transition:color .15s}.dist-member-cat-card:hover .dist-card-click-hint,.dist-member-cat-card.active-selected .dist-card-click-hint{color:var(--cat-color)}.dist-member-cat-top{justify-content:space-between;align-items:center;display:flex}.dist-member-top-badge-group,.card-aid-top-badge-group{align-items:center;gap:6px;display:inline-flex}.dist-claim-dots-row{background:#0000000a;border-radius:999px;align-items:center;gap:3.5px;padding:2px 5px;display:inline-flex}.dist-claim-dot{border-radius:50%;width:7px;height:7px;transition:transform .18s;animation:.25s cubic-bezier(.16,1,.3,1) dotPop;display:inline-block}@keyframes dotPop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.dist-claim-dots-more{padding:0 2px;font-size:.62rem;font-weight:800;line-height:1}.dist-chip-claims-wrap{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.dist-chip-dots{align-items:center;gap:2.5px;display:inline-flex}.dist-chip-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dist-chip-dots-more{font-size:.58rem;font-weight:800;line-height:1}.dist-member-cat-pill{border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:700}.dist-member-cat-pill.claimed{color:#059669;background:#ecfdf5}.dist-member-cat-pill.unclaimed{color:#94a3b8;background:#f1f5f9}.dist-member-cat-name{color:#0f172a;font-size:.84rem}.dist-member-aid-detail-box{border:1.5px solid #e2e8f0;border-left:4px solid var(--detail-color,#059669);background:#fff;border-radius:12px;margin-top:14px;padding:16px;animation:.22s fadeInDown;box-shadow:0 4px 16px #0000000a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dist-detail-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.dist-detail-title-cluster{align-items:center;gap:10px;display:flex}.dist-detail-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dist-detail-title-cluster h5{color:#0f172a;margin:0;font-size:.96rem;font-weight:800}.dist-detail-title-cluster span{color:#64748b;font-size:.74rem}.dist-detail-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .15s;display:flex}.dist-detail-close-btn:hover{color:#0f172a;background:#e2e8f0}.dist-detail-timeline{flex-direction:column;gap:10px;display:flex}.dist-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .15s;display:flex}.dist-detail-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #00000008}.dist-item-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.dist-item-claim-badge{border:1px solid;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:800}.dist-item-date{color:#475569;font-size:.78rem;font-weight:600}.dist-item-grid{color:#64748b;grid-template-columns:repeat(3,1fr);gap:8px;font-size:.76rem;display:grid}@media (max-width:640px){.dist-item-grid{grid-template-columns:1fr;gap:4px}}.dist-item-grid strong{color:#0f172a}.dist-item-notes{color:#475569;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;padding:6px 10px;font-size:.76rem}.dist-detail-empty{text-align:center;color:#64748b;padding:20px 10px;font-size:.84rem}.dist-member-claims-list{flex-direction:column;gap:3px;margin-top:2px;display:flex}.dist-member-cat-date{color:#475569;background:#f1f5f9;border-radius:5px;align-items:center;gap:4px;width:fit-content;padding:2px 6px;font-size:.67rem;font-weight:600;display:inline-flex}.card-dash-aid-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 14px #00000008}.card-dash-aid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.card-dash-aid-title-wrap{align-items:center;gap:10px;display:flex}.card-dash-aid-icon-chip{color:#059669;background:#ecfdf5;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-dash-aid-title-wrap h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.card-dash-aid-subtitle{color:#64748b;font-size:.75rem;display:block}.card-dash-aid-count-badge{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:4px 10px;font-size:.74rem;font-weight:700}.card-dash-aid-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:500px){.card-dash-aid-grid{grid-template-columns:1fr}}.card-aid-badge-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.card-aid-badge-card:before{content:"";background:var(--cat-color);opacity:.3;width:3.5px;position:absolute;top:0;bottom:0;left:0}.card-aid-badge-card.claimed{border-color:var(--cat-color);background:#fff;box-shadow:0 4px 12px -2px #0000000d}.card-aid-badge-card.claimed:before{opacity:1}.card-aid-badge-card.your-em-card.claimed{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%)}.card-aid-badge-top{justify-content:space-between;align-items:center;display:flex}.card-aid-badge-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 3px #0000000d}.card-aid-status-pill{border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.card-aid-status-pill.claimed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.card-aid-status-pill.unclaimed{color:#94a3b8;background:#f1f5f9}.card-aid-badge-name strong{color:#0f172a;font-size:.88rem;display:block}.card-aid-badge-sub{color:#64748b;font-size:.74rem}.card-aid-badge-meta{color:#059669;align-items:center;gap:4px;margin-top:2px;font-size:.7rem;font-weight:600;display:flex}.dist-claim-badge{color:#0284c7;background:#e0f2fe;border-radius:6px;padding:2px 7px;font-size:.74rem;font-weight:700}@media (max-width:768px){.modal-card.member-detail-card,.member-detail-card{border-radius:14px!important;width:95vw!important;max-width:95vw!important;max-height:92vh!important;margin:8px auto!important;overflow:hidden!important}.modal-card.member-detail-card .modal-header.gov-modal-header,.member-detail-card .modal-header.gov-modal-header{gap:8px!important;padding:10px 14px!important}.gov-modal-header-brand{gap:10px!important}.gov-modal-header-seal{border-radius:8px!important;width:32px!important;height:32px!important}.gov-modal-header-pre{letter-spacing:.04em!important;font-size:.54rem!important}.gov-modal-header-main{font-size:.94rem!important;line-height:1.2!important}.gov-modal-header-sub{display:none!important}.member-detail-card .modal-close-x{border-radius:6px!important;width:28px!important;height:28px!important;font-size:.82rem!important}.member-modal-tabs.gov-modal-tabs{-webkit-overflow-scrolling:touch!important;gap:6px!important;padding:6px 12px!important;overflow-x:auto!important}.member-modal-tabs.gov-modal-tabs .member-modal-tab{white-space:nowrap!important;gap:5px!important;padding:6px 12px!important;font-size:.74rem!important}.modal-card.member-detail-card .modal-body,.member-detail-card .modal-body{max-height:80vh!important;padding:12px!important}.gov-profile-hero{border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;padding:12px!important}.gov-hero-left{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important}.gov-hero-avatar{border-radius:12px!important;width:72px!important;height:72px!important}.gov-hero-name{text-align:center!important;margin-bottom:4px!important;font-size:1.05rem!important}.gov-hero-tags{justify-content:center!important;gap:4px!important;margin-bottom:6px!important}.gov-chip{padding:2px 6px!important;font-size:.66rem!important}.gov-hero-ids{justify-content:center!important;gap:6px!important}.gov-id-pill{padding:2px 7px!important;font-size:.68rem!important}.gov-hero-precinct-box{min-width:unset!important;text-align:center!important;border-radius:10px!important;width:100%!important;padding:10px 12px!important}.gov-precinct-tag{justify-content:center!important;font-size:.58rem!important}.gov-precinct-number{margin:1px 0 2px!important;font-size:1.35rem!important}.gov-precinct-jurisdiction{font-size:.68rem!important}.gov-precinct-stats{justify-content:center!important;gap:6px!important;font-size:.6rem!important}.gov-actions-ribbon{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;margin-bottom:12px!important;display:grid!important}.gov-btn{justify-content:center!important;width:100%!important;padding:7px 10px!important;font-size:.74rem!important}.gov-btn-portal{grid-column:1/-1!important;margin-left:0!important}.gov-qr-body{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:10px!important}.gov-qr-visual{justify-content:center!important;width:100%!important;display:flex!important}.gov-qr-frame{width:fit-content!important;margin:0 auto!important;padding:6px!important}.gov-qr-details{gap:8px!important;width:100%!important}.gov-token-box{padding:8px 10px!important}.gov-token-label{font-size:.58rem!important}.gov-token-code{font-size:.82rem!important}.gov-qr-url-box{align-items:center!important}.gov-url-text{word-break:break-all!important;text-align:center!important;font-size:.7rem!important}.gov-qr-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;display:grid!important}.gov-qr-actions button,.gov-qr-actions a{justify-content:center!important;width:100%!important;padding:6px 8px!important;font-size:.72rem!important}.dist-member-modal-section{border-radius:12px!important;padding:12px!important}.dist-member-modal-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px 0!important}.dist-member-cat-card{min-height:unset!important;border-radius:10px!important;gap:5px!important;padding:10px 8px 8px!important}.dist-member-cat-top{justify-content:space-between!important;align-items:center!important;gap:4px!important;display:flex!important}.dist-member-cat-icon{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;display:flex!important}.dist-member-cat-pill{white-space:nowrap!important;letter-spacing:-.01em!important;border-radius:5px!important;padding:2px 5px!important;font-size:.62rem!important;font-weight:700!important}.dist-member-cat-name{color:#0f172a!important;margin-top:2px!important;font-size:.76rem!important;font-weight:700!important;line-height:1.25!important}.dist-member-aid-detail-box{border-radius:10px!important;margin-top:10px!important;padding:12px!important}.dist-detail-header{gap:8px!important;margin-bottom:8px!important;padding-bottom:8px!important}.dist-detail-icon{border-radius:8px!important;width:30px!important;height:30px!important}.dist-detail-title-cluster h5{font-size:.86rem!important;line-height:1.2!important}.dist-detail-title-cluster span{font-size:.68rem!important}.dist-detail-close-btn{width:24px!important;height:24px!important;font-size:.75rem!important}.dist-detail-item{border-radius:8px!important;gap:6px!important;padding:8px 10px!important}.dist-item-top{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}.dist-item-claim-badge{padding:2px 6px!important;font-size:.68rem!important}.dist-item-date{font-size:.72rem!important}.dist-item-grid{grid-template-columns:1fr!important;gap:4px!important;font-size:.72rem!important}.modal-overlay.scan-result-overlay,.scan-result-overlay{justify-content:center!important;align-items:center!important;padding:12px!important;display:flex!important}.modal-card.scan-result-modal,.scan-result-modal{border-radius:14px!important;place-self:center!important;width:min(440px,94vw)!important;max-width:min(440px,94vw)!important;max-height:88vh!important;margin:auto!important;overflow:hidden auto!important}.scan-result-modal .scan-result-badge{border-radius:8px!important;margin:10px 10px 8px!important;padding:8px 10px!important;font-size:.8rem!important}.scan-result-modal .scan-result-badge svg{width:20px!important;height:20px!important}.scan-result-modal .scan-result-profile{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:0 10px 10px!important}.scan-result-modal .scan-result-photo{border-radius:12px!important;width:68px!important;height:68px!important}.scan-result-modal .scan-result-info h2{margin-bottom:6px!important;font-size:1.02rem!important;line-height:1.25!important}.scan-result-modal .scan-result-meta-grid{grid-template-columns:1fr 1fr!important;gap:4px 6px!important;width:100%!important;display:grid!important}.scan-result-modal .scan-result-meta-grid span{justify-content:center!important;padding:2px 6px!important;font-size:.7rem!important}.dist-result-categories-section{padding:10px 12px!important}.dist-result-categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:5px!important}.dist-result-cat-chip{border-radius:6px!important;gap:4px!important;padding:5px 6px!important;font-size:.7rem!important}.scan-result-modal .scan-result-footer{flex-direction:column!important;gap:8px!important;margin:0 10px 10px!important;padding:10px 0 0!important}.scan-result-modal .scan-result-footer button{justify-content:center!important;width:100%!important;padding:8px 12px!important;font-size:.78rem!important}}@media (max-width:480px){.dist-member-modal-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.dist-member-cat-card{padding:8px 6px 6px!important}.dist-member-cat-pill{padding:1px 4px!important;font-size:.58rem!important}.dist-member-cat-name{font-size:.72rem!important}.gov-modal-header-main{font-size:.88rem!important}.gov-actions-ribbon{grid-template-columns:1fr!important}}.dist-dash-header-ribbon{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000008}.dist-dash-title-wrap{flex:1;align-items:center;gap:14px;min-width:280px;display:flex}.dist-dash-icon-badge{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #0596694d}.dist-dash-main-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 2px;font-size:1.15rem;font-weight:800}.dist-dash-subtitle{color:#64748b;font-size:.78rem;font-weight:500}.dist-dash-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dist-dashboard-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 20px;display:grid}@media (max-width:1100px){.dist-dashboard-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dist-dashboard-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}}.dist-dash-cat-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dist-dash-cat-card:hover{border-color:var(--cat-color);box-shadow:0 8px 24px -4px #00000014, 0 0 0 1px var(--cat-color);transform:translateY(-3px)}.dist-dash-cat-card.your-em-dash-card{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%)}.dist-dash-cat-top{justify-content:space-between;align-items:center;display:flex}.dist-dash-cat-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.dist-dash-cat-card:hover .dist-dash-cat-icon{transform:scale(1.08)}.dist-dash-cat-stats{text-align:right;flex-direction:column;display:flex}.dist-dash-cat-count{font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.45rem;font-weight:900;line-height:1.1}.dist-dash-cat-pct{color:#64748b;font-size:.7rem;font-weight:700}.dist-dash-cat-info{flex-direction:column;gap:2px;display:flex}.dist-dash-cat-title-row{align-items:center;gap:6px;display:flex}.dist-dash-cat-name{color:#0f172a;font-size:.94rem;font-weight:800}.dist-dash-cat-tagalog{color:#94a3b8;font-size:.72rem;font-weight:500}.dist-dash-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;margin-top:2px;overflow:hidden}.dist-dash-progress-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.dist-dash-cat-action{color:#64748b;margin-top:2px;font-size:.72rem;font-weight:700;transition:color .15s}.dist-dash-cat-card:hover .dist-dash-cat-action{color:var(--cat-color)}.dist-analytics-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.dist-analytics-grid-2col{grid-template-columns:1fr}}.dist-analytics-subpanel{flex-direction:column;display:flex}.dist-brgy-leaderboard{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.dist-brgy-row{align-items:center;gap:12px;display:flex}.dist-brgy-rank{color:#64748b;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.dist-brgy-row:first-child .dist-brgy-rank{color:#b45309;background:#fef3c7}.dist-brgy-row:nth-child(2) .dist-brgy-rank{color:#475569;background:#f1f5f9}.dist-brgy-row:nth-child(3) .dist-brgy-rank{color:#c2410c;background:#ffedd5}.dist-brgy-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dist-brgy-title-line{justify-content:space-between;align-items:center;display:flex}.dist-brgy-title-line strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.dist-brgy-count-badge{color:#059669;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.72rem;font-weight:700}.dist-brgy-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.dist-brgy-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#059669 100%);border-radius:999px;height:100%;transition:width .5s}.dist-timeline-chart-wrap{align-items:flex-end;min-height:240px;padding:20px;display:flex}.dist-timeline-bars{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;gap:6px;width:100%;height:200px;padding-bottom:24px;display:flex;position:relative}.dist-timeline-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex;position:relative}.dist-timeline-bar-count{color:#059669;height:14px;font-size:.64rem;font-weight:800;line-height:14px}.dist-timeline-bar-track{background:#f8fafc;border-radius:6px 6px 2px 2px;align-items:flex-end;width:100%;max-width:22px;height:100%;display:flex;overflow:hidden}.dist-timeline-bar-fill{background:#10b981;border-radius:6px 6px 2px 2px;width:100%;transition:height .5s}.dist-timeline-bar-fill.peak{background:linear-gradient(#f59e0b 0%,#059669 100%);box-shadow:0 0 10px #f59e0b66}.dist-timeline-bar-label{color:#94a3b8;white-space:nowrap;font-size:.6rem;font-weight:700;position:absolute;bottom:-20px}.dist-ledger-panel-header{flex-wrap:wrap;gap:12px}.dist-ledger-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dist-ledger-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;width:240px;padding:6px 10px;display:flex}.dist-ledger-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.78rem}.dist-ledger-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:.76rem;font-weight:600}.dist-ledger-table-wrap{padding:0}.dist-ledger-table{border-collapse:collapse;width:100%}.dist-ledger-row{transition:background .15s}.dist-ledger-row:hover{background:#f8fafc}.dist-beneficiary-cell{align-items:center;gap:10px;display:flex}.dist-beneficiary-photo{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.dist-beneficiary-photo img{object-fit:cover;width:100%;height:100%}.dist-beneficiary-name{color:#0f172a;font-size:.84rem;display:block}.dist-beneficiary-cardno{color:#64748b;font-family:ui-monospace,monospace;font-size:.7rem}.dist-ledger-brgy{color:#334155;font-size:.8rem;font-weight:600}.dist-ledger-cat-pill{border:1px solid;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.dist-ledger-officer{color:#475569;font-size:.78rem;font-weight:600}.dist-ledger-timestamp{color:#64748b;font-size:.74rem;font-weight:500}.dist-dash-empty-notice{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px 16px;font-size:.82rem;display:flex}.dist-category-rankings-list{flex-direction:column;gap:8px;display:flex}.dist-cat-rank-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.dist-cat-rank-row:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000a}.dist-cat-rank-badge{color:#475569;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.76rem;font-weight:800;display:flex}.dist-cat-rank-badge.rank-1{color:#713f12;background:linear-gradient(135deg,#fef08a,#eab308);box-shadow:0 2px 8px #eab30840}.dist-cat-rank-badge.rank-2{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#94a3b8)}.dist-cat-rank-badge.rank-3{color:#7c2d12;background:linear-gradient(135deg,#ffedd5,#f97316)}.dist-cat-rank-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dist-cat-rank-info{flex:1;min-width:0}.dist-cat-rank-title-line{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.dist-cat-rank-name{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.dist-cat-rank-count{color:#475569;font-size:.74rem;font-weight:700}.dist-cat-rank-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.dist-cat-rank-fill{border-radius:999px;height:100%;transition:width .5s}.dist-top-residents-list{flex-direction:column;gap:8px;display:flex}.dist-top-resident-row{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.dist-top-resident-row:hover{background:#fff;border-color:#10b98140;transform:translate(3px);box-shadow:0 4px 14px #10b98114}.dist-resident-rank-badge{color:#475569;background:#e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.76rem;font-weight:800;display:flex}.dist-resident-rank-badge.rank-1{color:#713f12;background:linear-gradient(135deg,#fef08a,#eab308);box-shadow:0 2px 8px #eab30840}.dist-resident-rank-badge.rank-2{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#94a3b8)}.dist-resident-rank-badge.rank-3{color:#7c2d12;background:linear-gradient(135deg,#ffedd5,#f97316)}.dist-resident-avatar{background:#e2e8f0;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}.dist-resident-avatar img{object-fit:cover;width:100%;height:100%}.dist-resident-info{flex:1;min-width:0}.dist-resident-name-line{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dist-resident-name-line strong{color:#0f172a;font-size:.86rem}.dist-resident-claims-pill{color:#059669;white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.dist-resident-sub-line{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;font-size:.74rem;display:flex}.dist-resident-brgy{color:#334155;align-items:center;gap:4px;font-weight:700;display:inline-flex}.dist-resident-cardno{color:#94a3b8;font-family:ui-monospace,monospace;font-size:.7rem}.dist-resident-cat-dots-wrap{flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.dist-resident-cat-dot-badge{border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.66rem;font-weight:700;display:inline-flex}.dist-mini-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.current-month-col .dist-timeline-bar-track{background:#ecfdf5;border:1px solid #10b9814d}.current-month-fill{background:linear-gradient(#10b981 0%,#047857 100%)!important}.current-month-label{color:#059669!important;font-weight:800!important}.dist-beneficiaries-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dist-see-more-btn{color:#059669;cursor:pointer;white-space:nowrap;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s;display:inline-flex}.dist-see-more-btn:hover{color:#fff;background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 10px #05966940}.dist-resident-row-arrow{color:#94a3b8;opacity:.6;justify-content:center;align-items:center;transition:all .2s;display:flex}.dist-top-resident-row:hover .dist-resident-row-arrow{color:#059669;opacity:1;transform:translate(2px)}.dist-leaderboard-footer{text-align:center;border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px}.dist-view-more-link{color:#059669;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.dist-view-more-link:hover{color:#047857;background:#10b98114}.dist-all-beneficiaries-card{flex-direction:column;width:95%;max-width:780px;max-height:88vh;display:flex}.dist-all-beneficiaries-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.dist-modal-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative}.dist-modal-search-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.84rem}.dist-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.8rem}.dist-search-clear-btn:hover{color:#0f172a;background:#e2e8f0}.dist-all-beneficiaries-list{flex-direction:column;gap:8px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.scan-result-overlay{animation:.2s cubic-bezier(.16,1,.3,1) forwards scanModalFadeIn;position:fixed;inset:0;z-index:999999!important;-webkit-backdrop-filter:blur(8px)!important;background:#0f172ac7!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important}@keyframes scanModalFadeIn{0%{opacity:0}to{opacity:1}}.scan-result-modal{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scanModalPop;background:#fff!important;border-radius:20px!important;flex-direction:column!important;width:100%!important;max-width:440px!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #fff3!important}@keyframes scanModalPop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.scan-result-header-banner{letter-spacing:.06em;text-transform:uppercase;color:#fff;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:800;display:flex}.scan-result-header-banner.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:inset 0 -1px #fff3}.scan-result-header-banner.duplicate{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:inset 0 -1px #fff3}.scan-result-header-banner.household-duplicate{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:inset 0 -1px #fff3}.scan-result-header-banner.restricted{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:inset 0 -1px #fff3}.scan-result-header-banner.invalid{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:inset 0 -1px #fff3}.scan-result-body{flex-direction:column;gap:14px;padding:20px 20px 16px;display:flex}.scan-result-profile-card{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding-bottom:14px;display:flex}.scan-result-avatar-wrap{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;flex-shrink:0;width:72px;height:72px;overflow:hidden;box-shadow:0 4px 10px #0000000f}.scan-result-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.scan-result-avatar-placeholder{color:#94a3b8;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.scan-result-primary-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.scan-result-fullname{color:#0f172a;text-transform:uppercase;letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}.scan-result-brgy-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.scan-result-details-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scan-result-detail-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;overflow:hidden}.scan-result-detail-chip .chip-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:flex}.scan-result-detail-chip .chip-val{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.scan-result-detail-chip .chip-val.monospace{color:#047857;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.event-scan-aid-banner{border:1px solid;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.aid-banner-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 2px 6px #0000001f}.aid-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.aid-banner-sub{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.68rem;font-weight:700}.aid-banner-main{flex-wrap:wrap;align-items:center;gap:6px;font-size:.88rem;font-weight:800;display:flex}.aid-claim-pill{vertical-align:middle;background:#00000014;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.scan-result-warning-box{border-radius:12px;flex-direction:column;gap:6px;padding:14px;font-size:.82rem;display:flex}.scan-result-warning-box p{margin:0;line-height:1.4}.scan-result-warning-box.duplicate{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.scan-result-warning-box.household{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.scan-result-warning-box.restricted{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.warning-box-head{text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:800;display:flex}.warning-scanner{opacity:.85;font-size:.76rem}.warning-do-not-distribute{letter-spacing:.02em;border-top:1px dashed #0000001f;align-items:center;gap:6px;margin-top:4px;padding-top:8px;font-size:.8rem;font-weight:800;display:flex}.scan-result-modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding:14px 20px 18px;display:flex}.scan-result-counter{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.scan-next-action-btn{cursor:pointer!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;padding:14px 20px!important;font-size:.98rem!important;font-weight:800!important;transition:all .2s!important;display:flex!important}.scan-next-action-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.scan-next-action-btn:active{transform:translateY(0)}@media (max-width:480px){.scan-result-modal{border-radius:18px!important;max-width:94%!important}.scan-result-body{gap:12px;padding:16px 16px 12px}.scan-result-avatar-wrap{width:64px;height:64px}.scan-result-fullname{font-size:1.05rem}.scan-result-details-grid{grid-template-columns:1fr;gap:6px}.scan-result-modal-footer{padding:12px 16px 16px}.scan-next-action-btn{padding:13px 18px!important;font-size:.92rem!important}}.capture-inspector-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000014}.capture-preview-frame{cursor:pointer;background:#0f172a;justify-content:center;align-items:center;width:100%;min-height:220px;max-height:380px;display:flex;position:relative;overflow:hidden}.capture-preview-img{object-fit:contain;width:100%;height:100%;max-height:380px;transition:transform .2s;display:block}.capture-preview-frame:hover .capture-preview-img{transform:scale(1.02)}.capture-status-badge{letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.capture-status-badge.analyzing{color:#fff;background:#2563ebe6}.capture-status-badge.success{color:#fff;background:#059669eb}.capture-status-badge.failed{color:#fff;background:#dc2626eb}.capture-zoom-hint{color:#fff;pointer-events:none;background:#000000b3;border-radius:14px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:12px;right:12px}.capture-meta-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;display:flex}.capture-meta-tag{color:#334155;align-items:center;gap:5px;font-weight:600;display:flex}.capture-body-content{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.capture-failed-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.capture-notice-title{color:#b45309;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.capture-notice-desc{color:#78350f;margin:0;font-size:.84rem;line-height:1.45}.capture-troubleshoot-list{color:#92400e;margin:6px 0 0;padding-left:18px;font-size:.8rem;line-height:1.45}.capture-action-cluster{flex-wrap:wrap;gap:10px;display:flex}.capture-action-cluster button{flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;display:flex}.capture-debug-accordion{color:#94a3b8;word-break:break-all;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:.75rem}.image-inspect-modal-card{background:#0b0f19!important;border:1px solid #ffffff26!important;border-radius:20px!important;flex-direction:column!important;width:auto!important;max-width:90vw!important;max-height:90vh!important;padding:0!important;display:flex!important;overflow:hidden!important}.image-inspect-modal-header{color:#fff;background:#0f172af2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.image-inspect-modal-body{background:#020617;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.image-inspect-full-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 10px 40px #0009}.clean-reg-container{flex-direction:column;gap:10px;width:100%;display:flex}.clean-reg-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:8px 12px;display:flex;box-shadow:0 1px 2px #0f172a05}.clean-reg-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.clean-reg-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clean-reg-title{color:#0b192c;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800}.clean-tabs-pill{background:#f1f5f9;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.clean-tab-pill-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .12s;display:inline-flex}.clean-tab-pill-btn:hover{color:#0b192c}.clean-tab-pill-btn.active{color:#fff;background:#0b192c;box-shadow:0 1px 3px #0b192c26}.clean-tab-badge{color:#334155;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:1px 5px;font-size:.66rem;font-weight:800;display:inline-flex}.clean-tab-pill-btn.active .clean-tab-badge{color:#fff;background:#10b981}.clean-pill-alert{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .12s;display:inline-flex}.clean-pill-alert:hover,.clean-pill-alert.active{background:#fee2e2;border-color:#f87171}.clean-reg-actions-group{align-items:center;gap:8px;display:flex}.clean-btn-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:.74rem;font-weight:700;transition:all .12s;display:inline-flex}.clean-btn-outline:hover{color:#0b192c;background:#f8fafc;border-color:#0b192c}.clean-filters-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clean-search-box{flex:200px;min-width:170px;position:relative}.clean-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:8px;left:9px}.clean-search-box input.clean-search-input,.clean-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;outline:none;width:100%;height:30px;font-size:.78rem;transition:all .12s;padding:0 26px 0 28px!important}.clean-search-input:focus{background:#fff;border-color:#0b192c;box-shadow:0 0 0 2px #0b192c14}.clean-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;display:flex;position:absolute;top:7px;right:6px}.clean-select{color:#334155;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;height:30px;padding:0 8px;font-size:.75rem;font-weight:600}.clean-select:focus{border-color:#0b192c}.clean-reset-link{color:#0284c7;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.72rem;font-weight:700;text-decoration:underline}.clean-batch-bar{color:#fff;background:#0b192c;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:.76rem;animation:.12s fadeIn;display:flex}.clean-batch-buttons{align-items:center;gap:6px;display:flex}.clean-batch-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;height:26px;padding:0 9px;font-size:.72rem;font-weight:700;display:inline-flex}.clean-batch-btn.bulk-referral{color:#fff!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;padding:0 11px!important;box-shadow:0 1px 3px #0596694d!important}.clean-batch-btn.bulk-referral:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%)!important}.clean-btn-emerald{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;border:1px solid #047857!important;border-radius:6px!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 13px!important;font-size:.78rem!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 1px 3px #05966940!important}.clean-btn-emerald:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%)!important;box-shadow:0 2px 6px #05966959!important}.clean-batch-btn.approve{color:#fff;background:#10b981}.clean-batch-btn.approve:hover{background:#059669}.clean-batch-btn.reject{color:#fff;background:#ef4444}.clean-batch-btn.reject:hover{background:#dc2626}.clean-batch-btn.clear{color:#94a3b8;background:0 0;text-decoration:underline}.clean-batch-btn.clear:hover{color:#fff}.clean-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto;box-shadow:0 1px 2px #0f172a05}.clean-reg-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:.78rem}.clean-reg-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:8px 10px;font-size:.68rem;font-weight:800}.clean-reg-table tbody tr{border-bottom:1px solid #f1f5f9;height:42px;transition:background 80ms}.clean-reg-table tbody tr:hover{background:#f8fafc}.clean-reg-table tbody tr.selected{background:#f0fdf4}.clean-reg-table tbody tr.duplicate-row{background:#fffdf5}.clean-reg-table tbody td{vertical-align:middle;white-space:nowrap;padding:6px 10px}.cell-citizen{align-items:center;gap:8px;display:inline-flex}.cell-avatar{object-fit:cover;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:24px;height:24px}.cell-initials{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.66rem;font-weight:800;display:inline-flex}.cell-name{color:#0b192c;white-space:nowrap;font-size:.82rem;font-weight:700}.cell-tag-dup{color:#dc2626;flex-shrink:0;align-items:center;display:inline-flex}.cell-id{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:700}.cell-tag-voter{color:#047857;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:.66rem;font-weight:700;display:inline-flex}.cell-tag-nonvoter{color:#94a3b8;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;align-items:center;padding:1px 5px;font-size:.66rem;font-weight:600;display:inline-flex}.cell-sector{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 5px;font-size:.68rem;font-weight:700}.cell-actions{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.cell-btn-approve{color:#fff;cursor:pointer;white-space:nowrap;background:#047857;border:1px solid #047857;border-radius:4px;align-items:center;gap:3px;height:24px;padding:0 8px;font-size:.7rem;font-weight:700;transition:all .12s;display:inline-flex}.cell-btn-approve:hover{background:#065f46;border-color:#065f46}.cell-btn-reject{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:3px;height:24px;padding:0 7px;font-size:.7rem;font-weight:700;transition:all .12s;display:inline-flex}.cell-btn-reject:hover{background:#fef2f2;border-color:#ef4444}.cell-btn-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .12s;display:inline-flex}.cell-btn-icon:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.cell-btn-icon.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.clean-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.clean-pagination-left{align-items:center;gap:14px;display:flex}.clean-pagination-summary{color:#64748b;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.clean-pagination-summary strong{color:#0b192c;font-weight:700}.clean-pagination-perpage{color:#64748b;border-left:1px solid #e2e8f0;align-items:center;gap:6px;padding-left:14px;font-size:.76rem;display:flex}.clean-pagination-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;outline:none;height:28px;padding:0 6px;font-size:.74rem;font-weight:600;transition:all .12s}.clean-pagination-select:focus{background:#fff;border-color:#0b192c}.clean-pagination-nav{align-items:center;gap:4px;display:flex}.clean-page-nav-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:.74rem;font-weight:600;transition:all .12s;display:inline-flex}.clean-page-nav-btn.with-text{gap:4px;padding:0 10px}.clean-page-nav-btn:hover:not(:disabled){color:#0b192c;background:#f1f5f9;border-color:#cbd5e1}.clean-page-nav-btn:disabled{opacity:.35;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.clean-page-numbers{align-items:center;gap:3px;margin:0 2px;display:flex}.clean-page-num-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.76rem;font-weight:700;transition:all .12s;display:inline-flex}.clean-page-num-btn:hover:not(.active){color:#0b192c;background:#f1f5f9}.clean-page-num-btn.active{color:#fff;background:#0b192c;font-weight:800;box-shadow:0 1px 3px #0b192c33}.clean-page-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:24px;height:30px;font-size:.85rem;display:inline-flex}.reg-desktop-view{display:block}.reg-mobile-view{display:none}@media (max-width:900px){.reg-metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reg-desktop-view{display:none!important}.reg-mobile-view{flex-direction:column;gap:12px;display:flex!important}.reg-metrics-strip{grid-template-columns:1fr;gap:8px}.reg-page-header-row{flex-direction:column;align-items:stretch;gap:10px}.reg-title-cluster{flex-wrap:wrap;justify-content:space-between;gap:6px}.reg-title-cluster h2{font-size:1.18rem}.reg-controls-card{padding:10px}.reg-filters-grid{flex-direction:column;align-items:stretch;gap:8px;width:100%}.reg-search-box{width:100%;min-width:0}.reg-filter-select{width:100%}.reg-export-btn{justify-content:center;width:100%}.reg-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.reg-mobile-card:active{background:#f8fafc;transform:scale(.99)}.reg-card-top{align-items:flex-start;gap:10px;display:flex}.reg-card-avatar-wrap{flex-shrink:0}.reg-card-avatar{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:44px;height:44px}.reg-card-avatar-placeholder{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:flex}.reg-card-header-info{flex:1;min-width:0}.reg-card-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.reg-card-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;line-height:1.3;overflow:hidden}.reg-card-badges-wrap{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.reg-pill-voter{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700}.reg-pill-nonvoter{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700}.reg-pill-ref{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.7rem}.reg-pill-dup{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:800}.reg-card-details-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 10px;padding:9px 12px;display:grid}.reg-chip-row{color:#334155;align-items:center;gap:6px;font-size:.76rem;display:flex;overflow:hidden}.reg-chip-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reg-chip-icon{color:#059669;flex-shrink:0}.reg-card-bottom-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding-top:6px;display:flex}.reg-card-approve-btn{color:#065f46;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.84rem;font-weight:700;display:flex}.reg-card-reject-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.84rem;font-weight:700;display:flex}.reg-card-del-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:9px 12px;display:flex}}.admin-panel.org-saas{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important;overflow:visible!important}.admin-panel.org-saas:before{display:none!important}.admin-panel.org-saas:hover{box-shadow:none!important;border-color:#0000!important;transform:none!important}.org-shell{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.org-top-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.org-header-left{flex-direction:column;gap:4px;min-width:0;display:flex}.org-page-title{color:#111827;letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.org-page-subtitle{color:#6b7280;margin:0;font-size:.8125rem;line-height:1.4}.org-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.org-btn-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:background .12s;display:inline-flex}.org-btn-primary:hover{background:#1f2937}.org-stats-strip{background:#fafafa;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.org-stat{border-right:1px solid #eef2f7;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:14px 20px;display:flex}.org-stat:last-child{border-right:none}.org-stat-label{color:#9ca3af;letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.org-stat-value{color:#111827;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600;line-height:1.2}.org-table-card{background:0 0}.org-empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 20px;display:flex}.org-empty-state h4{color:#111827;margin:4px 0 0;font-size:.9375rem;font-weight:600}.org-empty-state p{color:#9ca3af;margin:0 0 10px;font-size:.8125rem}.org-table{border-collapse:collapse;width:100%}.org-table th{color:#9ca3af;text-transform:none;letter-spacing:0;text-align:left;background:#fff;border-bottom:1px solid #eef2f7;padding:10px 20px;font-size:.6875rem;font-weight:500}.org-table td{vertical-align:middle;color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 20px;font-size:.8125rem}.org-table tbody tr:last-child td{border-bottom:none}.org-row{cursor:pointer;transition:background .1s}.org-row:hover{background:#f9fafb}.org-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.org-avatar{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.org-name-info{flex-direction:column;gap:1px;min-width:0;display:flex}.org-name{color:#111827;font-size:.8125rem;font-weight:500}.org-name-sub{color:#9ca3af;font-size:.6875rem}.org-row-actions{opacity:.6;justify-content:flex-end;align-items:center;gap:6px;transition:opacity .12s;display:inline-flex}.org-row:hover .org-row-actions{opacity:1}.org-btn-add{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;height:28px;padding:0 10px;font-size:.75rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.org-btn-add:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.org-btn-icon{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.org-btn-icon:hover{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.org-btn-icon.danger:hover{color:#4b5563;background:#f9fafb;border-color:#e5e7eb}.org-card-stat{flex-direction:column;gap:2px;display:flex}.org-card-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem;font-weight:500}.org-card-stat-value{color:#111827;font-size:.875rem;font-weight:600}@media (max-width:640px){.org-top-header{flex-direction:column;align-items:stretch;padding:16px 14px 14px}.org-header-actions .org-btn-primary{justify-content:center;width:100%}.org-stats-strip{grid-template-columns:1fr}.org-stat{border-bottom:1px solid #eef2f7;border-right:none}.org-stat:last-child{border-bottom:none}.org-row-actions{opacity:1}}.org-desktop-view{display:block}.org-mobile-view{display:none}.org-member-table-row{cursor:pointer;transition:background .15s}.org-member-table-row:hover{background:#f9fafb!important}.member-detail-overlay{z-index:100050!important}.org-member-badge,.org-aid-pill{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.org-aid-pill.zero{color:#9ca3af;background:#fafafa;border-color:#e5e7eb;font-weight:500}.org-modal-summary-banner{color:#fff;background:linear-gradient(135deg,#062b1e 0%,#041f15 100%);border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 4px 12px #062b1e33}.org-modal-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.org-modal-stat-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.org-modal-stat-label{color:#a7f3d0;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.org-modal-stat-val{color:#fff;font-size:1.25rem;font-weight:800}.org-modal-cat-chips{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;display:flex}.org-modal-cat-chip{color:#fff;background:#ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}@media (max-width:768px){.org-desktop-view{display:none!important}.org-mobile-view{flex-direction:column!important;gap:12px!important;display:flex!important}.org-modal-summary-grid{grid-template-columns:1fr 1fr}.org-mobile-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 1px 3px #0000000d}.org-card-header{align-items:center;gap:10px;display:flex}.org-card-icon-wrap{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.org-card-title-info{flex-direction:column;flex:1;min-width:0;display:flex}.org-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:800;overflow:hidden}.org-card-meta-sub{color:#64748b;font-size:.7rem}.org-card-stats-grid{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.org-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding-top:10px;display:flex}.org-card-actions .btn{flex:1;justify-content:center;height:36px;font-size:.8rem}.org-btn-icon{justify-content:center;align-items:center;display:flex;flex:0 0 36px!important;padding:0!important}}.finance-layout{color:#f1f5f9;min-height:100vh;font-family:var(--font-inter,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background:#09121a;flex-direction:column;display:flex}.finance-auth-screen{background:radial-gradient(circle at 50% 30%,#064e3b 0%,#03141a 70%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.finance-login-container{background:radial-gradient(circle at 50% 20%,#064e3b 0%,#03141a 70%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.finance-login-card,.finance-forbidden-card,.finance-loading-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#0f172ae0;border:1px solid #10b98140;border-radius:24px;width:100%;max-width:480px;padding:40px 36px;animation:.35s ease-out forwards fadeInFinance;box-shadow:0 25px 60px -15px #000000b3,0 0 30px #10b9811a}@keyframes fadeInFinance{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.finance-login-badge,.forbidden-icon{color:#fff;background:linear-gradient(135deg,#10b981,#047857);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex;box-shadow:0 10px 25px #10b98159}.forbidden-icon{background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 10px 25px #ef444459}.finance-login-card h2,.finance-forbidden-card h2{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.6rem;font-weight:800}.finance-login-sub,.forbidden-desc{color:#94a3b8;margin:0 0 24px;font-size:.88rem;line-height:1.5}.forbidden-meta{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;font-size:.85rem;display:flex}.forbidden-meta strong{color:#10b981}.forbidden-hint{color:#64748b;margin-bottom:24px;font-size:.8rem;line-height:1.4}.forbidden-actions{justify-content:center;gap:12px;display:flex}.finance-error-alert{color:#fca5a5;text-align:left;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.84rem;display:flex}.finance-input-group{text-align:left;margin-bottom:16px}.finance-input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.finance-input-icon-wrap{align-items:center;display:flex;position:relative}.finance-input-icon-wrap svg{color:#64748b;pointer-events:none;position:absolute;left:14px}.finance-input-icon-wrap input{color:#fff;background:#09121a;border:1.5px solid #1e293b;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.92rem;transition:all .2s}.finance-input-icon-wrap input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.finance-pwd-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.finance-pwd-toggle:hover{color:#fff}.btn-finance-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-finance-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.btn-finance-primary.btn-full{width:100%;margin-top:8px;padding:14px}.btn-finance-outline{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-finance-outline:hover{color:#fff;background:#ffffff1f;border-color:#10b981}.finance-login-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;display:flex}.finance-login-footer small{color:#64748b;font-size:.74rem}.finance-return-link{color:#10b981;font-size:.82rem;font-weight:600;text-decoration:none}.finance-return-link:hover{text-decoration:underline}.finance-top-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.finance-nav-brand{align-items:center;gap:14px;display:flex}.finance-brand-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #10b9814d}.finance-brand-title{color:#fff;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.finance-brand-sub{color:#94a3b8;font-size:.74rem}.finance-nav-right{align-items:center;gap:14px;display:flex}.finance-user-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:6px 14px;display:flex}.finance-avatar-dot{background:#10b981;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #10b981}.finance-user-meta{flex-direction:column;display:flex}.finance-user-name{color:#f8fafc;font-size:.82rem;font-weight:700}.finance-role-badge{color:#34d399;letter-spacing:.04em;font-size:.65rem;font-weight:800}.btn-finance-icon-nav{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-finance-icon-nav:hover{color:#fff;background:#ffffff1f}.btn-finance-logout{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-finance-logout:hover{color:#fff;background:#ef444440}.finance-body-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 32px 60px}.finance-tabs-bar{background:#0f172ab3;border:1px solid #ffffff0f;border-radius:16px;gap:8px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto}.finance-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.finance-tab-btn:hover{color:#fff;background:#ffffff0a}.finance-tab-btn.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140}.finance-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px;display:grid}.finance-kpi-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 8px 24px #0003}.kpi-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.kpi-icon-wrap.emerald{color:#34d399;background:#10b98126}.kpi-icon-wrap.gold{color:#fbbf24;background:#f59e0b26}.kpi-icon-wrap.blue{color:#60a5fa;background:#3b82f626}.kpi-icon-wrap.purple{color:#c084fc;background:#a855f726}.kpi-info{flex:1}.finance-kpi-card .kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.finance-kpi-card .kpi-value{color:#fff;margin-bottom:4px;font-size:1.6rem;font-weight:800;line-height:1.1}.finance-kpi-card .kpi-sub{color:#64748b;font-size:.74rem}.finance-two-col-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:900px){.finance-two-col-grid{grid-template-columns:1fr}}.finance-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0003}.finance-card-header{margin-bottom:20px}.finance-card-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.dept-dist-list{flex-direction:column;gap:16px;display:flex}.dept-dist-top{color:#cbd5e1;justify-content:space-between;margin-bottom:6px;font-size:.84rem;font-weight:700;display:flex}.dept-progress-bar{background:#1e293b;border-radius:9999px;height:8px;overflow:hidden}.dept-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:9999px;height:100%;transition:width .4s}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.finance-action-tile{text-align:left;cursor:pointer;color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px 14px;transition:all .2s;display:flex}.finance-action-tile:hover{background:#10b9811a;border-color:#10b981;transform:translateY(-2px)}.finance-action-tile svg{color:#10b981;margin-bottom:10px}.finance-action-tile strong{color:#fff;margin-bottom:2px;font-size:.88rem;font-weight:700}.finance-action-tile small{color:#94a3b8;font-size:.72rem;line-height:1.3}.finance-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.finance-search-wrap{background:#0f172abf;border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;max-width:400px;padding:8px 14px;display:flex}.finance-search-wrap svg{color:#64748b}.finance-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.finance-filters-wrap{align-items:center;gap:12px;display:flex}.finance-select,.finance-styled-input{color:#fff;background:#0f172a;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:10px 14px;font-size:.85rem}.finance-select:focus,.finance-styled-input:focus{border-color:#10b981}.finance-cutoff-selector{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.finance-cutoff-selector label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.cutoff-inputs{align-items:center;gap:8px;display:flex}.finance-table-card{background:#0f172acc;border:1px solid #ffffff14;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.finance-table-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.finance-table-header h3{color:#fff;margin:0;font-size:1.05rem;font-weight:800}.badge-count{color:#34d399;background:#10b98126;border-radius:9999px;padding:4px 10px;font-size:.74rem;font-weight:700}.finance-table-wrap{scrollbar-width:thin;scrollbar-color:#10b98159 #0f172a99;overflow-x:auto}.finance-table-wrap::-webkit-scrollbar{height:6px}.finance-table-wrap::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.finance-table-wrap::-webkit-scrollbar-thumb{background:#10b98159;border-radius:4px}.finance-table-wrap::-webkit-scrollbar-thumb:hover{background:#10b98199}.finance-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.finance-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#0000004d;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:.72rem;font-weight:700}.finance-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:12px 16px}.finance-table tr:hover{background:#ffffff08}.emp-cell{align-items:center;gap:12px;display:flex}.emp-avatar-circle{color:#fff;background:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex;overflow:hidden}.emp-avatar-circle img{object-fit:cover;width:100%;height:100%}.emp-name{color:#fff;font-weight:700;display:block}.emp-id,.emp-id-block{color:#94a3b8;font-family:monospace;font-size:.72rem;display:block}.dept-tag{color:#cbd5e1;background:#ffffff0f;border-radius:6px;padding:3px 8px;font-size:.74rem}.time-in-badge{color:#34d399;background:#10b98126;border-radius:6px;padding:4px 8px;font-family:monospace;font-weight:700}.time-out-badge{color:#60a5fa;background:#3b82f626;border-radius:6px;padding:4px 8px;font-family:monospace;font-weight:700}.status-pill{text-transform:uppercase;border-radius:9999px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.status-pill.present{color:#a7f3d0;background:#065f46}.status-pill.late{color:#fde68a;background:#854d0e}.status-pill.overtime{color:#ddd6fe;background:#5b21b6}.status-pill.absent{color:#fecaca;background:#991b1b}.match-confidence{color:#34d399;font-size:.72rem;font-weight:700}.location-text{color:#94a3b8}.empty-table-cell{text-align:center;color:#64748b;padding:40px!important}.code-id{color:#34d399;font-family:monospace}.emp-contact-sub,.emp-position,.rate-sub{color:#94a3b8;font-size:.72rem;display:block}.salary-text{color:#fbbf24}.biometric-enrolled-chip{color:#34d399;background:#10b9811f;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.action-buttons-wrap{justify-content:flex-end;gap:8px;display:flex}.btn-icon-action{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-action:hover{color:#fff;background:#ffffff26}.btn-icon-action.delete:hover{color:#fca5a5;background:#ef444440;border-color:#ef4444}.payroll-subnav-bar{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:8px;margin-bottom:20px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 4px 16px #0003}.payroll-subnav-btn:hover{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff14}.payroll-stepper-bar{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}@media (max-width:900px){.payroll-stepper-bar{grid-template-columns:1fr;gap:10px}}.payroll-step-node{cursor:pointer;text-align:left;background:#0f172ab3;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000026}.payroll-step-node:hover:not(.active){background:#ffffff0a;border-color:#ffffff26;transform:translateY(-1px)}.payroll-step-node.active{background:linear-gradient(135deg,#064e3b66,#0f172ad9);border-color:#10b98180;box-shadow:0 6px 20px #10b9812e,0 0 0 1px #10b9814d}.payroll-step-node.completed{background:#0f172a80;border-color:#10b98133}.payroll-step-circle{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex}.payroll-step-node.active .payroll-step-circle{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 14px #10b98199}.payroll-step-node.completed .payroll-step-circle{color:#34d399;background:#10b9812e;border-color:#10b98166}.payroll-step-text{flex-direction:column;gap:2px;display:flex}.payroll-step-title{color:#f1f5f9;letter-spacing:-.01em;font-size:.88rem;font-weight:800}.payroll-step-node.active .payroll-step-title{color:#34d399}.payroll-step-desc{color:#94a3b8;font-size:.72rem}.payroll-toolbar-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 4px 16px #00000026}.payroll-toolbar-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.payroll-cutoff-group{align-items:center;gap:10px;display:flex}.payroll-cutoff-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.76rem;font-weight:800;display:flex}.payroll-quick-presets{align-items:center;gap:8px;display:flex}.preset-pill-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:7px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.preset-pill-btn:hover{color:#34d399;background:#10b9811f;border-color:#10b98166}.payroll-step-banner{background:#10b98114;border:1px solid #10b98140;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 2px 10px #10b9810f}.payroll-step-banner-text{color:#cbd5e1;align-items:center;gap:12px;font-size:.84rem;display:flex}.payroll-step-banner-text strong{color:#34d399}.payroll-banner-link-btn{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.payroll-banner-link-btn:hover{background:#10b98138;border-color:#34d399;box-shadow:0 0 10px #10b98133}.payroll-step-nav-bar{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px 24px;display:flex;box-shadow:0 4px 16px #0003}.payroll-step-indicator{color:#94a3b8;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.payroll-step-indicator strong{color:#34d399}.payroll-summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.p-summary-card{background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;padding:20px}.p-summary-card.net{background:#064e3b40;border-color:#10b9814d}.p-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:700;display:block}.p-val{color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:800}.p-val.red{color:#f87171}.p-val.green{color:#34d399}.p-summary-card small{color:#64748b;font-size:.72rem}.deduct-col{color:#f87171!important}.net-pay-pill{color:#34d399;background:#064e3b;border-radius:8px;padding:4px 10px;font-size:.88rem;font-weight:800;display:inline-block}.finance-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.finance-modal-card{background:#0f172a;border:1px solid #10b98140;border-radius:20px;width:96vw;max-width:780px;animation:.25s ease-out forwards modalScale;overflow:hidden;box-shadow:0 25px 60px -12px #000000d9,0 0 1px 1px #10b98126}@media (max-width:720px){.finance-modal-card{max-width:calc(100vw - 24px);margin:12px auto}}@keyframes modalScale{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.finance-modal-header{background:linear-gradient(#131d33 0%,#0f172a 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-title-row svg.gold{color:#fbbf24}.modal-title-row svg.emerald{color:#10b981}.modal-title-row h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.modal-title-row small{color:#94a3b8;margin-top:2px;font-size:.76rem;display:block}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.finance-modal-form{max-height:calc(88vh - 80px);padding:24px 28px;overflow-y:auto}.finance-form-section-header{color:#34d399;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff12;grid-column:1/-1;align-items:center;gap:8px;margin-top:6px;padding-bottom:4px;font-size:.74rem;font-weight:800;display:flex}.finance-form-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:18px;display:grid}.finance-form-grid .full-width{grid-column:1/-1}@media (max-width:580px){.finance-form-grid{grid-template-columns:1fr}}.finance-form-group{flex-direction:column;gap:5px;display:flex}.finance-form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:700}.finance-form-group input,.finance-form-group select{color:#fff;background:#09121a;border:1.5px solid #ffffff1a;border-radius:10px;outline:none;padding:9px 13px;font-size:.88rem;transition:all .18s}.finance-form-group input[type=text]{text-transform:uppercase!important}.finance-form-group input::placeholder{color:#475569;text-transform:uppercase!important}.finance-form-group input:focus,.finance-form-group select:focus{background:#0d1a29;border-color:#10b981;box-shadow:0 0 0 3px #10b9812e}.finance-calc-badge{background:#10b98114;border:1px solid #10b98138;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;font-size:.72rem;display:flex}.finance-calc-badge .badge-label{color:#34d399;font-weight:700}.finance-calc-badge .badge-sub{color:#94a3b8;font-weight:500}.finance-modal-form::-webkit-scrollbar{width:6px}.finance-modal-form::-webkit-scrollbar-track{background:0 0}.finance-modal-form::-webkit-scrollbar-thumb{background:#10b98140;border-radius:4px}.finance-modal-form::-webkit-scrollbar-thumb:hover{background:#10b98180}.finance-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.finance-toast-pop{color:#fff;z-index:10000;background:#0f172a;border:1px solid #10b981;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:700;animation:.3s ease-out forwards toastSlide;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}@keyframes toastSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.finance-toast-pop.error{color:#fca5a5;border-color:#ef4444}.finance-spinner{border:3px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s linear infinite spin}.kiosk-modal-card{background:#090e17;border:1px solid #10b98159;border-radius:24px;flex-direction:column;width:90%;max-width:940px;max-height:92vh;margin:auto;animation:.25s ease-out forwards modalScale;display:flex;overflow:hidden;box-shadow:0 25px 70px #000000e6,0 0 35px #10b98126}.kiosk-modal-header{background:linear-gradient(#111c2e 0%,#090e17 100%);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.kiosk-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;padding:20px 24px 24px;display:flex;overflow-y:auto}.kiosk-modal-grid{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:22px;display:grid}.kiosk-grid-camera{flex-direction:column;justify-content:center;display:flex}.kiosk-grid-controls{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.kiosk-standby-guide-card{background:#0f172aa6;border:1px dashed #10b98140;border-radius:14px;margin-top:4px;padding:14px 16px}.kiosk-guide-icon-pulse{background:#10b98126;border:1px solid #10b9814d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kiosk-clock-bar{background:#0f172acc;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.kiosk-time-display{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:900}.kiosk-date-display{color:#94a3b8;text-align:right;font-size:.76rem;font-weight:600}.kiosk-viewport-wrap{aspect-ratio:4/3;background:#020617;border:1.5px solid #10b9814d;border-radius:16px;flex-shrink:0;width:100%;min-height:260px;max-height:360px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.kiosk-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.kiosk-oval-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.kiosk-laser-line{z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#10b981,#06b6d4,#0000);border-radius:999px;height:2.5px;animation:2.4s ease-in-out infinite laserScan;position:absolute;left:8%;right:8%;box-shadow:0 0 14px #10b981,0 0 24px #06b6d4}@keyframes laserScan{0%{opacity:.2;top:10%}50%{opacity:1;top:88%}to{opacity:.2;top:10%}}.kiosk-status-pill{z-index:7;pointer-events:none;justify-content:center;padding:0 10px;display:flex;position:absolute;bottom:10px;left:0;right:0}.kiosk-status-pill span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#34d399;text-align:center;background:#000000d1;border:1px solid #10b98166;border-radius:20px;align-items:center;gap:6px;max-width:95%;padding:5px 14px;font-size:.74rem;font-weight:700;display:flex}.kiosk-status-pill span.waiting{color:#7dd3fc;border-color:#38bdf866}.kiosk-status-pill span.error{color:#fca5a5;border-color:#ef444466}.kiosk-pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite kioskPulse}@keyframes kioskPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.kiosk-gps-row{background:#0f172ab3;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.kiosk-gps-meta{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.kiosk-gps-meta svg{color:#34d399;flex-shrink:0}.kiosk-gps-text{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:600;overflow:hidden}.kiosk-gps-refresh-btn{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.kiosk-gps-refresh-btn:hover{background:#10b98140}.btn-kiosk-punch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#06b6d4 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:13px;font-size:.92rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 20px #10b98159}.btn-kiosk-punch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #10b98180}.btn-kiosk-punch:disabled{opacity:.6;cursor:not-allowed;transform:none}.kiosk-result-card{text-align:center;border-radius:16px;padding:18px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) both resultPop;position:relative;overflow:hidden}@keyframes resultPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.kiosk-result-card.time-in{background:linear-gradient(145deg,#052e16 0%,#064e3b 100%);border:1px solid #10b98173;box-shadow:0 10px 30px #10b98140}.kiosk-result-card.time-out{background:linear-gradient(145deg,#0f172a 0%,#1e3a5f 100%);border:1px solid #3b82f673;box-shadow:0 10px 30px #3b82f640}.kiosk-result-card.time-late{background:linear-gradient(145deg,#1c1000 0%,#3b1e00 100%);border:1px solid #f59e0b73;box-shadow:0 10px 30px #f59e0b40}.kiosk-result-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.kiosk-result-card.time-in .kiosk-result-badge{color:#6ee7b7;background:#10b98140;border:1px solid #10b98166}.kiosk-result-card.time-out .kiosk-result-badge{color:#93c5fd;background:#3b82f640;border:1px solid #3b82f666}.kiosk-result-card.time-late .kiosk-result-badge{color:#fcd34d;background:#f59e0b40;border:1px solid #f59e0b66}.kiosk-result-name{color:#fff;margin-bottom:2px;font-size:1.25rem;font-weight:900}.kiosk-result-dept{color:#cbd5e1;margin-bottom:12px;font-size:.78rem}.kiosk-result-time-row{background:#00000059;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 14px;display:flex}.kiosk-result-time-label{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:700}.kiosk-result-time-val{color:#fff;font-size:1.15rem;font-weight:900}.kiosk-result-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kiosk-result-pill-item{color:#cbd5e1;background:#ffffff14;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;display:flex}.kiosk-result-pill-item a{color:#38bdf8;margin-left:3px;text-decoration:underline}.face-enroll-box{background:#09121a;border:1.5px dashed #10b98159;border-radius:16px;flex-direction:column;grid-column:1/-1;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.face-enroll-box.has-photo{background:#064e3b26;border-style:solid;border-color:#10b98180}.face-enroll-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-enroll-cam{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-enroll-cam:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.btn-enroll-upload{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-enroll-upload:hover{color:#fff;background:#ffffff1f}.face-preview-card{background:#0f172ab3;border:1px solid #10b98159;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.face-preview-avatar{object-fit:cover;background:#020617;border:2px solid #10b981;border-radius:50%;flex-shrink:0;width:64px;height:64px;box-shadow:0 0 16px #10b98166}.face-preview-info{flex:1}.face-preview-status{color:#34d399;align-items:center;gap:6px;margin-bottom:3px;font-size:.82rem;font-weight:800;display:flex}.face-preview-sub{color:#94a3b8;font-size:.74rem}.btn-enroll-remove{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:6px 10px;font-size:.74rem;font-weight:700;transition:all .15s}.btn-enroll-remove:hover{background:#ef444440}.face-enroll-cam-container{aspect-ratio:4/3;background:#020617;border:1.5px solid #10b981;border-radius:16px;width:100%;max-width:380px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.face-enroll-cam-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-enroll-cam-actions{justify-content:center;gap:12px;margin-top:10px;display:flex}.enroll-steps-bar{background:#0f172ae6;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.enroll-step-node{color:#64748b;align-items:center;gap:6px;font-size:.74rem;font-weight:700;transition:all .2s;display:flex}.enroll-step-node.active{color:#34d399}.enroll-step-node.completed{color:#10b981}.step-circle{background:#ffffff0d;border:1.5px solid #64748b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex}.enroll-step-node.active .step-circle{color:#34d399;background:#10b98133;border-color:#34d399;animation:1.5s ease-in-out infinite kioskPulse;box-shadow:0 0 10px #10b98180}.enroll-step-node.completed .step-circle{color:#fff;background:#059669;border-color:#10b981}.step-connector-line{background:#ffffff1a;border-radius:1px;flex:1;height:2px}.step-connector-line.done{background:#10b981}.enroll-guide-banner{background:linear-gradient(135deg,#064e3b66,#0f172acc);border:1px solid #10b98159;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.enroll-guide-text{color:#34d399;align-items:center;gap:8px;font-size:.84rem;font-weight:800;display:flex}.enroll-guide-counter{color:#94a3b8;background:#0006;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:700}.multi-face-preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.pose-preview-tile{text-align:center;background:#0f172acc;border:1.5px solid #10b9814d;border-radius:12px;padding:6px 6px 8px;transition:all .2s;position:relative;overflow:hidden}.pose-preview-tile.has-image{border-color:#10b981;box-shadow:0 4px 14px #10b98133}.pose-thumb-img{aspect-ratio:1;object-fit:cover;background:#020617;border-radius:8px;width:100%;display:block}.pose-label{color:#34d399;margin-top:5px;font-size:.7rem;font-weight:700;display:block}.pose-badge-check{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:flex;position:absolute;top:9px;right:9px;box-shadow:0 2px 6px #0006}.biometric-pending-chip{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.cam-countdown-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cam-countdown-number{color:#fff;text-shadow:0 0 25px #10b981e6,0 0 50px #10b98180;font-size:4.5rem;font-weight:900;line-height:1;animation:.85s cubic-bezier(.34,1.56,.64,1) infinite countdownPop}@keyframes countdownPop{0%{opacity:0;transform:scale(1.4)}35%{opacity:1;transform:scale(1)}85%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(.85)}}.cam-countdown-sub{color:#34d399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.05em;background:#000000bf;border:1px solid #10b98166;border-radius:20px;margin-top:8px;padding:4px 14px;font-size:.82rem;font-weight:800}.cam-shutter-flash{z-index:15;pointer-events:none;background:#fff;animation:.3s ease-out forwards flashAnim;position:absolute;inset:0}@keyframes flashAnim{0%{opacity:.9}to{opacity:0}}.cam-processing-overlay{z-index:12;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(circle,#06b6d424 0%,#02061785 85%);flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out forwards procFadeIn;display:flex;position:absolute;inset:0}@keyframes procFadeIn{0%{opacity:0}to{opacity:1}}.cam-proc-radar-wrap{justify-content:center;align-items:center;width:200px;height:250px;display:flex;position:relative}.cam-proc-ring{pointer-events:none;position:absolute}.cam-proc-ring.outer{border:2px dashed #06b6d4d9;border-radius:50%;width:190px;height:240px;animation:3s linear infinite procSpinClockwise;box-shadow:0 0 15px #06b6d466,inset 0 0 15px #06b6d433}.cam-proc-ring.inner{border:2px dotted #10b981cc;border-radius:50%;width:160px;height:210px;animation:2.2s linear infinite procSpinCounterClockwise;box-shadow:0 0 12px #10b9814d}.cam-proc-sweep{background:conic-gradient(#0000 65%,#06b6d459 90%,#10b981b3 100%);border-radius:50%;width:170px;height:220px;animation:1.6s linear infinite procSpinClockwise;position:absolute;-webkit-mask-image:radial-gradient(#0000 40%,#000 75%);mask-image:radial-gradient(#0000 40%,#000 75%)}@keyframes procSpinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes procSpinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.cam-proc-corner{filter:drop-shadow(0 0 6px #38bdf8);border:0 solid #38bdf8;width:24px;height:24px;animation:1.2s ease-in-out infinite alternate cornerPulse;position:absolute}.cam-proc-corner.top-left{border-top-width:3px;border-left-width:3px;border-top-left-radius:6px;top:0;left:0}.cam-proc-corner.top-right{border-top-width:3px;border-right-width:3px;border-top-right-radius:6px;top:0;right:0}.cam-proc-corner.bottom-left{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:6px;bottom:0;left:0}.cam-proc-corner.bottom-right{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:6px;bottom:0;right:0}@keyframes cornerPulse{0%{opacity:.75;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.cam-proc-crosshair{border:1px solid #06b6d499;border-radius:50%;width:28px;height:28px;animation:1s ease-in-out infinite crosshairPulse;position:absolute}.cam-proc-crosshair:before,.cam-proc-crosshair:after{content:"";background:#38bdf8;position:absolute}.cam-proc-crosshair:before{height:1.5px;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.cam-proc-crosshair:after{width:1.5px;top:-8px;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes crosshairPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cam-proc-laser-bar{z-index:13;background:linear-gradient(90deg,#0000,#38bdf8,#34d399,#0000);border-radius:999px;height:3px;animation:.85s cubic-bezier(.45,.05,.55,.95) infinite alternate fastProcLaser;position:absolute;left:10%;right:10%;box-shadow:0 0 16px #38bdf8,0 0 30px #34d399}@keyframes fastProcLaser{0%{opacity:.4;top:18%}to{opacity:1;top:78%}}.cam-proc-status-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617e6;border:1px solid #06b6d499;border-radius:30px;align-items:center;gap:12px;margin-top:14px;padding:8px 18px;animation:.3s ease-out badgeSlideUp;display:flex;box-shadow:0 0 20px #06b6d459,inset 0 0 12px #06b6d426}@keyframes badgeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cam-proc-spinner{border:2.5px solid #06b6d4;border-color:#06b6d4 #10b981 #06b6d440 #06b6d440;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.75s linear infinite procSpinClockwise}.cam-proc-text-wrap{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.cam-proc-title{letter-spacing:.08em;color:#38bdf8;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.76rem;font-weight:800}.cam-proc-subtitle{color:#6ee7b7;align-items:center;font-size:.68rem;font-weight:600;display:flex}.cam-proc-dots{width:14px;animation:1.2s infinite dotsBlink;display:inline-block}@keyframes dotsBlink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.auto-capture-badge{border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:800;transition:all .2s;display:inline-flex}.auto-capture-badge.active{color:#34d399;background:#10b98133;border:1px solid #10b98173}.auto-capture-badge.inactive{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.cam-quality-pill{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6ee7b7;letter-spacing:.02em;background:#020617bf;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.cam-quality-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}@media (max-width:860px){.kiosk-modal-card{border-radius:18px;width:95%;max-width:500px;max-height:96vh}.kiosk-modal-grid{grid-template-columns:1fr;gap:12px}.kiosk-modal-header{padding:14px 16px}.kiosk-modal-body{gap:10px;padding:14px 16px 18px}.kiosk-viewport-wrap{border-radius:14px;min-height:240px;max-height:320px}.face-enroll-cam-container{border-radius:14px;max-width:100%;min-height:240px;max-height:320px}.kiosk-time-display{font-size:1.2rem}.kiosk-result-name{font-size:1.1rem}.kiosk-result-card{padding:14px 16px}.finance-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.finance-header-row{flex-direction:column;gap:12px;align-items:stretch!important}.finance-header-actions{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:480px){.kiosk-modal-card{border-radius:14px;width:98%;max-height:98vh}.kiosk-modal-body{gap:10px;padding:12px 14px 16px}.kiosk-viewport-wrap{min-height:220px;max-height:280px}.cam-countdown-number{font-size:3.5rem}.cam-quality-pill{padding:3px 8px;font-size:.62rem;top:6px;left:6px}.enroll-steps-bar{gap:4px;padding:6px 8px}.enroll-step-node{gap:4px;font-size:.68rem}.step-circle{width:18px;height:18px;font-size:.62rem}.multi-face-preview-grid{grid-template-columns:repeat(3,1fr);gap:6px}.pose-preview-tile{padding:4px 4px 6px}.pose-label{font-size:.6rem}.finance-stats-grid{gap:10px;grid-template-columns:1fr!important}.finance-nav-tabs{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}}.office-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.office-kpi-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#0f172acc 0%,#020617b3 100%);border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.office-kpi-card:hover{border-color:#38bdf84d;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.office-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.office-kpi-icon.emerald{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.office-kpi-icon.cyan{color:#06b6d4;background:#06b6d426;border:1px solid #06b6d44d}.office-kpi-icon.indigo{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.office-kpi-icon.gold{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.office-kpi-info{flex-direction:column;min-width:0;display:flex}.office-kpi-val{color:#f8fafc;letter-spacing:-.02em;font-size:1.3rem;font-weight:800;line-height:1.2}.office-kpi-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.76rem;font-weight:600;overflow:hidden}.office-cards-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.office-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0f172ad9 0%,#0a0f1df2 100%);border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:14px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 24px #0000004d}.office-card:hover{border-color:#38bdf859;transform:translateY(-4px);box-shadow:0 16px 36px #00000073,0 0 20px #38bdf81a}.office-card.is-inactive{opacity:.65;border-color:#ef444440}.office-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.office-code-chip{color:#38bdf8;letter-spacing:.06em;background:#38bdf826;border:1px solid #38bdf859;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:800}.office-status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.office-status-pill.active{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.office-status-pill.inactive{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.office-status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.office-card-title{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.office-card-address{color:#94a3b8;align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.4;display:flex}.office-card-address .icon-map{color:#38bdf8;flex-shrink:0;margin-top:2px}.office-geofence-box{background:#02061799;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.geofence-gauge-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.geofence-gauge-label{color:#cbd5e1;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.geofence-range-badge{border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:800}.geofence-range-badge.strict{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.geofence-range-badge.standard{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d44d}.geofence-range-badge.wide{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.geofence-range-badge.district{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.geofence-meter-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.geofence-meter-fill{border-radius:999px;height:100%;transition:width .4s}.geofence-meter-fill.strict{background:linear-gradient(90deg,#10b981,#059669)}.geofence-meter-fill.standard{background:linear-gradient(90deg,#06b6d4,#0284c7)}.geofence-meter-fill.wide{background:linear-gradient(90deg,#6366f1,#4f46e5)}.geofence-meter-fill.district{background:linear-gradient(90deg,#f59e0b,#d97706)}.geofence-meter-labels{color:#64748b;justify-content:space-between;font-size:.68rem;font-weight:600;display:flex}.office-gps-bar{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.office-coords-text{align-items:center;gap:6px;font-size:.76rem;display:flex}.office-coords-text .coord-label{color:#64748b;font-weight:700}.office-coords-text .coord-value{color:#cbd5e1;font-family:monospace}.btn-office-map-link{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-office-map-link:hover{color:#bae6fd;background:#38bdf833}.office-notes-row{color:#94a3b8;font-size:.76rem;line-height:1.35}.office-card-actions{border-top:1px solid #ffffff0f;align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.btn-office-edit{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-office-edit:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.btn-office-delete{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.btn-office-delete:hover{background:#ef444433;border-color:#ef444466}.gps-fetch-action-box{background:#02061799;border:1px solid #38bdf833;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.btn-gps-auto-detect{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-gps-auto-detect:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 12px #0284c766}.btn-gps-auto-detect:disabled{opacity:.6;cursor:not-allowed}.range-slider-wrap{background:#02061799;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.range-slider-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.range-slider-header label{color:#cbd5e1;margin:0;font-size:.82rem;font-weight:700}.range-slider-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:800}.finance-range-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:999px;outline:none;width:100%;height:6px}.finance-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 0 10px #10b98199}.finance-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-slider-ticks{color:#64748b;justify-content:space-between;font-size:.68rem;font-weight:600;display:flex}.range-preset-group{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.range-preset-chip{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:.76rem;font-weight:700;transition:all .2s}.range-preset-chip:hover{color:#f1f5f9;background:#ffffff1a}.range-preset-chip.active{color:#34d399;background:#10b98126;border-color:#10b98166}.range-explainer-banner{color:#94a3b8;background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 14px;font-size:.76rem;line-height:1.4;display:flex}.range-explainer-banner strong{color:#34d399}.range-explainer-banner em{color:#fbbf24;font-style:normal}@media (max-width:900px){.office-kpi-grid{grid-template-columns:repeat(2,1fr)}.office-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){.office-kpi-grid{grid-template-columns:1fr}.range-preset-group{flex-direction:column}.range-preset-chip{text-align:center;width:100%}.gps-fetch-action-box{flex-direction:column;align-items:stretch}.btn-gps-auto-detect{justify-content:center}}.payroll-subnav-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto}.payroll-subnav-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.payroll-subnav-btn:hover{color:#f1f5f9;background:#ffffff0d}.payroll-subnav-btn.active{color:#34d399;background:linear-gradient(135deg,#10b98133 0%,#0596691a 100%);border-color:#10b98166;box-shadow:0 0 12px #10b98126}.payroll-subnav-badge{color:#34d399;background:#10b98133;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:800}.payroll-export-dropdown-wrap{position:relative}.payroll-export-dropdown-menu{z-index:100;background:#0f172a;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:2px;width:260px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 35px -5px #0009,0 0 15px #10b9811a}.payroll-export-option{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.payroll-export-option:hover{color:#34d399;background:#10b9811f}.p-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.p-status-badge.draft{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.p-status-badge.approved{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.p-status-badge.paid{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.p-status-badge.active{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.p-status-badge.paused{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.disburse-summary-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.disburse-summary-row{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.disburse-summary-row strong{color:#f1f5f9;font-weight:700}.disburse-summary-row.total-highlight{border-top:1px dashed #ffffff1f;margin-top:4px;padding-top:8px}.disburse-notice-box{background:#10b98114;border:1px solid #10b98140;border-radius:10px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px;display:flex}.payslip-modal-card{background:#070d18;border:1px solid #10b98140;border-radius:16px;flex-direction:column;width:95vw;max-width:860px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000f2,0 0 35px #10b98126}.payslip-modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.payslip-modal-body{background:#070d18;justify-content:center;padding:14px 16px;display:flex;overflow-y:auto}.payslip-modal-body::-webkit-scrollbar{width:6px}.payslip-modal-body::-webkit-scrollbar-track{background:#070d18}.payslip-modal-body::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}.payslip-sheet{color:#0f172a;box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:8px;flex-direction:column;width:100%;max-width:820px;padding:14px 18px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;box-shadow:0 10px 30px #00000073;background:#fff!important}.payslip-sheet-header{border-bottom:2px solid #064e3b;justify-content:space-between;align-items:flex-start;margin-bottom:5px;padding-bottom:5px;display:flex}.payslip-corp-brand{align-items:center;gap:6px;margin-bottom:1px;display:flex}.payslip-brand-tag{color:#065f46;letter-spacing:.03em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:800}.payslip-corp-title{color:#064e3b;letter-spacing:-.01em;font-size:.96rem;font-weight:900;line-height:1.15}.payslip-corp-sub{color:#1e293b;margin-top:1px;font-size:.68rem;font-weight:700}.payslip-corp-legal{color:#64748b;margin-top:1px;font-size:.56rem}.payslip-badge-block{text-align:right;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.payslip-doc-badge{color:#fff;letter-spacing:.06em;background:#047857;border-radius:3px;padding:2px 7px;font-size:.6rem;font-weight:800}.payslip-period-badge,.payslip-date-badge,.payslip-ref-badge{color:#475569;font-size:.64rem;line-height:1.2}.payslip-period-badge strong,.payslip-date-badge strong,.payslip-ref-badge strong{color:#0f172a}.payslip-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:1.15fr 1fr;gap:10px;margin-bottom:5px;padding:5px 8px;display:grid}.payslip-meta-col{flex-direction:column;gap:2px;display:flex}.payslip-meta-row{justify-content:space-between;align-items:center;font-size:.66rem;line-height:1.2;display:flex}.payslip-meta-lbl{color:#64748b;letter-spacing:.02em;font-size:.58rem;font-weight:700}.payslip-meta-val{color:#0f172a;text-align:right;font-weight:600}.payslip-meta-val.bold{font-weight:800}.payslip-meta-val.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.payslip-meta-val.text-emerald{color:#047857}.payslip-stats-strip{text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:5px;padding:4px 6px;display:grid}.payslip-stat-pill{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;gap:1px;padding:2px;display:flex}.payslip-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.54rem;font-weight:700}.payslip-stat-num{color:#0f172a;font-size:.72rem;font-weight:800}.payslip-tables-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:5px;display:grid}.payslip-table-box{background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.payslip-table-title{letter-spacing:.03em;justify-content:space-between;padding:3px 8px;font-size:.64rem;font-weight:800;display:flex}.payslip-table-title.earnings-title{color:#fff;background:#064e3b;border-bottom:1px solid #047857}.payslip-table-title.deductions-title{color:#fff;background:#991b1b;border-bottom:1px solid #b91c1c}.payslip-data-table{border-collapse:collapse;width:100%;font-size:.66rem}.payslip-data-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:2px 8px;line-height:1.2}.payslip-data-table tbody tr:nth-child(2n){background-color:#f8fafc}.payslip-data-table .text-right{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.payslip-total-row td{color:#0f172a;background:#f8fafc;border-top:1.5px solid #cbd5e1;border-bottom:none;padding:3px 8px;font-size:.7rem;font-weight:900}.payslip-net-banner{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 12px;display:flex}.payslip-net-left{flex-direction:column;gap:1px;display:flex}.payslip-net-lbl{letter-spacing:.06em;color:#a7f3d0;font-size:.6rem;font-weight:800}.payslip-net-words{color:#fff;max-width:520px;font-size:.63rem;font-style:italic;font-weight:600;line-height:1.2}.payslip-net-right{align-items:baseline;gap:4px;display:flex}.payslip-net-currency{color:#a7f3d0;font-size:.66rem;font-weight:700}.payslip-net-amount{letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:900}.payslip-er-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:5px;padding:3px 8px}.payslip-er-title{color:#475569;letter-spacing:.03em;margin-bottom:1px;font-size:.54rem;font-weight:800}.payslip-er-grid{grid-template-columns:repeat(5,1fr);gap:5px;font-size:.62rem;display:grid}.payslip-er-item{flex-direction:column;gap:1px;display:flex}.payslip-er-item span{color:#64748b;font-size:.54rem;font-weight:600}.payslip-er-item strong{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.payslip-sig-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;margin-bottom:4px;display:grid}.payslip-sig-box{text-align:center;flex-direction:column;align-items:center;display:flex}.payslip-sig-line{background:#0f172a;width:100%;height:1px;margin-top:14px;margin-bottom:2px}.payslip-sig-name{color:#0f172a;letter-spacing:.02em;font-size:.6rem;font-weight:800}.payslip-sig-sub{color:#64748b;margin-top:1px;font-size:.54rem}.payslip-sig-date{color:#64748b;margin-top:2px;font-size:.54rem;font-weight:600}.payslip-footer-notice{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:3px;padding-top:3px;font-size:.54rem;display:flex}@page{size:A5 landscape;margin:4mm}@page{size:portrait;margin:6mm 8mm}@media print{*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{color:#0f172a!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden}.no-print,.payslip-modal-header,.modal-close-btn,nav,header,footer,aside,.finance-nav-strip,.finance-header-bar{display:none!important}.finance-modal-overlay{background:0 0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.payslip-modal-card{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.payslip-modal-body{background:0 0!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}#printable-payslip,#printable-payslip *{visibility:visible}#printable-payslip{width:100%!important;max-width:100%!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1px solid #cbd5e1!important;border-radius:6px!important;margin:0 auto!important;padding:12px 14px!important;position:relative!important;top:0!important;left:0!important}.payslip-sheet-header{margin-bottom:6px!important;padding-bottom:6px!important}.payslip-meta-grid{margin-bottom:6px!important;padding:6px 10px!important}.payslip-stats-strip{margin-bottom:6px!important;padding:4px 8px!important}.payslip-tables-grid{gap:8px!important;margin-bottom:6px!important}.payslip-data-table td{padding:3px 8px!important}.payslip-total-row td{padding:4px 8px!important}.payslip-net-banner{margin-bottom:6px!important;padding:6px 12px!important}.payslip-er-block{margin-bottom:6px!important;padding:4px 8px!important}.payslip-sig-grid{gap:16px!important;margin-top:8px!important;margin-bottom:4px!important}}.emp-auth-viewport{background:radial-gradient(circle at 50% 20%,#064e3b 0%,#090d16 65%,#020617 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.emp-loading-screen{color:#94a3b8;background:#090d16;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-size:.9rem;display:flex}.emp-spinner{border:3px solid #10b98133;border-top-color:#34d399;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.emp-auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172abf;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:420px;padding:32px 24px;animation:.3s ease-out fadeIn;box-shadow:0 25px 50px -12px #000c,0 0 30px #10b98126}.emp-auth-header{text-align:center;margin-bottom:24px}.emp-brand-emblem{background:linear-gradient(135deg,#10b98133 0%,#05966966 100%);border:1px solid #10b98166;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 12px;display:flex;box-shadow:0 0 20px #10b98140}.emp-auth-header h2{color:#f8fafc;letter-spacing:-.01em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.emp-auth-header p{color:#94a3b8;margin:0;font-size:.8rem}.emp-auth-toggle-bar{background:#02061799;border:1px solid #ffffff1a;border-radius:12px;gap:6px;margin-bottom:20px;padding:4px;display:flex}.emp-auth-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.emp-auth-toggle-btn:hover{color:#f1f5f9}.emp-auth-toggle-btn.active{color:#34d399;background:linear-gradient(135deg,#10b98140 0%,#05966926 100%);border:1px solid #10b98166;box-shadow:0 0 10px #10b98126}.emp-face-auth-box{flex-direction:column;gap:14px;animation:.2s ease-out fadeIn;display:flex}.emp-face-cam-wrap{aspect-ratio:1;background:#000;border:3px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:280px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #10b98159,inset 0 0 20px #000c}.emp-face-video-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.emp-face-cam-standby{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:.82rem;display:flex}.emp-face-target-oval{pointer-events:none;border:2px dashed #34d39999;border-radius:50%;position:absolute;inset:8%}.emp-face-instruction{color:#cbd5e1;text-align:center;background:#10b98114;border:1px solid #10b98133;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;display:flex}.emp-quick-helper{color:#cbd5e1;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 12px;font-size:.77rem;display:flex}.emp-quick-helper strong{color:#34d399}.emp-error-box{color:#fca5a5;background:#e11d481f;border:1px solid #e11d484d;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8rem;display:flex}.emp-auth-form{flex-direction:column;gap:16px;display:flex}.emp-field-group{flex-direction:column;gap:6px;display:flex}.emp-field-group label{color:#cbd5e1;font-size:.78rem;font-weight:700}.emp-input-wrap{align-items:center;display:flex;position:relative}.emp-input-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.emp-input-wrap input{color:#f8fafc;background:#02061799;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.9rem;transition:all .2s}.emp-input-wrap input:focus{background:#020617e6;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.emp-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.emp-eye-btn:hover{color:#f1f5f9}.emp-form-options{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.emp-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.emp-checkbox-label input[type=checkbox]{accent-color:#10b981;border-radius:4px;width:16px;height:16px}.emp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:12px;width:100%;margin-top:6px;padding:13px 20px;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b9814d}.emp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.emp-btn-primary:active:not(:disabled){transform:translateY(0)}.emp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.emp-btn-content,.emp-btn-loader{justify-content:center;align-items:center;gap:8px;display:flex}.emp-auth-footer{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:.75rem;display:flex}.emp-portal-viewport{color:#f1f5f9;background:#090d16;min-height:100dvh;padding-bottom:90px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.emp-top-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d16d9;border-bottom:1px solid #ffffff14;padding:12px 16px;position:sticky;top:0}.emp-header-inner{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;display:flex}.emp-user-summary{align-items:center;gap:12px;display:flex}.emp-avatar-box{background:#10b98126;border:1px solid #10b98166;border-radius:12px;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.emp-avatar-img{object-fit:cover;width:100%;height:100%}.emp-avatar-placeholder{color:#34d399;justify-content:center;align-items:center;width:100%;height:100%;font-size:.95rem;font-weight:800;display:flex}.emp-online-dot{background:#10b981;border:2px solid #090d16;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.emp-user-greeting{color:#f8fafc;font-size:.95rem;font-weight:800;line-height:1.2}.emp-user-sub{color:#94a3b8;margin-top:2px;font-size:.75rem}.emp-header-actions{align-items:center;gap:8px;display:flex}.emp-icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.emp-icon-btn:hover{color:#f1f5f9;background:#ffffff1a}.emp-logout-btn{color:#fb7185;cursor:pointer;background:#e11d481a;border:1px solid #e11d4840;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.emp-logout-btn:hover{color:#fda4af;background:#e11d4833}.emp-main-content{max-width:680px;margin:0 auto;padding:16px}.emp-tab-view{flex-direction:column;display:flex}.emp-hero-clock-card{background:linear-gradient(135deg,#064e3b66 0%,#0f172acc 100%);border:1px solid #10b9814d;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 15px 30px -10px #00000080,0 0 20px #10b9811a}.emp-hero-top-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.emp-clock-date-pill{color:#cbd5e1;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.emp-duty-status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.73rem;font-weight:700;display:flex}.status-indicator-dot{border-radius:50%;width:7px;height:7px}.emp-duty-status-pill.status-in{color:#34d399;background:#10b98133;border:1px solid #10b98166}.emp-duty-status-pill.status-in .status-indicator-dot{background:#34d399;box-shadow:0 0 8px #34d399}.emp-duty-status-pill.status-done{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866}.emp-duty-status-pill.status-done .status-indicator-dot{background:#38bdf8}.emp-duty-status-pill.status-none{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.emp-duty-status-pill.status-none .status-indicator-dot{background:#94a3b8}.emp-hero-clock-body{flex-direction:column;gap:16px;display:flex}.emp-live-time-sub{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.74rem;font-weight:700}.emp-hero-time-stamps{background:#02061799;border:1px solid #ffffff14;border-radius:14px;align-items:center;padding:12px 16px;display:flex}.emp-time-stamp-item{flex-direction:column;flex:1;gap:2px;display:flex}.emp-time-stamp-item .lbl{color:#64748b;font-size:.68rem;font-weight:700}.emp-time-stamp-item .val{color:#f1f5f9;font-family:ui-monospace,monospace;font-size:1.15rem;font-weight:900}.emp-stamp-divider{background:#ffffff1a;width:1px;height:32px;margin:0 16px}.emp-hero-punch-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 20px #10b98159}.emp-hero-punch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.emp-section-title{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-size:.84rem;font-weight:800;display:flex}.emp-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.emp-kpi-card{text-align:center;background:#0f172a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;display:flex}.emp-kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:flex}.emp-kpi-val{color:#f8fafc;font-size:1.05rem;font-weight:900}.emp-kpi-lbl{color:#94a3b8;font-size:.65rem;font-weight:600}.emp-payslip-summary-card{cursor:pointer;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:16px;transition:all .2s}.emp-payslip-summary-card:hover{background:#0f172ae6;border-color:#10b98166;transform:translateY(-2px)}.emp-p-sum-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;display:flex}.emp-p-sum-period{color:#f8fafc;font-size:.88rem;font-weight:800}.emp-p-sum-gross{color:#94a3b8;margin-top:2px;font-size:.74rem}.emp-p-sum-bottom{justify-content:space-between;align-items:flex-end;display:flex}.emp-p-net-lbl{color:#34d399;letter-spacing:.08em;font-size:.68rem;font-weight:800}.emp-p-net-amount{color:#34d399;font-family:ui-monospace,monospace;font-size:1.35rem;font-weight:900}.emp-view-payslip-btn{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex}.emp-thirteenth-banner{background:linear-gradient(135deg,#10b9811f 0%,#38bdf814 100%);border:1px solid #10b98140;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.emp-thirteenth-left{align-items:center;gap:12px;display:flex}.emp-thirteenth-title{color:#f8fafc;font-size:.82rem;font-weight:800}.emp-thirteenth-sub{color:#94a3b8;margin-top:1px;font-size:.7rem}.emp-thirteenth-amount{color:#34d399;font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:900}.emp-scanner-container{flex-direction:column;gap:14px;display:flex}.emp-scanner-header{justify-content:space-between;align-items:center;display:flex}.emp-scanner-header h3{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:800}.emp-scanner-header p{color:#94a3b8;margin:2px 0 0;font-size:.75rem}.emp-camera-switch-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex}.emp-camera-viewport-box{aspect-ratio:4/3;background:#000;border:2px solid #10b98166;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0009}.emp-camera-video-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.emp-camera-disabled-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;font-size:.85rem;display:flex}.emp-btn-activate-cam{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700}.emp-scanner-overlay-ring{pointer-events:none;border:2px dashed #34d39980;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:15%}.emp-scanner-scan-line{background:linear-gradient(90deg,#0000,#34d399,#0000);height:2px;animation:2.5s ease-in-out infinite alternate scanLine;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #34d399}@keyframes scanLine{0%{top:10%}to{top:90%}}.emp-gps-status-card{background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.emp-gps-status-left{align-items:center;gap:10px;display:flex}.emp-gps-pulse-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.emp-gps-pulse-dot.active{background:#10b981;box-shadow:0 0 10px #10b981}.emp-gps-pulse-dot.searching{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.emp-gps-title{color:#f1f5f9;font-size:.8rem;font-weight:700}.emp-gps-coords{color:#94a3b8;font-family:ui-monospace,monospace;font-size:.7rem}.emp-gps-refresh-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.72rem;font-weight:600;display:flex}.emp-gps-refresh-btn:hover{color:#f1f5f9;background:#ffffff1f}.emp-punch-action-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.emp-punch-btn{text-align:center;cursor:pointer;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 14px;transition:all .2s;display:flex}.emp-punch-btn strong{letter-spacing:.03em;font-size:.95rem;font-weight:900}.emp-punch-btn small{opacity:.85;font-size:.7rem}.emp-punch-btn.clock-in{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 6px 20px #10b98159}.emp-punch-btn.clock-out{color:#fff;background:linear-gradient(135deg,#b91c1c 0%,#f43f5e 100%);box-shadow:0 6px 20px #f43f5e59}.emp-punch-btn:hover:not(:disabled){transform:translateY(-2px)}.emp-punch-btn:disabled{opacity:.45;cursor:not-allowed}.emp-punch-result-card{background:#0f172ae6;border:1px solid #10b98166;border-radius:16px;padding:16px;box-shadow:0 10px 25px #00000080}.emp-p-res-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.emp-p-res-header h4{color:#34d399;margin:0;font-size:.95rem;font-weight:800}.emp-p-res-header small{color:#94a3b8;font-size:.72rem}.emp-p-res-body{align-items:center;gap:14px;display:flex}.emp-p-res-selfie{object-fit:cover;border:1px solid #10b98166;border-radius:10px;flex-shrink:0;width:64px;height:64px}.emp-p-res-details{flex-direction:column;gap:4px;display:flex}.emp-p-res-row{color:#cbd5e1;align-items:center;gap:6px;font-size:.75rem;display:flex}.emp-payslips-list{flex-direction:column;gap:12px;display:flex}.emp-payslip-item-card{cursor:pointer;background:#0f172aa6;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.emp-payslip-item-card:hover{background:#0f172ae6;border-color:#10b98159;transform:translate(3px)}.emp-ps-period-tag{color:#f8fafc;font-size:.88rem;font-weight:800}.emp-ps-days{color:#94a3b8;margin-top:2px;font-size:.74rem}.emp-ps-gross{color:#64748b;margin-top:1px;font-size:.74rem}.emp-ps-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.emp-ps-net{color:#34d399;font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:900}.emp-ps-open-btn{color:#94a3b8;background:0 0;border:none;align-items:center;gap:2px;font-size:.72rem;font-weight:700;display:flex}.emp-dtr-list{flex-direction:column;gap:8px;display:flex}.emp-dtr-row-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.emp-dtr-date-badge{flex-direction:column;min-width:60px;display:flex}.emp-dtr-date-badge .day{color:#34d399;text-transform:uppercase;font-size:.68rem;font-weight:800}.emp-dtr-date-badge .num{color:#f8fafc;font-size:.82rem;font-weight:700}.emp-dtr-stamps-col{flex-direction:column;gap:2px;font-size:.72rem;display:flex}.emp-dtr-stamp .lbl{color:#64748b;margin-right:4px;font-weight:700}.emp-dtr-stamp .val{color:#f1f5f9;font-family:ui-monospace,monospace}.emp-dtr-hours-col{text-align:right}.emp-dtr-hours-col .hours-val{color:#f8fafc;font-size:.85rem;font-weight:800}.ot-tag{color:#38bdf8;font-size:.65rem;font-weight:700;display:block}.late-tag{color:#fb7185;font-size:.65rem;font-weight:700;display:block}.emp-dtr-status-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800}.emp-dtr-status-tag.present{color:#34d399;background:#10b98126}.emp-dtr-status-tag.late{color:#fbbf24;background:#fbbf2426}.emp-dtr-status-tag.overtime{color:#38bdf8;background:#38bdf826}.emp-digital-card-wrap{perspective:1000px;margin-bottom:20px}.emp-digital-card{background:linear-gradient(135deg,#064e3b 0%,#0f172a 60%,#020617 100%);border:1px solid #10b98166;border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #000000b3,0 0 30px #10b9812e}.emp-dcard-glow{pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.emp-dcard-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.emp-dcard-corp{color:#34d399;letter-spacing:.08em;align-items:center;gap:8px;font-size:.85rem;font-weight:900;display:flex}.emp-dcard-chip{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:700;display:flex}.emp-dcard-body{align-items:center;gap:16px;margin-bottom:16px;display:flex}.emp-dcard-photo-box{background:#10b9811a;border:2px solid #34d399;border-radius:16px;flex-shrink:0;width:72px;height:72px;overflow:hidden;box-shadow:0 4px 12px #0006}.emp-dcard-photo{object-fit:cover;width:100%;height:100%}.emp-dcard-photo-placeholder{color:#34d399;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;font-weight:900;display:flex}.emp-dcard-name{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:900}.emp-dcard-role{color:#34d399;margin-top:1px;font-size:.8rem;font-weight:700}.emp-dcard-dept{color:#94a3b8;margin-top:1px;font-size:.72rem}.emp-dcard-code{color:#f1f5f9;margin-top:4px;font-size:.8rem;font-weight:800}.emp-dcard-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-top:12px;display:flex}.emp-dcard-hired{color:#94a3b8;font-size:.68rem}.emp-dcard-hired span{color:#64748b;font-weight:700}.emp-dcard-qr{color:#34d399}.emp-profile-info-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;padding:16px}.emp-p-card-title{color:#f1f5f9;align-items:center;gap:8px;margin-bottom:12px;font-size:.84rem;font-weight:800;display:flex}.emp-statutory-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.emp-stat-item{flex-direction:column;gap:2px;display:flex}.emp-stat-item.full-width{grid-column:span 2}.emp-stat-item .lbl{color:#64748b;font-size:.68rem;font-weight:700}.emp-stat-item .val{color:#f1f5f9;font-size:.82rem;font-weight:700}.emp-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#090d16f2;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;height:72px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 25px #0009}.emp-nav-tab{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.68rem;font-weight:700;transition:all .2s;display:flex}.emp-nav-tab.active{color:#34d399}.emp-nav-punch-pill{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:3px solid #090d16;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-16px;display:flex;box-shadow:0 4px 15px #10b98173}.emp-empty-card{text-align:center;color:#94a3b8;background:#0f172a66;border:1px dashed #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;display:flex}.emp-empty-card h4{color:#f1f5f9;margin:0;font-size:.95rem}.emp-empty-card p{max-width:320px;margin:0;font-size:.78rem}.emp-toast{z-index:200;background:#0f172a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:.82rem;font-weight:600;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.emp-toast.success{color:#34d399;border-color:#10b98166}.emp-toast.error{color:#fb7185;border-color:#e11d4866}.emp-toast.info{color:#38bdf8;border-color:#38bdf866}.emp-toast.warning{color:#fbbf24;border-color:#fbbf2466}.emp-modal-card{background:#090d16;border:1px solid #ffffff1f;border-radius:16px;width:90vw;max-width:440px;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.emp-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.emp-modal-body{padding:20px}.emp-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}.emp-btn-outline{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.emp-btn-outline:hover{color:#fff;background:#ffffff14}@media (min-width:768px){.emp-bottom-nav{display:none}.emp-portal-viewport{padding-bottom:40px}}@media (max-width:480px){.hide-mobile{display:none}.emp-kpi-grid{grid-template-columns:repeat(2,1fr)}.emp-statutory-grid{grid-template-columns:1fr}.emp-stat-item.full-width{grid-column:span 1}}.pub-scanner-viewport{color:#f1f5f9;background:radial-gradient(circle at 50% 10%,#064e3b 0%,#090d16 55%,#020617 100%);min-height:100dvh;padding-bottom:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.pub-scanner-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d16d9;border-bottom:1px solid #ffffff14;padding:12px 16px;position:sticky;top:0}.pub-header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:620px;margin:0 auto;display:flex}.pub-brand-box{align-items:center;gap:10px;display:flex}.pub-emblem{background:#10b98126;border:1px solid #10b98159;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pub-brand-box h2{color:#f8fafc;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.pub-brand-box p{color:#94a3b8;margin:0;font-size:.72rem}.pub-header-time-pill{color:#f1f5f9;background:#020617cc;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:800;display:flex}.pub-main-container{flex-direction:column;gap:20px;width:100%;max-width:1120px;margin:0 auto;padding:16px 20px 40px;display:flex}.pub-scanner-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:24px;padding:20px;box-shadow:0 20px 45px -10px #000000bf,0 0 30px #10b9811f}.pub-scanner-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;display:grid}.pub-grid-camera,.pub-grid-controls{flex-direction:column;gap:12px;display:flex}@media (max-width:880px){.pub-main-container{max-width:580px;padding:12px 14px 30px}.pub-scanner-grid{grid-template-columns:1fr;gap:16px}}.pub-cam-subbar{justify-content:space-between;align-items:center;gap:10px;padding:2px 4px;display:flex}.pub-scanner-topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pub-gps-pill{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:flex}.pub-gps-dot{border-radius:50%;width:7px;height:7px}.pub-gps-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.pub-gps-dot.searching{background:#fbbf24}.pub-icon-action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:700;display:flex}.pub-icon-action-btn:hover{color:#f1f5f9;background:#ffffff1f}.pub-camera-viewport-wrap{aspect-ratio:4/3;background:#000;border:2px solid #10b98173;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 10px 25px #00000080}.pub-camera-video{object-fit:cover;width:100%;height:100%}.pub-camera-video.mirrored{transform:scaleX(-1)}.pub-camera-disabled-box{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.pub-camera-disabled-box p{max-width:240px;margin:0;font-size:.76rem}.pub-btn-start-cam{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;margin-top:6px;padding:8px 18px;font-size:.82rem;font-weight:800}.pub-quality-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;pointer-events:none;background:#020617bf;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.pub-q-dot{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d399}.pub-scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pub-scanner-ring{border:2px dashed #34d3998c;border-radius:45%;width:65%;height:80%;position:relative;box-shadow:0 0 20px #10b98133}.pub-scanner-scan-line{background:linear-gradient(90deg,#0000,#34d399,#0000);height:2px;animation:2.5s ease-in-out infinite alternate scanLine;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #34d399}.pub-scanner-reticle{border-style:solid;border-color:#34d399;width:14px;height:14px;position:absolute}.pub-scanner-reticle.tl{border-width:2px 0 0 2px;top:-2px;left:-2px}.pub-scanner-reticle.tr{border-width:2px 2px 0 0;top:-2px;right:-2px}.pub-scanner-reticle.bl{border-width:0 0 2px 2px;bottom:-2px;left:-2px}.pub-scanner-reticle.br{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.pub-rule-banner{color:#cbd5e1;text-align:center;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:.78rem;display:flex}.pub-rule-banner strong{color:#34d399}.pub-single-action-wrap{margin-top:14px}.pub-master-punch-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 20px;font-size:.98rem;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 25px #10b98173}.pub-master-punch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #10b98199}.pub-master-punch-btn:active:not(:disabled){transform:translateY(0)}.pub-master-punch-btn:disabled{opacity:.5;cursor:not-allowed}.pub-emp-select-wrap{margin-top:10px}.pub-emp-select{color:#f1f5f9;background:#02061799;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:.8rem}.pub-emp-select:focus{border-color:#10b981}.pub-action-buttons-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.pub-punch-btn{cursor:pointer;text-align:left;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pub-punch-btn strong{letter-spacing:.03em;font-size:1rem;font-weight:900;display:block}.pub-punch-btn small{opacity:.85;font-size:.68rem}.pub-punch-btn.time-in-btn{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 6px 18px #10b98159}.pub-punch-btn.time-out-btn{color:#fff;background:linear-gradient(135deg,#b91c1c 0%,#f43f5e 100%);box-shadow:0 6px 18px #f43f5e59}.pub-punch-btn:hover:not(:disabled){transform:translateY(-2px)}.pub-punch-btn:disabled{opacity:.45;cursor:not-allowed}.pub-auto-trigger-wrap{margin-top:10px}.pub-auto-scan-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;width:100%;padding:11px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.pub-auto-scan-btn:hover:not(:disabled){color:#34d399;background:#10b98126;border-color:#10b98166}.pub-btn-loading,.pub-btn-content{justify-content:center;align-items:center;gap:8px;display:flex}.pub-result-modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#020617d9;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.pub-result-modal-card{text-align:center;background:radial-gradient(circle at 50% 0,#064e3b 0%,#0f172a 60%,#020617 100%);border:2px solid #10b981;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:26px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScale;display:flex;position:relative;box-shadow:0 25px 65px -10px #000000e6,0 0 35px #10b98159}.pub-result-modal-card.time-out{background:radial-gradient(circle at 50% 0,#1e3a5f 0%,#0f172a 60%,#020617 100%);border-color:#38bdf8;box-shadow:0 25px 65px -10px #000000e6,0 0 35px #38bdf859}.pub-modal-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.82rem;font-weight:900;display:inline-flex}.pub-result-modal-card .pub-modal-badge.time-in{color:#34d399;background:#10b98140;border:1.5px solid #10b98180;box-shadow:0 0 15px #10b98140}.pub-result-modal-card.time-out .pub-modal-badge.time-out{color:#38bdf8;background:#38bdf840;border:1.5px solid #38bdf880;box-shadow:0 0 15px #38bdf840}.pub-modal-avatar-wrap{margin-bottom:14px;position:relative}.pub-modal-avatar{object-fit:cover;border:3px solid #10b981;border-radius:50%;width:96px;height:96px;box-shadow:0 0 25px #10b98180}.pub-result-modal-card.time-out .pub-modal-avatar{border-color:#38bdf8;box-shadow:0 0 25px #38bdf880}.pub-modal-name{color:#fff;letter-spacing:-.01em;margin-bottom:3px;font-size:1.45rem;font-weight:900}.pub-modal-dept{color:#94a3b8;margin-bottom:16px;font-size:.84rem;font-weight:600}.pub-modal-details-box{text-align:left;background:#020617b3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;width:100%;margin-bottom:18px;padding:14px 16px;display:flex}.pub-modal-detail-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.pub-modal-detail-row span.label{color:#64748b;font-weight:700}.pub-modal-detail-row span.value{color:#f8fafc;font-family:ui-monospace,monospace;font-weight:800}.pub-modal-chips-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;display:flex}.pub-ack-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#06b6d4 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 20px;font-size:.98rem;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 25px #10b98173}.pub-ack-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10b981a6}.pub-ack-btn:active{transform:translateY(0)}.pub-ack-countdown-text{color:#94a3b8;margin-top:8px;font-size:.72rem;font-weight:600}.pub-result-card{background:#0f172af2;border:2px solid #10b981;border-radius:18px;padding:16px;animation:.2s ease-out fadeIn;box-shadow:0 20px 40px #000c,0 0 25px #10b9814d}.pub-res-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;display:flex}.pub-res-badge{align-items:center;gap:10px;display:flex}.pub-res-badge h3{color:#34d399;letter-spacing:.04em;margin:0;font-size:1.05rem;font-weight:900}.pub-res-badge small{color:#94a3b8;font-size:.72rem}.pub-res-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1rem}.pub-res-body{align-items:center;gap:16px;display:flex}.pub-res-selfie{object-fit:cover;border:2px solid #34d399;border-radius:14px;flex-shrink:0;width:72px;height:72px}.pub-res-avatar-placeholder{color:#34d399;background:#10b98133;border:2px solid #34d399;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.4rem;font-weight:900;display:flex}.pub-res-name{color:#fff;font-size:1.15rem;font-weight:900;line-height:1.2}.pub-res-role{color:#94a3b8;margin-top:2px;font-size:.78rem}.pub-res-dept{color:#64748b;margin-top:1px;font-size:.72rem}.pub-res-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pub-chip{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:flex}.pub-chip.emerald{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.pub-chip.blue{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.pub-chip.sky{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.pub-feed-card{background:#0f172aa6;border:1px solid #ffffff14;border-radius:18px;padding:16px}.pub-feed-title{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.82rem;font-weight:800;display:flex}.pub-feed-count{color:#34d399;background:#10b98126;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.pub-feed-list{flex-direction:column;gap:8px;display:flex}.pub-feed-item{background:#02061780;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.pub-feed-avatar{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;flex-shrink:0;width:38px;height:38px;overflow:hidden}.pub-feed-avatar-img{object-fit:cover;width:100%;height:100%}.pub-feed-avatar-initials{color:#34d399;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;font-weight:800;display:flex}.pub-feed-info{flex:1}.pub-feed-name{color:#f8fafc;font-size:.86rem;font-weight:800}.pub-feed-sub{color:#94a3b8;margin-top:1px;font-size:.7rem}.pub-feed-stamps{text-align:right;flex-direction:column;gap:1px;font-family:ui-monospace,monospace;font-size:.72rem;display:flex}.pub-feed-in span,.pub-feed-out span{color:#64748b;font-weight:700}.pub-feed-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800}.pub-feed-badge.present{color:#34d399;background:#10b98126}.pub-feed-badge.late{color:#fbbf24;background:#fbbf2426}.pub-feed-badge.overtime{color:#38bdf8;background:#38bdf826}.pub-empty-feed{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:.78rem;display:flex}.emp-geofence-banner{border-radius:10px;margin:2px 0 6px;padding:10px 14px;transition:all .3s}.emp-geofence-banner.in_range{background:#10b98114;border:1px solid #10b98159}.emp-geofence-banner.out_of_range{background:#ef44441f;border:1px solid #ef444473;box-shadow:0 0 16px #ef44441f}.emp-geofence-banner.no_gps{background:#f59e0b1a;border:1px solid #f59e0b66}.emp-geofence-banner.acquiring{background:#38bdf814;border:1px dashed #38bdf859}.emp-geo-inner{flex-direction:column;gap:4px;display:flex}.emp-geo-title{align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.emp-geo-inner.in-range .emp-geo-title{color:#34d399}.emp-geo-inner.out-of-range .emp-geo-title{color:#f87171}.emp-geo-inner.no-gps .emp-geo-title{color:#fbbf24}.emp-geo-inner.acquiring .emp-geo-title{color:#38bdf8}.emp-geo-sub{color:#cbd5e1;margin:0;font-size:.74rem;line-height:1.4}.emp-geo-sub .geo-highlight{color:#34d399;font-weight:800}.emp-geo-retry-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;margin-top:4px;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.emp-geo-retry-btn:hover{background:#ffffff29;border-color:#fff6}.btn-kiosk-punch.blocked{color:#fca5a5!important;cursor:not-allowed!important;box-shadow:none!important;background:linear-gradient(135deg,#ef444440,#b91c1c66)!important;border-color:#ef444480!important}.office-status-pill-toggle{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.office-status-pill-toggle.active{color:#34d399;background:#10b9811f;border-color:#10b9814d}.office-status-pill-toggle.active:hover{background:#10b98138;border-color:#10b98180}.office-status-pill-toggle.inactive{color:#94a3b8;background:#94a3b81a;border-color:#94a3b840}.office-status-pill-toggle.inactive:hover{background:#94a3b833;border-color:#94a3b866}.office-status-pill-toggle .dot{border-radius:50%;width:6px;height:6px}.office-status-pill-toggle.active .dot{background:#10b981;box-shadow:0 0 8px #10b981}.office-status-pill-toggle.inactive .dot{background:#64748b}.btn-office-toggle{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-office-toggle.btn-disable{color:#34d399;background:#10b9811a;border-color:#10b98159}.btn-office-toggle.btn-disable:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.btn-office-toggle.btn-enable{color:#94a3b8;background:#94a3b81a;border-color:#94a3b84d}.btn-office-toggle.btn-enable:hover{color:#34d399;background:#10b98126;border-color:#10b98166}.office-card.is-inactive{opacity:.75;background:#0f172a66!important;border-style:dashed!important;border-color:#94a3b840!important}.office-card.is-inactive:hover{opacity:1}.campaign-view-container,.campaign-analytics-container{flex-direction:column;gap:14px;display:flex;overflow-x:hidden;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0 0 28px!important}.campaign-hero-status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;flex-shrink:0;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.campaign-mode-tabs{background:#f0fdf4;border:1px solid #d1fae5;border-radius:10px;flex-shrink:1;align-items:center;gap:2px;min-width:0;max-width:100%;padding:3px;display:inline-flex}.campaign-mode-tab{color:#065f46;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.campaign-mode-tab:hover{color:#064e3b}.campaign-mode-tab.active{color:#064e3b;background:#fff;box-shadow:0 1px 2px #064e3b1a}.campaign-hero-banner{color:#fff;box-sizing:border-box;background:radial-gradient(80% 60% at 100% 0,#34d39938,#0000 55%),linear-gradient(145deg,#022c22 0%,#064e3b 48%,#047857 100%);border:1px solid #a7f3d01f;border-radius:16px;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden;box-shadow:0 12px 28px -8px #022c2259;padding:20px 22px!important}.campaign-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9812e 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-40px}.campaign-hero-top{box-sizing:border-box;z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;min-width:0;max-width:100%;display:flex;position:relative;margin-bottom:16px!important}.campaign-hero-title-area{box-sizing:border-box;flex-direction:column;flex:1;gap:6px;min-width:240px;max-width:100%;display:flex}.campaign-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.campaign-hero-badge{letter-spacing:.04em;text-transform:uppercase;color:#a7f3d0;background:#ecfdf51f;border:1px solid #a7f3d047;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.campaign-hero-base{color:#a7f3d0;font-size:.78rem;font-weight:600}.campaign-hero-title{letter-spacing:-.03em;color:#fff;margin:0;font-weight:800;line-height:1.15;font-size:1.55rem!important}.campaign-hero-sub{color:#bbf7d0;opacity:.92;max-width:36rem;margin:0;line-height:1.4;font-size:.84rem!important}.campaign-hero-tools{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.campaign-brgy-select-box{color:#a7f3d0;background:#00000047;border:1px solid #ffffff29;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.campaign-brgy-select-box select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:700}.campaign-brgy-select-box select option{color:#fff;background:#064e3b}.campaign-progress-card{box-sizing:border-box;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-width:0;max-width:100%;position:relative;padding:14px 16px!important}.campaign-progress-stats{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;display:flex;margin-bottom:12px!important}.campaign-progress-main-stat{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.campaign-progress-curr{color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:900;line-height:1;font-size:2rem!important}.campaign-progress-target{color:#a7f3d0;font-variant-numeric:tabular-nums;font-weight:650;font-size:1rem!important}.campaign-progress-pct-badge{color:#065f46;white-space:nowrap;background:#ecfdf5;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800}.campaign-progress-note{color:#d1fae5;margin:0;font-size:.82rem;font-weight:600}.campaign-progress-track{background:#ffffff24;border-radius:999px;width:100%;position:relative;overflow:hidden;height:10px!important}.campaign-progress-fill{background:linear-gradient(90deg,#6ee7b7 0%,#34d399 55%,#10b981 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.campaign-milestones-row{color:#a7f3d0;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;width:100%;font-weight:650;display:flex;margin-top:8px!important;font-size:.7rem!important}.campaign-milestones-row span{white-space:nowrap}.campaign-milestones-row .is-goal{color:#fef08a;font-weight:800}.campaign-pipeline{background:#fff;border:1px solid #cce8d8;border-radius:12px;width:100%;overflow:hidden}.campaign-pipeline-head{background:#f4faf6;border-bottom:1px solid #e2efe8;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.campaign-pipeline-kicker{letter-spacing:.08em;text-transform:uppercase;color:#065f46;font-size:.7rem;font-weight:800}.campaign-pipeline-note{color:#64748b;font-size:.76rem;font-weight:600}.campaign-pipeline-row{grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;align-items:stretch;gap:0;min-width:0;display:grid}@media (max-width:900px){.campaign-pipeline-row{grid-template-columns:1fr}.campaign-pipe-arrow{display:none!important}.campaign-pipe{border-bottom:1px solid #eef2f0}.campaign-pipe:last-child{border-bottom:0}}.campaign-pipe{flex-direction:column;gap:4px;min-width:0;padding:16px 18px;display:flex}.campaign-pipe.is-yield{background:#f7fbf8}.campaign-pipe-label{color:#64748b;letter-spacing:.02em;font-size:.72rem;font-weight:700}.campaign-pipe-num{color:#064e3b;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:850;line-height:1.1}.campaign-pipe-num em{color:#94a3b8;margin-left:2px;font-size:.9rem;font-style:normal;font-weight:650}.campaign-pipe-hint{color:#78716c;font-size:.72rem;line-height:1.35}.campaign-pipe-arrow{color:#a7c4b4;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 2px;font-size:1rem;font-weight:600;display:flex}.campaign-tiers-ribbon{display:contents}.campaign-tier-card,.campaign-tier-accent,.campaign-tier-top,.campaign-tier-icon,.campaign-tier-bar,.campaign-tier-quota-pill{display:none}.subleaders-section{box-sizing:border-box;width:100%;box-shadow:none;background:#fff;border:1px solid #cce8d8;border-radius:12px;flex-direction:column;display:flex;gap:12px!important;padding:16px!important}.subleaders-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.subleaders-title-wrap h4{color:#064e3b;letter-spacing:-.02em;margin:0 0 4px;font-weight:800;font-size:1.05rem!important}.subleaders-title-wrap span{color:#64748b;max-width:42rem;line-height:1.4;display:block;font-size:.78rem!important}.subleaders-toolbar{box-sizing:border-box;background:#f0fdf4;border:1px solid #d1fae5;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.subleaders-filter-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subleader-filter-pill{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:.74rem;font-weight:600;line-height:1.2;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.subleader-filter-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.subleader-filter-pill.active{color:#fff;background:#065f46;border-color:#065f46;box-shadow:0 1px 3px #064e3b2e}.subleader-pill-label{white-space:nowrap;display:inline-block}.subleader-pill-count{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:1px;padding:0 5px;font-size:.69rem;font-weight:700;transition:all .15s;display:inline-flex}.subleader-filter-pill:hover .subleader-pill-count{color:#0f172a;background:#e2e8f0}.subleader-filter-pill.active .subleader-pill-count{color:#fff;background:#ffffff2e}.subleader-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.subleader-status-dot.dot-active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.subleader-status-dot.dot-warning{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.subleader-status-dot.dot-danger{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.subleader-status-dot.dot-met{background:#059669;box-shadow:0 0 0 2px #05966940}.subleader-status-dot.dot-vacant{background:#94a3b8;box-shadow:0 0 0 2px #94a3b833}.subleader-filter-pill.active .subleader-status-dot.dot-active{background:#34d399;box-shadow:0 0 0 2px #34d3994d}.subleader-filter-pill.active .subleader-status-dot.dot-warning{background:#fbbf24;box-shadow:0 0 0 2px #fbbf244d}.subleader-filter-pill.active .subleader-status-dot.dot-danger{background:#f87171;box-shadow:0 0 0 2px #f871714d}.subleader-filter-pill.active .subleader-status-dot.dot-met{background:#34d399;box-shadow:0 0 0 2px #34d3994d}.subleader-filter-pill.active .subleader-status-dot.dot-vacant{background:#cbd5e1;box-shadow:0 0 0 2px #cbd5e14d}.subleaders-search-box{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:7px;min-width:200px;padding:5px 10px;transition:all .15s;display:flex}.subleaders-search-box:focus-within{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a14}.subleaders-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.78rem}.subleaders-view-toggles{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex}.subleaders-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 9px;font-size:.72rem;font-weight:600;transition:all .15s}.subleaders-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000f}.subleaders-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;gap:10px!important}.subleader-card{cursor:pointer;box-shadow:none;text-align:left;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #dce8e1;border-radius:10px;gap:10px;transition:border-color .15s,background .15s;position:relative;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;min-height:0!important;padding:14px 14px 12px!important;display:flex!important}.subleader-card:hover{box-shadow:none;background:#f7fbf8;border-color:#059669;transform:none}.subleader-card.assigned{background:#fff;border-color:#dce8e1}.subleader-card.unassigned{background:0 0;border:1px solid #e5ebe7;align-items:center;gap:12px;flex-direction:row!important;min-height:56px!important;padding:12px 14px!important}.subleader-card.unassigned:hover{background:#f0fdf4;border-color:#059669}.subleader-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.subleader-slot-num{color:#065f46;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}.subleader-health{color:#64748b;font-size:.68rem;font-weight:700}.subleader-health.dormant{color:#b91c1c}.subleader-health.bottleneck{color:#b45309}.subleader-health.on_track,.subleader-health.progress{color:#047857}.subleader-health.met{color:#065f46}.subleader-vacant-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.subleader-vacant-copy strong{color:#334155;font-size:.84rem;font-weight:750}.subleader-vacant-copy span{color:#94a3b8;font-size:.72rem}.subleader-vacant-cta{color:#047857;white-space:nowrap;align-items:center;gap:4px;font-size:.76rem;font-weight:750;display:inline-flex}.subleader-card-header-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.subleader-slot-pill{color:#047857;background:0 0;border:0;border-radius:0;align-items:center;padding:0;font-size:.72rem;font-weight:800;display:inline-flex}.subleader-slot-pill.vacant{color:#64748b}.subleader-profile-row{align-items:flex-start;gap:10px;width:100%;display:flex}.subleader-avatar-modern{color:#ecfdf5;width:36px;height:36px;box-shadow:none;background:#065f46;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.subleader-avatar-modern.vacant{color:#94a3b8;box-shadow:none;background:#eef2f0;border:0}.subleader-details-col{flex:1;min-width:0}.subleader-name-modern{color:#0f172a;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:2px;font-weight:750;line-height:1.3;display:-webkit-box;overflow:hidden;font-size:.88rem!important}.subleader-sub-modern{color:#64748b;align-items:center;gap:4px;font-size:.72rem;display:flex}.subleader-statline{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:2px;display:grid}.subleader-statline>div{flex-direction:column;gap:1px;min-width:0;display:flex}.subleader-statline span{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.64rem;font-weight:700}.subleader-statline strong{color:#064e3b;font-variant-numeric:tabular-nums;font-size:.86rem;font-weight:800}.subleader-metrics-container,.subleader-tracker-box{display:none}.subleader-tracker-bar{background:#e8f0eb;border-radius:999px;width:100%;height:3px;overflow:hidden}.subleader-tracker-fill{background:#059669;border-radius:999px;height:100%;transition:width .4s}.subleader-metrics-duo{display:none}.subleader-card-footer-modern{border-top:0;justify-content:space-between;align-items:center;margin-top:0;padding-top:2px;display:flex}.subleader-activity-pill{color:#94a3b8;align-items:center;gap:4px;font-size:.7rem;font-weight:650;display:flex}.subleader-activity-pill.active{color:#047857}.subleader-action-link{color:#065f46;align-items:center;gap:2px;font-size:.74rem;font-weight:750;transition:none;display:flex}.subleader-card:hover .subleader-action-link{color:#047857;transform:none}.subleader-vacant-center{display:none}.subleader-vacant-btn{color:#047857;cursor:pointer;background:#fff;border:1px solid #10b981;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:.78rem;font-weight:800;transition:all .2s;display:none}.subleader-vacant-btn:hover{color:#fff;background:#10b981;box-shadow:0 4px 10px #10b98140}.cascade-health-badge{white-space:nowrap!important;letter-spacing:.01em!important;border-radius:5px!important;align-items:center!important;gap:5px!important;padding:2.5px 7px!important;font-size:.69rem!important;font-weight:600!important;line-height:1.25!important;display:inline-flex!important}.cascade-health-badge .subleader-status-dot{width:6px!important;height:6px!important}.cascade-health-badge.on_track{color:#166534!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.cascade-health-badge.bottleneck{color:#92400e!important;background:#fffbeb!important;border:1px solid #fde68a!important}.cascade-health-badge.dormant{color:#991b1b!important;background:#fef2f2!important;border:1px solid #fecaca!important}.cascade-health-badge.met{color:#065f46!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}.cascade-health-badge.progress{color:#1e40af!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.cascade-health-badge.open{color:#64748b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.modal-filter-pills{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin-top:8px!important;display:flex!important}.modal-filter-pill{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:3px 8px!important;font-size:.72rem!important;font-weight:700!important;transition:all .15s!important}.modal-filter-pill:hover{color:#0f172a!important;border-color:#94a3b8!important}.modal-filter-pill.active{color:#fff!important;background:#047857!important;border-color:#047857!important}.coordinator-modal-card,.appointing-modal-card{color:#0f172a!important;background:#fff!important;border-radius:20px!important;flex-direction:column!important;max-height:88vh!important;margin:auto!important;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 70px -15px #0f172a66,0 0 0 1px #e2e8f0e6!important}.coordinator-modal-card{width:min(960px,96vw)!important;max-width:960px!important}.appointing-modal-card{width:min(680px,95vw)!important;max-width:680px!important}.appointing-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:18px 24px 16px!important;display:flex!important}.appointing-header-left{align-items:center;gap:12px;display:flex}.appointing-header-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.appointing-header-icon.leader{color:#fff;background:#0f172a;border:1px solid #1e293b}.appointing-header-icon.subleader{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.appointing-header-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.appointing-header-sub{color:#64748b;align-items:center;gap:6px;margin:2px 0 0;font-size:.78rem;display:flex}.appointing-briefing-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.78rem;line-height:1.45;display:flex}.appointing-search-wrap{width:100%;position:relative}.appointing-search-wrap input.appointing-search-input,.appointing-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;font-size:.88rem;transition:all .15s;padding:0 38px 0 44px!important}.appointing-search-wrap input.appointing-search-input:focus,.appointing-search-input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.appointing-candidates-list{flex-direction:column;gap:8px;max-height:370px;padding-right:4px;display:flex;overflow-y:auto}.appointing-candidates-list::-webkit-scrollbar{width:5px}.appointing-candidates-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.appointing-candidates-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.appointing-candidates-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.appointing-candidate-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;transition:all .15s;display:flex}.appointing-candidate-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.appointing-candidate-card.is-current{background:#f8fafc;border:1.5px solid #0f172a}.candidate-avatar{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.84rem;font-weight:800;display:flex;overflow:hidden}.candidate-avatar img{object-fit:cover;width:100%;height:100%}.candidate-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.candidate-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.candidate-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:800;overflow:hidden}.candidate-badges-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;display:flex}.candidate-tag{letter-spacing:-.01em;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.candidate-tag.voter{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.candidate-tag.emcard{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.candidate-tag.meta-item{color:#64748b;align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.candidate-tag.recruits{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;font-weight:700}.candidate-tag.subleader-warning{color:#854d0e;background:#fefce8;border:1px solid #fef08a;font-weight:600}.btn-appoint-action{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:#0f172a!important;border:none!important;border-radius:8px!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;padding:7px 15px!important;font-size:.78rem!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.btn-appoint-action:hover{background:#1e293b!important;transform:translateY(-1px)!important;box-shadow:0 4px 10px #0f172a26!important}.btn-appoint-action.current{color:#475569!important;cursor:default!important;background:#e2e8f0!important}.appointing-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.subleader-modal-header{gap:14px;background:#fff!important;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:16px 22px!important;display:flex!important}.subleader-header-identity{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.subleader-header-slot-pill{color:#f8fafc;letter-spacing:.02em;white-space:nowrap;background:#0f172a;border-radius:7px;flex-shrink:0;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.subleader-header-text{flex-direction:column;gap:3px;min-width:0;display:flex}.subleader-header-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subleader-header-name{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.subleader-header-role-chip{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.subleader-header-meta-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subleader-meta-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.subleader-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.subleader-btn-export{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.subleader-btn-export:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.subleader-btn-unassign{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.subleader-btn-unassign:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.subleader-btn-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.subleader-btn-close:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.coordinator-modal-card .modal-body,.appointing-modal-card .modal-body{background:#fff!important;flex:1!important;min-height:0!important;padding:16px 20px!important;overflow-y:auto!important}.modal-cluster-metrics-row{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-bottom:12px;display:grid}@media (max-width:768px){.modal-cluster-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-cluster-metric-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;transition:all .15s;display:flex}.modal-cluster-metric-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.modal-metric-card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.modal-cluster-metric-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.65rem;font-weight:700}.modal-metric-icon-subtle{color:#64748b;flex-shrink:0}.modal-metric-main-val{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.modal-cluster-metric-val{color:#0f172a;letter-spacing:-.01em;font-size:1.25rem;font-weight:800;line-height:1.1}.modal-cluster-metric-val.highlight-val{color:#0f172a}.modal-metric-denom{color:#94a3b8;font-size:.74rem;font-weight:500}.modal-metric-pct-badge{color:#475569;background:#f1f5f9;border-radius:5px;padding:1px 6px;font-size:.66rem;font-weight:700}.modal-metric-progress-track{background:#f1f5f9;border-radius:999px;width:100%;height:4px;margin-top:2px;overflow:hidden}.modal-metric-progress-fill{background:#0f172a;border-radius:999px;height:100%;transition:width .3s}.modal-metric-progress-fill.highlight-fill{background:#059669}.modal-cluster-metric-sub{color:#64748b;font-size:.68rem;line-height:1.3}.modal-search-toolbar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.modal-search-input-box{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:6px 12px;transition:all .15s;display:flex}.modal-search-input-box:focus-within{background:#fff;border-color:#0f172a;box-shadow:0 0 0 2px #0f172a14}.modal-search-input-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.modal-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.modal-search-clear-btn:hover{color:#334155}.modal-toolbar-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-toolbar-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-toolbar-toggle:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-toolbar-toggle.active-slots{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.modal-filter-pills{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.modal-filter-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.modal-filter-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.modal-filter-pill.active{box-shadow:0 1px 4px #0f172a26;color:#fff!important;background:#0f172a!important;border-color:#0f172a!important}.pill-count-tag{color:#475569;background:#f1f5f9;border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:700;transition:background .15s}.modal-filter-pill.active .pill-count-tag{color:#fff;background:#fff3}.subleader-empty-state-card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;padding:16px 18px;display:flex}.subleader-empty-icon-wrap{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.subleader-empty-title{color:#0f172a;margin:0 0 4px;font-size:1rem;font-weight:800}.subleader-empty-desc{color:#475569;max-width:580px;margin:0;font-size:.78rem;line-height:1.45}.subleader-roadmap-container{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-width:720px;margin:12px 0 8px;padding:10px 14px}.subleader-roadmap-header{text-transform:uppercase;color:#475569;letter-spacing:.04em;justify-content:center;align-items:center;gap:5px;margin-bottom:8px;font-size:.7rem;font-weight:700;display:flex}.subleader-roadmap-grid{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (max-width:640px){.subleader-roadmap-grid{flex-direction:column}.step-connector-arrow{transform:rotate(90deg)}}.subleader-step-box{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:0;padding:8px 10px}.step-badge{text-transform:uppercase;letter-spacing:.03em;color:#64748b;margin-bottom:2px;font-size:.65rem;font-weight:700}.step-val{color:#0f172a;margin-bottom:1px;font-size:.88rem;font-weight:800}.step-desc{color:#64748b;font-size:.68rem;line-height:1.3}.step-connector-arrow{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:700}.subleader-roadmap-yield-bar{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:.74rem;display:flex}.coordinator-list-grid{flex-direction:column;gap:6px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.coord-accordion-block{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:6px;transition:all .15s;overflow:hidden}.coord-accordion-block.is-expanded{border-color:#0f172a;box-shadow:0 2px 8px #0f172a0f}.coord-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.coord-accordion-header:hover{background:#f8fafc}.coord-chevron-icon{color:#64748b;align-items:center;transition:transform .2s;display:flex}.coord-accordion-block.is-expanded .coord-chevron-icon{color:#0f172a;transform:rotate(90deg)}.coord-accordion-children{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.member-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:8px 12px;transition:border-color .15s;display:flex}.member-row-card:hover{border-color:#cbd5e1}.member-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.recruits-branch-wrap{border-left:2px solid #e2e8f0;flex-direction:column;gap:4px;margin-left:20px;padding-left:10px;display:flex}.recruit-leaf-item{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-size:.74rem;display:flex}.open-coord-slot-row{color:#64748b;background:#fafafa;border:1px dashed #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px 12px;font-size:.78rem;transition:all .15s;display:flex}.open-coord-slot-row:hover{background:#f1f5f9;border-color:#94a3b8}.coordinator-row-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.coordinator-row-item:hover{background:#f8fafc;border-color:#cbd5e1}.coordinator-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.coordinator-row-avatar{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.coordinator-row-name-box{flex-direction:column;gap:2px;min-width:0;display:flex}.coordinator-row-name-box strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.coordinator-row-name-box span{color:#64748b;font-size:.72rem}.coordinator-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.coordinator-meter-pill{flex-direction:column;align-items:flex-end;gap:3px;min-width:100px;display:flex}.coordinator-meter-pill span{color:#475569;font-size:.7rem;font-weight:700}.coordinator-meter-track{background:#f1f5f9;border-radius:999px;width:100%;height:5px;overflow:hidden}.coordinator-meter-fill{background:#0f172a;border-radius:999px;height:100%}.campaign-analytics-container{flex-direction:column;gap:24px;display:flex}.analytics-exec-banner{color:#fff;background:linear-gradient(135deg,#091e3a 0%,#064e3b 50%,#065f46 100%);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #091e3a4d}.analytics-exec-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.analytics-exec-title-area h2{letter-spacing:-.02em;margin:6px 0 4px;font-size:1.55rem;font-weight:800}.analytics-exec-title-area p{color:#a7f3d0;max-width:720px;margin:0;font-size:.88rem;line-height:1.45}.analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.analytics-kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:transform .2s,background .2s;display:flex}.analytics-kpi-card:hover{background:#ffffff1f;transform:translateY(-2px)}.analytics-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.analytics-kpi-val{color:#fff;letter-spacing:-.02em;font-size:1.45rem;font-weight:900}.analytics-kpi-sub{color:#a7f3d0;font-size:.73rem;font-weight:600}.analytics-exec-meter-box{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:16px 20px}.analytics-league-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.analytics-league-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.analytics-league-title{align-items:center;gap:10px;display:flex}.analytics-league-title h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.analytics-league-title span{color:#64748b;font-size:.8rem}.analytics-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.analytics-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.74rem;font-weight:700}.analytics-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.analytics-table tr:hover td{background:#f8fafc}.analytics-brgy-name-cell{flex-direction:column;gap:2px;display:flex}.analytics-brgy-name-cell strong{color:#0f172a;font-size:.92rem;font-weight:800}.analytics-brgy-name-cell span{color:#64748b;font-size:.72rem}.analytics-progress-mini-track{background:#e2e8f0;border-radius:999px;width:100%;min-width:90px;height:6px;margin-top:4px;overflow:hidden}.analytics-progress-mini-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%}.analytics-status-pill{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.analytics-status-pill.stronghold{color:#15803d;background:#dcfce7}.analytics-status-pill.mobilizing{color:#1d4ed8;background:#dbeafe}.analytics-status-pill.initializing{color:#b45309;background:#fef3c7}.analytics-status-pill.pending{color:#64748b;background:#f1f5f9}.analytics-deepdive-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.analytics-card-header{justify-content:space-between;align-items:center;display:flex}.analytics-card-header h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:800;display:flex}.analytics-funnel-list{flex-direction:column;gap:12px;display:flex}.analytics-funnel-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:10px 14px;display:flex}.analytics-funnel-step-num{color:#fff;background:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;display:flex}.analytics-funnel-step-info{flex:1;min-width:0}.analytics-funnel-step-info strong{color:#0f172a;font-size:.85rem;display:block}.analytics-funnel-step-info span{color:#64748b;font-size:.74rem}.analytics-funnel-step-metric{text-align:right;flex-shrink:0}.analytics-funnel-step-metric strong{color:#047857;font-size:.92rem;display:block}.analytics-funnel-step-metric span{color:#64748b;font-size:.72rem}.analytics-alert-callout{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.8rem;line-height:1.45;display:flex}.analytics-alert-callout.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.analytics-sector-bars{flex-direction:column;gap:10px;display:flex}.analytics-sector-item{flex-direction:column;gap:4px;display:flex}.analytics-sector-meta{justify-content:space-between;font-size:.78rem;display:flex}.analytics-sector-meta strong{color:#1e293b}.analytics-sector-meta span{color:#64748b}.analytics-sector-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.analytics-sector-fill{border-radius:999px;height:100%}@media print{.sidebar,.panel-header,.campaign-mode-tabs,.network-header-actions,.btn{display:none!important}.admin-panel{background:0 0!important;padding:0!important}.analytics-exec-banner{page-break-after:avoid;color:#fff!important;box-shadow:none!important;background:#047857!important}.analytics-league-card,.analytics-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}.analytics-metrics-grid{display:none}.campaign-hero-banner.is-municipal{background:radial-gradient(70% 55% at 100% 0,#2dd4bf2e,#0000 55%),linear-gradient(145deg,#022c22 0%,#064e3b 45%,#0f766e 100%)}.campaign-progress-note{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.campaign-velocity-tag{color:#ecfdf5;background:#ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.campaign-pipeline.is-municipal .campaign-pipe.is-yield{background:#f4faf7}.analytics-card{box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #cce8d8;border-radius:12px;flex-direction:column;gap:6px;min-width:0;max-width:100%;padding:16px 18px;display:flex}.analytics-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:normal;word-break:normal;font-size:.72rem;font-weight:700;line-height:1.35}.analytics-card-val{color:#064e3b;letter-spacing:-.02em;font-size:1.65rem;font-weight:900;line-height:1.15}.analytics-card-sub{color:#64748b;white-space:normal;align-items:center;gap:5px;margin-top:2px;font-size:.74rem;line-height:1.35;display:flex}.analytics-table-container{box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #cce8d8;border-radius:12px;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:100%;padding:16px 18px;display:flex}.analytics-table-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.analytics-table-title{color:#0f172a;margin:0 0 4px;font-size:1.12rem;font-weight:800}.analytics-table-desc{color:#64748b;margin:0;font-size:.82rem}.analytics-search-box{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;width:240px;max-width:100%;padding:6px 12px;display:flex}.analytics-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.analytics-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.analytics-table-wrapper{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.analytics-priority-filter-row{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:2px;display:flex}.priority-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-right:2px;font-size:.72rem;font-weight:700}.analytics-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.analytics-filter-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.analytics-filter-btn.active{box-shadow:0 1px 4px #064e3b26;color:#fff!important;background:#065f46!important;border-color:#065f46!important}.analytics-simulator-card{box-shadow:none;background:#fff;border:1px solid #cce8d8;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.simulator-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.simulator-title{color:#064e3b;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.simulator-sub{color:#64748b;margin:2px 0 0;font-size:.76rem}.simulator-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:768px){.simulator-grid{flex-direction:column;align-items:stretch}.sim-col-arrow{display:none}}.simulator-col{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;gap:3px;min-width:200px;padding:12px 14px;display:flex}.simulator-col.highlight{background:#f0fdf4;border-color:#a7f3d0}.sim-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:700}.sim-val{color:#0f172a;letter-spacing:-.01em;font-size:1.25rem;font-weight:900}.sim-val small{color:#64748b;font-size:.74rem;font-weight:600}.sim-val.emerald{color:#047857}.sim-sub{color:#64748b;font-size:.72rem;line-height:1.35}.sim-col-arrow{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:700}.analytics-master-table{border-collapse:collapse;width:100%;font-size:.78rem}.analytics-master-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:8px 6px;font-size:.66rem;font-weight:700}.analytics-master-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.analytics-master-table th.sortable-th:hover{color:#0f172a;background:#f1f5f9}.analytics-master-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:7px 6px}.analytics-master-table tr.clickable-row{cursor:pointer;transition:background .15s}.analytics-master-table tr.clickable-row:hover td{background:#f8fafc}.analytics-master-table tr.selected-row td{border-bottom-color:#dcfce7;background:#f0fdf4!important}.badge-official{color:#047857;text-transform:uppercase;letter-spacing:.02em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:1px 4px;font-size:.6rem;font-weight:800}.badge-active{color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#047857;border-radius:4px;padding:1px 4px;font-size:.6rem;font-weight:800}.table-progress-bar{background:#e2e8f0;border-radius:999px;flex-shrink:0;width:38px;height:5px;overflow:hidden}.table-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%}.analytics-deepdive-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;min-width:0;max-width:100%;display:grid}@media (max-width:900px){.analytics-deepdive-grid{grid-template-columns:1fr}}.analytics-deepdive-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000a}.deepdive-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.deepdive-card-title{color:#0f172a;margin:0 0 3px;font-size:1.02rem;font-weight:800}.deepdive-card-desc{color:#64748b;margin:0;font-size:.78rem}.badge-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.sector-breakdown-list{flex-direction:column;gap:12px;display:flex}.sector-item{flex-direction:column;gap:5px;display:flex}.sector-item-info{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.sector-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.sector-name{color:#1e293b;flex:1;font-weight:600}.sector-stats{color:#64748b;font-weight:700}.sector-bar-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.sector-bar-fill{border-radius:999px;height:100%}.recruiter-list-compact{flex-direction:column;gap:8px;display:flex}.recruiter-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.recruiter-rank{color:#64748b;width:24px;font-size:.78rem;font-weight:900}.recruiter-info{flex:1;min-width:0}.recruiter-name{color:#0f172a;font-size:.84rem;font-weight:700}.recruiter-sub{color:#64748b;font-size:.72rem}.recruiter-score{text-align:right;flex-direction:column;display:flex}.score-val{color:#047857;font-size:1rem;font-weight:900;line-height:1.1}.score-lbl{color:#64748b;text-transform:uppercase;font-size:.65rem}.campaign-blueprint-box{box-sizing:border-box;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:100%;padding:20px 24px;display:flex}.blueprint-title{color:#0f172a;margin:0;font-size:1.08rem;font-weight:800}.blueprint-desc{color:#64748b;margin:0;font-size:.82rem}.blueprint-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;min-width:0;max-width:100%;margin-top:6px;display:grid}@media (max-width:1100px){.blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blueprint-grid{grid-template-columns:1fr}}.blueprint-col{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.blueprint-step-num{color:#047857;text-transform:uppercase;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.68rem;font-weight:800}.blueprint-step-title{color:#0f172a;font-size:.92rem;font-weight:800}.blueprint-step-desc{color:#64748b;font-size:.76rem;line-height:1.45}@media (max-width:768px){.campaign-view-container,.campaign-analytics-container{gap:12px!important;padding:0 0 20px!important}.campaign-hero-banner{padding:16px!important}.campaign-hero-title{font-size:1.3rem!important}.campaign-hero-tools{width:100%}.campaign-brgy-select-box{flex:1}.campaign-hero-top{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.campaign-hero-status-pill{align-self:flex-start!important}.campaign-progress-card{padding:14px!important}.campaign-progress-curr{font-size:1.5rem!important}.campaign-milestones-row{flex-wrap:wrap!important;gap:4px!important;font-size:.65rem!important}.analytics-table-container{padding:14px 12px!important}.analytics-search-box{width:100%!important}.campaign-mode-tabs{flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important}.campaign-mode-tab{white-space:nowrap!important;padding:6px 10px!important;font-size:.75rem!important}}.campaign-how-it-works-btn{color:#047857;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #10b981;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.campaign-how-it-works-btn:hover{color:#065f46;background:#ecfdf5;border-color:#059669;transform:translateY(-1px);box-shadow:0 3px 8px #10b98126}.campaign-hero-calc-link{color:#ecfdf5;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffffff1f;border:1px solid #ffffff38;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.campaign-hero-calc-link:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-1px)}.how-it-works-modal-card{background:#fff;border:1px solid #cbd5e1!important;border-radius:14px!important;width:95%!important;max-width:1060px!important;max-height:90vh!important;padding:0!important;overflow-y:auto!important;box-shadow:0 20px 45px -10px #0f172a38!important}.how-it-works-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.how-it-works-header-icon{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.how-it-works-body{background:#fff;flex-direction:column;gap:20px;padding:22px 24px 28px;display:flex}.how-it-works-callouts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:768px){.how-it-works-callouts-grid{grid-template-columns:1fr}}.how-it-works-callout-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s;display:flex}.how-it-works-callout-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0a}.how-it-works-callout-title{color:#0f172a;align-items:center;gap:8px;font-size:.84rem;font-weight:800;display:flex}.how-it-works-callout-icon{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.how-it-works-callout-desc{color:#475569;margin:0;font-size:.76rem;line-height:1.5}.how-it-works-nav-wrapper{flex-direction:column;gap:8px;display:flex}.how-it-works-nav-header{justify-content:space-between;align-items:center;display:flex}.how-it-works-nav-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:800}.how-it-works-nav-active{color:#64748b;font-size:.74rem}.how-it-works-tabs-bar{scrollbar-width:thin;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex;overflow-x:auto}.how-it-works-tab-pill{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;padding:6px 12px;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.how-it-works-tab-pill:hover{color:#0f172a;background:#fff9}.how-it-works-tab-pill.active{color:#fff;background:#0f172a;box-shadow:0 1px 4px #0f172a2e}.how-it-works-tab-pill.compare.active{color:#fff;background:#047857}.how-it-works-flow-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.how-it-works-brgy-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.how-it-works-brgy-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800}.how-it-works-brgy-subtitle{color:#64748b;margin-top:2px;font-size:.76rem;display:block}.how-it-works-brgy-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.how-it-works-chip{border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.how-it-works-chip.target{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.how-it-works-chip.yield{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.how-it-works-view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.how-it-works-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.how-it-works-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.how-it-works-view-btn:hover{color:#0f172a}.how-it-works-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a1a}.how-it-works-view-hint{color:#64748b;font-size:.72rem}.how-it-works-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.how-it-works-section-title{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:800}.how-it-works-section-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.how-it-works-steps-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (max-width:1024px){.how-it-works-steps-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.how-it-works-steps-row{grid-template-columns:1fr}}.how-it-works-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 10px;transition:all .2s;display:flex}.how-it-works-step-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.how-it-works-step-card.highlight{background:#fcfdfd;border-color:#a7f3d0}.how-it-works-step-top{justify-content:space-between;align-items:center;display:flex}.how-it-works-step-tag{text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.63rem;font-weight:800}.how-it-works-step-tag.highlight{color:#047857;background:#ecfdf5}.how-it-works-step-icon{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.how-it-works-step-icon.highlight{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.how-it-works-step-num{color:#0f172a;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.35rem;font-weight:900;line-height:1}.how-it-works-step-num.highlight{color:#047857}.how-it-works-step-role{color:#1e293b;font-size:.82rem;font-weight:800}.how-it-works-step-quota-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.how-it-works-step-quota-box.highlight{background:#f0fdf4;border-color:#bbf7d0}.how-it-works-step-quota-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:4px;font-size:.6rem;font-weight:800;display:flex}.how-it-works-step-quota-val{color:#0f172a;font-size:.78rem;font-weight:800;line-height:1.25}.how-it-works-step-desc{color:#64748b;margin:0;font-size:.69rem;line-height:1.4}.how-it-works-result-ribbon{color:#fff;background:#0f172a;border:1px solid #1e293b;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 4px 12px #0f172a1f}.how-it-works-ribbon-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.how-it-works-ribbon-formula{color:#e2e8f0;margin-top:4px;font-size:.95rem;font-weight:800}.how-it-works-ribbon-total{color:#34d399;font-weight:900}.how-it-works-ribbon-right{text-align:right}.how-it-works-ribbon-pct{color:#fff;font-size:1.4rem;font-weight:900;line-height:1}.how-it-works-ribbon-brgy{color:#cbd5e1;font-size:.85rem;font-weight:600}.how-it-works-ribbon-buffer{color:#6ee7b7;align-items:center;gap:5px;margin-top:4px;font-size:.78rem;font-weight:700;display:inline-flex}.how-it-works-santol-note{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #059669;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.how-it-works-santol-note-header{color:#0f172a;align-items:center;gap:6px;font-size:.8rem;display:flex}.how-it-works-santol-note-body{color:#475569;font-size:.76rem;line-height:1.5}.sector-quotas-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.sector-quota-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex}.sector-quota-card:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0f172a0a}.sector-quota-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sector-quota-icon{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sector-quota-title{color:#0f172a;font-size:.78rem;font-weight:800}.sector-quota-pct{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:800}.sector-quota-main-val{color:#0f172a;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900;line-height:1}.sector-quota-bar-bg{background:#f1f5f9;border-radius:999px;width:100%;height:5px;overflow:hidden}.sector-quota-bar-fill{background:#059669;border-radius:999px;height:100%;transition:width .3s}.how-it-works-calc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.how-it-works-calc-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:.72rem;font-weight:800}.how-it-works-calc-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 12px}.how-it-works-calc-table tr:hover td{background:#f8fafc}.how-it-works-calc-table tr.selected td{background:#f0fdf4!important}.how-it-works-calc-table tr.selected td:first-child{border-left:3px solid #059669}.how-it-works-calc-table tfoot td{color:#0f172a;background:#f8fafc;border-top:2px solid #cbd5e1;font-weight:800}.analytics-strategy-suite-card{box-shadow:none;background:#fff;border:1px solid #cce8d8;border-radius:12px;margin-bottom:0;padding:16px 18px}.analytics-strategy-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.analytics-strategy-title-wrap{flex:1;min-width:280px}.analytics-strategy-kicker{color:#059669;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;font-size:.68rem;font-weight:800;display:inline-flex}.analytics-strategy-title{color:#064e3b;letter-spacing:-.015em;margin:0 0 4px;font-size:1.1rem;font-weight:800}.analytics-strategy-sub{color:#64748b;max-width:680px;margin:0;font-size:.78rem;line-height:1.45}.analytics-chart-tabs{background:#f0fdf4;border:1px solid #d1fae5;border-radius:9px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:inline-flex}.analytics-chart-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.analytics-chart-tab:hover{color:#064e3b}.analytics-chart-tab.active{color:#064e3b;background:#fff;box-shadow:0 1px 2px #064e3b1a}.strategy-chart-legend-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:.74rem;display:flex}.legend-items{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.green{background:#10b981}.legend-dot.red{background:#f43f5e}.legend-dot.emerald{background:#059669}.legend-dot.blue{background:#3b82f6}.legend-line-marker{background:#0f172a;border-radius:1px;width:14px;height:2px}.legend-hint{color:#94a3b8;font-size:.72rem;font-style:italic}.barangay-bars-chart-grid{flex-direction:column;gap:10px;display:flex}.chart-bar-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:11px 14px;transition:all .18s;position:relative}.chart-bar-row:hover{background:#fff;border-color:#cbd5e1;transform:translate(2px);box-shadow:0 2px 6px #0000000a}.chart-bar-row.selected{background:#fff;border-color:#059669;box-shadow:0 0 0 2px #05966924}.chart-bar-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chart-bar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-bar-name{color:#0f172a;font-size:.88rem;font-weight:700}.chart-selected-chip{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:700}.chart-bar-target-info{color:#64748b;font-size:.74rem}.chart-bar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-curr-val{color:#0f172a;font-size:.82rem;font-weight:700}.chart-pct-tag{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.74rem;font-weight:600}.chart-deficit-pill{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:5px;padding:2px 7px;font-size:.72rem;font-weight:700}.chart-deficit-pill.met{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.chart-growth-pill{color:#047857;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.chart-bar-track{background:#e2e8f0;border-radius:999px;width:100%;height:9px;position:relative;overflow:visible}.chart-bar-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.chart-bar-goal-line{z-index:2;background:#0f172a;border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px;right:0}.strategy-clean-strip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:9px 14px;font-size:.74rem;display:flex}.clean-strip-left{color:#0f172a;flex-shrink:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.clean-strip-title{color:#0f172a;font-size:.73rem}.clean-strip-badges{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.clean-pill{border-radius:4px;padding:1px 7px;font-size:.69rem;font-weight:600}.clean-pill.red{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.clean-pill.amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.clean-pill.green{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.clean-strip-desc{color:#64748b;flex:1;min-width:220px;font-size:.73rem;line-height:1.4}.pipeline-chart-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.pipeline-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;gap:12px;padding:15px 16px;transition:all .18s;display:flex}.pipeline-card:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.pipeline-card.selected{border-color:#059669;box-shadow:0 0 0 2px #05966926}.pipeline-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pipeline-card-title{color:#0f172a;margin:0 0 2px;font-size:.9rem;font-weight:800}.pipeline-card-sub{color:#64748b;font-size:.72rem}.pipeline-status-badge{white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:.68rem;font-weight:700}.pipeline-status-badge.gap{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pipeline-status-badge.partial{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pipeline-status-badge.staffed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pipeline-bars-wrap{flex-direction:column;gap:8px;display:flex}.pipeline-meter-group{flex-direction:column;gap:4px;display:flex}.pipeline-meter-lbl{color:#475569;justify-content:space-between;font-size:.72rem;display:flex}.pipeline-pct{color:#0f172a;font-weight:700}.pipeline-meter-track{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.pipeline-meter-fill{border-radius:999px;height:100%}.pipeline-meter-fill.sl{background:linear-gradient(90deg,#10b981,#059669)}.pipeline-meter-fill.coord{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.pipeline-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.pipeline-quota-formula{color:#64748b;font-family:monospace;font-size:.68rem}.pipeline-action-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;padding:3px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.pipeline-action-btn:hover{color:#fff;background:#059669}.sectors-overview-ribbon{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sectors-headline h4{color:#0f172a;margin:0 0 2px;font-size:.95rem;font-weight:800}.sectors-headline p{color:#64748b;margin:0;font-size:.76rem}.sectors-total-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:700}.coalition-multi-bar{border-radius:999px;width:100%;height:12px;margin-bottom:18px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.coalition-bar-segment{height:100%;transition:width .3s}.sectors-chart-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.sector-strategy-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sector-card-top{justify-content:space-between;align-items:center;display:flex}.sector-card-title-row{align-items:center;gap:8px;display:flex}.sector-color-badge{border-radius:3px;width:10px;height:10px;display:inline-block}.sector-card-name{color:#0f172a;font-size:.86rem}.sector-status-pill{border-radius:5px;padding:2px 7px;font-size:.68rem;font-weight:700}.sector-status-pill.surplus{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.sector-status-pill.gap{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.sector-stat-comparison{background:#f8fafc;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sec-stat-col{flex-direction:column;gap:2px;display:flex}.sec-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.68rem;font-weight:700}.sec-stat-val{color:#0f172a;font-size:.86rem;font-weight:800}.sec-stat-divider{color:#cbd5e1;font-size:1rem;font-weight:300}.sector-benchmark-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.sector-benchmark-fill{border-radius:999px;height:100%}.sector-card-desc{color:#64748b;margin:0;font-size:.72rem;line-height:1.35}.battleground-matrix-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:16px;display:grid}.battleground-tier-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.battleground-tier-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.battleground-tier-card.tier-1{border-top:3px solid #f43f5e}.battleground-tier-card.tier-2{border-top:3px solid #f59e0b}.battleground-tier-card.tier-3{border-top:3px solid #10b981}.tier-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2.5px 8px;font-size:.7rem;font-weight:800}.tier-tag.red{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6}.tier-tag.amber{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.tier-tag.green{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.tier-share-pill{color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700}.tier-title-area{flex-direction:column;gap:2px;display:flex}.tier-card-heading{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.tier-card-caption{color:#64748b;font-size:.72rem}.tier-chips-row{flex-wrap:wrap;gap:6px;display:flex}.tier-brgy-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.tier-brgy-chip small{color:#94a3b8;font-size:.65rem;font-weight:500}.tier-kpi-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;padding:10px 14px;display:flex}.tier-kpi-col{flex-direction:column;flex:1;gap:2px;display:flex}.tier-kpi-val{color:#0f172a;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:900;line-height:1.1}.tier-kpi-val.emerald{color:#059669}.tier-kpi-val.amber{color:#d97706}.tier-kpi-val.green{color:#059669}.tier-kpi-label{color:#64748b;font-size:.68rem;font-weight:600}.tier-kpi-divider{background:#e2e8f0;width:1px;height:28px;margin:0 12px}.tier-directive-box{border-top:1px solid #f1f5f9;flex-direction:column;gap:7px;padding-top:10px;display:flex}.directive-item{color:#475569;align-items:flex-start;gap:8px;font-size:.73rem;line-height:1.4;display:flex}.directive-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.directive-dot.red{background:#f43f5e}.directive-dot.amber{background:#f59e0b}.directive-dot.green{background:#10b981}.members-category-pill-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.members-category-pill-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-right:4px;font-size:.72rem;font-weight:700}.members-cat-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.members-cat-pill:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.members-cat-pill.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a26}.members-cat-pill.hierarchy.active{color:#fff;background:#047857;border-color:#047857;box-shadow:0 2px 6px #04785733}.members-cat-pill.direct.active{color:#fff;background:#334155;border-color:#334155}.leader-cat-badge{white-space:nowrap;letter-spacing:.01em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.leader-cat-badge.cat-leader{color:#b45309;background:#fef3c7;border:1px solid #fde68a;font-weight:800}.leader-cat-badge.cat-subleader{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.leader-cat-badge.cat-coord{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.leader-cat-badge.cat-member{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.leader-cat-badge.cat-recruit{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.leader-cat-badge.cat-direct{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;font-style:normal}.brgy-leader-command-section{margin:0}.brgy-leader-card{box-shadow:none;background:#fff;border:1px solid #cce8d8;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.brgy-leader-card:before{display:none}.brgy-leader-card.is-vacant{background:#f7fbf8}.brgy-leader-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.brgy-leader-heading{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.brgy-leader-badge{color:#065f46;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;font-size:.72rem;font-weight:800;display:inline-flex}.brgy-leader-role{color:#64748b;font-size:.78rem;font-weight:600}.brgy-leader-status{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:800}.brgy-leader-status.filled{color:#047857}.brgy-leader-status.vacant{color:#b91c1c}.brgy-leader-content.assigned{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brgy-leader-info{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.brgy-leader-avatar{color:#ecfdf5;background:#065f46;border:2px solid #a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex}.brgy-leader-details{flex-direction:column;gap:2px;display:flex}.brgy-leader-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.brgy-leader-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;font-size:.73rem;display:flex}.brgy-leader-stats{background:0 0;border:0;border-radius:0;align-items:center;gap:18px;padding:0;display:flex}.brgy-leader-stat-item{flex-direction:column;gap:1px;display:flex}.brgy-leader-stat-item .stat-label{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:.65rem;font-weight:700}.brgy-leader-stat-item .stat-value{color:#0f172a;font-size:.88rem;font-weight:800}.brgy-leader-stat-item .stat-value.emerald{color:#047857}.brgy-leader-stat-divider{display:none}.brgy-leader-actions{align-items:center;gap:8px;display:flex}.brgy-leader-content.vacant{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 2px;display:flex}.brgy-leader-vacant-icon{display:none}.brgy-leader-vacant-text{flex:1;min-width:220px}.brgy-leader-vacant-text h5{color:#064e3b;letter-spacing:-.01em;margin:0 0 2px;font-size:.95rem;font-weight:800}.brgy-leader-vacant-text p{color:#64748b;max-width:34rem;margin:0;font-size:.78rem;line-height:1.4}.brgy-leader-appoint-btn{white-space:nowrap;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.8rem;font-weight:700;display:inline-flex}.campaign-dual-tracking-strip{background:#fff;border:1px solid #d1fae5;border-radius:14px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0 16px;margin:0;padding:14px 18px;display:none;box-shadow:0 6px 18px #064e3b0a}@media (max-width:768px){.campaign-dual-tracking-strip{grid-template-columns:1fr;gap:12px}}.dual-track-item{align-items:center;gap:10px;min-width:0;display:flex}.dual-track-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dual-track-dot.hierarchy{background:#059669;box-shadow:0 0 0 3px #d1fae5}.dual-track-dot.direct{background:#64748b;box-shadow:0 0 0 3px #f1f5f9}.dual-track-dot.total{background:#0f766e;box-shadow:0 0 0 3px #ccfbf1}.dual-track-content{flex-direction:column;gap:2px;min-width:0;display:flex}.dual-track-lbl{text-transform:uppercase;letter-spacing:.04em;color:#065f46;font-size:.68rem;font-weight:700}.dual-track-val{color:#1e293b;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.88rem;display:flex}.dual-track-val strong{color:#064e3b;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.dual-track-sub{color:#64748b;font-size:.72rem;font-weight:500}.dual-track-divider{background:#d1fae5;width:1px;height:36px}@media (max-width:768px){.dual-track-divider{display:none}}.quota-charts-view{flex-direction:column;gap:16px;animation:.2s fadeIn;display:flex}.quota-charts-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:0 1px 2px #00000005}.quota-view-toggles{background:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.quota-view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex}.quota-view-toggle-btn.active{color:#fff;background:#0f172a;box-shadow:0 1px 2px #0000001a}.quota-brgy-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.quota-brgy-pill{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #0000;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:all .12s}.quota-brgy-pill:hover{color:#0f172a;background:#e2e8f0}.quota-brgy-pill.active{color:#fff;background:#047857;font-weight:700}.quota-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.brgy-quota-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px -1px #0f172a05}.brgy-quota-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px -2px #0f172a14}.brgy-quota-card.focused{background:linear-gradient(#f0fdf459 0%,#fff 36px);border:1.5px solid #059669;box-shadow:0 0 0 2px #0596691f,0 4px 12px #0596690f}.brgy-quota-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.brgy-quota-header-info{flex-direction:column;gap:3px;min-width:0;display:flex}.brgy-quota-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brgy-quota-card-name{color:#0f172a;letter-spacing:-.015em;font-size:.94rem;font-weight:800;line-height:1.2}.saas-focus-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.saas-focus-dot{background:#059669;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 2px #05966933}.brgy-quota-sub-meta{color:#64748b;align-items:center;gap:6px;font-size:.7rem;line-height:1.2;display:flex}.brgy-meta-sep{color:#cbd5e1;font-size:.65rem}.brgy-meta-stat{color:#64748b;font-variant-numeric:tabular-nums}.brgy-meta-target{color:#475569}.brgy-meta-target strong{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.brgy-quota-card-focus-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex}.brgy-quota-card-focus-btn:hover{color:#047857;background:#f0fdf4;border-color:#86efac}.brgy-quota-chart-layout{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}.quota-donut-wrap{flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative}.saas-donut-svg{overflow:visible;transform:rotate(0)}.quota-donut-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quota-donut-num{color:#0f172a;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;line-height:1}.quota-donut-lbl{color:#059669;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.58rem;font-weight:800}.saas-quota-ladder{flex-direction:column;gap:6px;min-width:0;display:flex}.saas-ladder-row{border-radius:5px;flex-direction:column;gap:3px;padding:2px 4px;transition:background .12s;display:flex}.saas-ladder-row:hover{background:#f8fafc}.saas-ladder-head{justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.saas-ladder-left{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex}.saas-ladder-dot{border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px}.saas-ladder-dot.subleader{background:#8b5cf6}.saas-ladder-dot.coordinator{background:#0284c7}.saas-ladder-dot.member{background:#10b981}.saas-ladder-dot.recruit{background:#f59e0b}.saas-ladder-right{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:flex}.saas-ladder-val{color:#64748b;font-size:.72rem;font-weight:500}.saas-ladder-val strong{color:#0f172a;font-weight:700}.saas-ladder-val.amber{color:#d97706;font-weight:700}.saas-ladder-pill{color:#64748b;text-align:center;background:#f1f5f9;border-radius:4px;min-width:32px;padding:1px 5px;font-size:.62rem;font-weight:700}.saas-ladder-pill.active{color:#7c3aed;background:#ede9fe}.saas-ladder-tag{color:#64748b;text-align:center;background:#f1f5f9;border-radius:4px;min-width:44px;padding:1px 5px;font-size:.62rem;font-weight:600}.saas-ladder-tag.amber{color:#b45309;background:#fef3c7}.saas-ladder-track{background:#f1f5f9;border-radius:9999px;width:100%;height:3.5px;overflow:hidden}.saas-ladder-fill{border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.saas-ladder-fill.subleader{background:#8b5cf6}.saas-ladder-fill.coordinator{background:#0284c7}.saas-ladder-fill.member{background:#10b981}.saas-ladder-fill.recruit{background:#f59e0b}.brgy-quota-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:.7rem;display:flex}.quota-footer-left{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;display:flex}.quota-footer-label{color:#64748b;font-size:.68rem}.quota-footer-val{color:#0f172a;font-size:.72rem;font-weight:700}.saas-quota-status-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.66rem;font-weight:700;display:inline-flex}.saas-quota-status-pill.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.saas-quota-status-pill.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.municipal-quotas-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.municipal-quota-pie-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:16px;transition:all .18s;display:flex;box-shadow:0 1px 3px #0f172a0a}.municipal-quota-pie-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px -2px #0f172a0f}.municipal-quota-pie-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.municipal-quota-pie-card-title{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:7px;font-size:.9rem;font-weight:800;display:flex}.municipal-quota-badge{border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:700;line-height:1.2}.municipal-quota-badge.purple{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.municipal-quota-badge.blue{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.municipal-quota-badge.green{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.municipal-quota-badge.amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.municipal-quota-pie-layout{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:14px;display:flex}.municipal-quota-legend-table{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.municipal-quota-legend-row{border-radius:5px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:.72rem;transition:background .1s;display:flex}.municipal-quota-legend-row:hover{background:#f8fafc}.legend-brgy-name{color:#334155;align-items:center;gap:6px;font-weight:600;display:flex}.legend-color-dot{border-radius:50%;flex-shrink:0;width:7.5px;height:7.5px}.legend-brgy-val{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.velocity-view{flex-direction:column;gap:16px;animation:.2s fadeIn;display:flex}.velocity-hero-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.velocity-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #00000005}.velocity-metric-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.velocity-metric-icon.speed{color:#16a34a;background:#f0fdf4}.velocity-metric-icon.leader{color:#7c3aed;background:#f5f3ff}.velocity-metric-icon.target{color:#2563eb;background:#eff6ff}.velocity-metric-info{flex-direction:column;display:flex}.velocity-metric-label{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:.68rem;font-weight:700}.velocity-metric-value{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.2}.velocity-metric-sub{color:#059669;font-size:.68rem;font-weight:600}.velocity-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.velocity-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.velocity-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.velocity-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.velocity-card-title{color:#0f172a;font-size:.9rem;font-weight:800}.momentum-badge{border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.momentum-badge.high{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.momentum-badge.steady{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.momentum-badge.stalled{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.velocity-stats-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 10px;display:grid}.velocity-stat-item{flex-direction:column;display:flex}.velocity-stat-lbl{color:#64748b;text-transform:uppercase;font-size:.62rem;font-weight:700}.velocity-stat-val{color:#0f172a;font-size:.88rem;font-weight:800}.velocity-forecast-box{background:#fafaf9;border:1px solid #f5f5f4;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.72rem;display:flex}.territory-view{flex-direction:column;gap:14px;animation:.2s fadeIn;display:flex}.territory-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.territory-reach-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.territory-reach-badge{border-radius:5px;padding:3px 8px;font-size:.72rem;font-weight:700}.territory-reach-badge.reach{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.territory-reach-badge.gaps{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.purok-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.purok-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .15s;display:flex}.purok-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #0000000a}.purok-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.purok-name{color:#0f172a;font-size:.84rem;font-weight:800}.purok-badge{border-radius:4px;padding:2px 6px;font-size:.66rem;font-weight:700}.purok-badge.dominated{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.purok-badge.foothold{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.purok-badge.developing{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.purok-badge.darkzone{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.purok-bar-track{background:#f1f5f9;border-radius:999px;width:100%;height:5px;overflow:hidden}.purok-bar-fill{border-radius:999px;height:100%}.purok-bar-fill.dominated{background:#10b981}.purok-bar-fill.foothold{background:#3b82f6}.purok-bar-fill.developing{background:#eab308}.purok-bar-fill.darkzone{background:#ef4444}.stall-radar-view{flex-direction:column;gap:14px;animation:.2s fadeIn;display:flex}.stall-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.stall-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.stall-table th{color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-weight:700}.stall-table td{color:#1e293b;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 14px}.stall-table tr:hover td{background:#fafaf9}.stall-status-pill{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.stall-status-pill.active{color:#047857;background:#ecfdf5}.stall-status-pill.slowing{color:#a16207;background:#fefce8}.stall-status-pill.stalled{color:#dc2626;background:#fef2f2}.stall-status-pill.dormant{color:#64748b;background:#f1f5f9}.stall-nudge-btn{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .12s;display:inline-flex}.stall-nudge-btn:hover{color:#fff;background:#047857}.table-simulation-panel{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px 16px;animation:.2s fadeIn;display:flex;box-shadow:0 4px 12px #05966914}.table-sim-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sim-active-pill{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#047857;border-radius:4px;padding:2px 7px;font-size:.66rem;font-weight:800}.sim-presets{color:#334155;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.sim-preset-btn{color:#065f46;cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .12s}.sim-preset-btn:hover{background:#dcfce7;border-color:#86efac}.sim-preset-btn.active{color:#fff;background:#047857;border-color:#047857}.sim-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.74rem;font-weight:700}.sim-close-btn:hover{color:#b91c1c}.table-sim-slider-row{color:#1e293b;flex-wrap:wrap;align-items:center;gap:12px;font-size:.74rem;font-weight:600;display:flex}.sim-slider{accent-color:#047857;cursor:pointer;flex:1;min-width:140px;max-width:280px}.sim-pct-display{color:#047857;min-width:95px;font-size:.82rem;font-weight:800}.leaders-perf-view{flex-direction:column;gap:14px;animation:.2s fadeIn;display:flex}.leaders-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.leader-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;padding:12px 16px;transition:border-color .15s;display:flex;box-shadow:0 1px 2px #00000005}.leader-kpi-card:hover{border-color:#cbd5e1}.leader-kpi-header{text-transform:uppercase;letter-spacing:.04em;color:#64748b;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex}.leader-kpi-val{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;line-height:1.25;overflow:hidden}.leader-kpi-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.leaders-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.leaders-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.role-segmented-wrap{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:inline-flex}.role-segmented-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:5px 11px;font-size:.72rem;font-weight:600;transition:all .12s}.role-segmented-btn:hover{color:#0f172a}.role-segmented-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0000000f}.status-dots-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .12s;display:inline-flex}.status-filter-btn:hover{color:#0f172a;background:#f8fafc}.status-filter-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.perf-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.perf-dot.star{background:#ca8a04}.perf-dot.on-track{background:#059669}.perf-dot.developing{background:#d97706}.perf-dot.inactive{background:#94a3b8}.leaders-perf-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow-x:auto}.leaders-perf-table{border-collapse:collapse;text-align:left;width:100%;font-size:.72rem}.leaders-perf-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 6px;font-size:.66rem;font-weight:700}.leaders-perf-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:7px 6px}.leaders-perf-table tr:hover td{background:#fafaf9}.rank-text{color:#64748b;min-width:20px;font-size:.7rem;font-weight:700}.rank-text.top{color:#0f172a}.role-tag-saas{white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:600}.role-tag-saas.apex{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.role-tag-saas.subleader{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.role-tag-saas.coord{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge-saas{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.status-badge-saas.star{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.status-badge-saas.on-track{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge-saas.developing{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.status-badge-saas.inactive{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.action-btn-saas{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:3px 6px;font-size:.65rem;font-weight:600;line-height:1;transition:all .12s;display:inline-flex}.action-btn-saas:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.action-btn-saas.primary{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.action-btn-saas.primary:hover{color:#fff;background:#047857;border-color:#047857}.hierarchy-scope-toggle-bar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.hierarchy-scope-pills{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:3px;padding:3px;display:inline-flex}.scope-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:6px 14px;font-size:.74rem;font-weight:600;transition:all .12s;display:inline-flex}.scope-pill-btn:hover{color:#0f172a}.scope-pill-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.scope-count-badge{color:#475569;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.scope-pill-btn.active .scope-count-badge{color:#047857;background:#ecfdf5}.saas-leader-sms-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:100%!important;max-width:520px!important;animation:.18s cubic-bezier(.16,1,.3,1) modalScaleIn!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a40!important}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.saas-sms-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:20px 24px 16px!important;position:relative!important}.saas-sms-modal-header-left{padding-right:36px!important}.saas-sms-header-badge{color:#047857!important;letter-spacing:.04em!important;text-transform:uppercase!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:9999px!important;align-items:center!important;gap:5px!important;padding:3px 9px!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.saas-sms-modal-title{color:#0f172a!important;margin:8px 0 3px!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.25!important}.saas-sms-modal-subtitle{color:#64748b!important;margin:0!important;font-size:.76rem!important;line-height:1.4!important}.saas-sms-modal-close{color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .15s!important;display:flex!important;position:absolute!important;top:18px!important;right:18px!important}.saas-sms-modal-close:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.saas-leader-sms-body{background:#f8fafc!important;flex-direction:column!important;gap:16px!important;padding:18px 24px!important;display:flex!important}.saas-sms-recipient-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;display:flex!important;box-shadow:0 1px 3px #00000005!important}.saas-sms-recipient-left{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.saas-sms-recipient-avatar{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:.88rem!important;font-weight:800!important;display:flex!important}.saas-sms-recipient-details{flex-direction:column!important;gap:2px!important;min-width:0!important;display:flex!important}.saas-sms-recipient-name-row{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;display:flex!important}.saas-sms-recipient-name{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.88rem!important;font-weight:700!important;overflow:hidden!important}.saas-sms-recipient-meta{color:#64748b!important;white-space:nowrap!important;font-size:.7rem!important}.saas-sms-phone-pill{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:7px!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;padding:5px 9px!important;display:inline-flex!important}.saas-sms-phone-icon{color:#059669!important}.saas-sms-phone-num{color:#0f172a!important;letter-spacing:.02em!important;font-size:.76rem!important;font-weight:700!important}.saas-sms-composer-wrap{flex-direction:column!important;gap:6px!important;display:flex!important}.saas-sms-composer-header{justify-content:space-between!important;align-items:center!important;display:flex!important}.saas-sms-label{text-transform:uppercase!important;letter-spacing:.04em!important;color:#475569!important;margin:0!important;font-size:.7rem!important;font-weight:700!important}.saas-sms-char-counter{color:#64748b!important;font-size:.68rem!important;font-weight:600!important}.saas-sms-char-counter.multi-part{color:#d97706!important}.saas-sms-textarea{resize:vertical!important;color:#0f172a!important;box-sizing:border-box!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;width:100%!important;min-height:120px!important;padding:12px 14px!important;font-family:inherit!important;font-size:.84rem!important;line-height:1.45!important;transition:border-color .15s,box-shadow .15s!important}.saas-sms-textarea:focus{border-color:#059669!important;box-shadow:0 0 0 3px #0596691f!important}.saas-sms-gateway-bar{color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;padding:8px 12px!important;font-size:.7rem!important;display:flex!important}.saas-sms-gateway-bar-left{align-items:center!important;gap:6px!important;display:flex!important}.saas-sms-gateway-bar-right{color:#94a3b8!important;font-size:.66rem!important;font-weight:500!important}.saas-sms-modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 24px!important;display:flex!important}.saas-sms-footer-left{align-items:center!important;gap:8px!important;display:flex!important}.saas-sms-footer-right{align-items:center!important;display:flex!important}.btn-saas-send-sms{color:#fff!important;cursor:pointer!important;background:#059669!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;font-size:.78rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 1px 2px #05966933!important}.btn-saas-send-sms:hover:not(:disabled){background:#047857!important;transform:translateY(-1px)!important;box-shadow:0 4px 10px #0596694d!important}.btn-saas-send-sms:disabled{opacity:.55!important;cursor:not-allowed!important}.btn-saas-secondary{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;gap:5px!important;padding:7px 14px!important;font-size:.75rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.btn-saas-secondary:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.btn-saas-ghost{color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;gap:5px!important;padding:7px 12px!important;font-size:.75rem!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.btn-saas-ghost:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.saas-tree-drawer-backdrop{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:1040!important;background:#0f172a47!important;animation:.2s ease-out drawerFadeIn!important;position:fixed!important;inset:0!important}.saas-tree-drawer{z-index:1050!important;background:#fff!important;border-left:1px solid #e2e8f0!important;flex-direction:column!important;width:580px!important;max-width:95vw!important;animation:.26s cubic-bezier(.16,1,.3,1) drawerSlideInRight!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;box-shadow:-12px 0 45px -10px #0f172a40!important}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.saas-tree-drawer-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;padding:16px 20px 14px!important;display:flex!important;position:relative!important}.saas-tree-drawer-header-left{flex:1!important;min-width:0!important}.saas-tree-header-controls{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.saas-tree-nav-btn{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:all .12s!important;display:inline-flex!important}.saas-tree-nav-btn:hover:not(:disabled){color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.saas-tree-nav-btn:disabled{opacity:.35!important;cursor:not-allowed!important}.saas-tree-drawer-close{color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;transition:all .12s!important;display:inline-flex!important}.saas-tree-drawer-close:hover{color:#ef4444!important;background:#fef2f2!important;border-color:#fecaca!important}.saas-tree-modal-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:720px!important;max-height:88vh!important;animation:.18s cubic-bezier(.16,1,.3,1) modalScaleIn!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a40!important}.saas-tree-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:18px 24px 14px!important;position:relative!important}.saas-tree-modal-header-left{padding-right:36px!important}.saas-tree-modal-close{color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .15s!important;display:flex!important;position:absolute!important;top:18px!important;right:18px!important}.saas-tree-modal-close:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.saas-tree-metrics-bar{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;display:grid!important}.saas-tree-metric-item.is-primary{background:#f0fdf4!important}.saas-tree-modal-subtitle{color:#64748b!important;margin:4px 0 0!important;font-size:.75rem!important;line-height:1.45!important}.saas-tree-metric-item{background:#fff!important;flex-direction:column!important;gap:2px!important;padding:8px 10px!important;display:flex!important}.saas-tree-metric-lbl{text-transform:uppercase!important;letter-spacing:.04em!important;color:#64748b!important;font-size:.66rem!important;font-weight:700!important}.saas-tree-metric-val{color:#0f172a!important;font-size:.95rem!important;font-weight:700!important}.saas-tree-metric-val.role-text{color:#059669!important}.saas-tree-metric-val.upline-text{color:#2563eb!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.85rem!important;overflow:hidden!important}.saas-tree-metric-sub{color:#94a3b8!important;font-size:.68rem!important}.saas-tree-modal-body{background:#fafbfc!important;flex-direction:column!important;gap:16px!important;padding:20px 24px!important;display:flex!important;overflow-y:auto!important}.saas-tree-branch-block{flex-direction:column!important;align-items:center!important;display:flex!important}.saas-tree-node-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;align-items:center!important;gap:14px!important;width:100%!important;padding:14px 16px!important;display:flex!important;box-shadow:0 1px 3px #00000005!important}.saas-tree-node-card.apex-node{background:#f8fafc!important;border-color:#e2e8f0!important}.saas-tree-node-card.leader-node{background:#fff!important;border:2px solid #10b981!important;box-shadow:0 4px 16px -3px #10b98126!important}.saas-tree-node-icon.apex{font-size:1.5rem!important}.saas-tree-node-avatar{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:.95rem!important;font-weight:800!important;display:flex!important}.saas-tree-node-main{flex-direction:column!important;flex:1!important;gap:4px!important;display:flex!important}.saas-tree-node-title-row{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;display:flex!important}.saas-tree-node-name{color:#0f172a!important;font-size:.96rem!important;font-weight:700!important}.saas-tree-node-tag.apex{text-transform:uppercase!important;color:#475569!important;background:#e2e8f0!important;border-radius:4px!important;padding:2px 7px!important;font-size:.65rem!important;font-weight:700!important}.saas-tree-status-pill.active{color:#059669!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:9999px!important;align-items:center!important;gap:4px!important;padding:2px 8px!important;font-size:.68rem!important;font-weight:700!important;display:inline-flex!important}.saas-tree-node-sub{color:#64748b!important;font-size:.74rem!important}.saas-tree-quota-progress-wrap{flex-direction:column!important;gap:4px!important;margin-top:6px!important;display:flex!important}.saas-tree-quota-text{color:#475569!important;justify-content:space-between!important;align-items:center!important;font-size:.7rem!important;display:flex!important}.saas-tree-quota-track{background:#e2e8f0!important;border-radius:9999px!important;width:100%!important;height:6px!important;overflow:hidden!important}.saas-tree-quota-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%)!important;border-radius:9999px!important;height:100%!important;transition:width .3s!important}.saas-tree-connector-stem{flex-direction:column!important;align-items:center!important;height:24px!important;display:flex!important}.saas-tree-stem-line{background:#cbd5e1!important;flex:1!important;width:2px!important}.saas-tree-stem-arrow{color:#94a3b8!important;margin-top:-3px!important}.saas-tree-downline-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:16px!important}.saas-tree-downline-header{justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;display:flex!important}.saas-tree-downline-title{color:#0f172a!important;align-items:center!important;gap:6px!important;font-size:.82rem!important;font-weight:700!important;display:flex!important}.saas-tree-downline-badge{color:#059669!important;background:#ecfdf5!important;border-radius:5px!important;padding:2px 7px!important;font-size:.66rem!important;font-weight:600!important}.saas-tree-empty-card{text-align:center!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:10px!important;padding:22px 16px!important}.saas-tree-empty-icon{color:#64748b!important;background:#e2e8f0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin-bottom:8px!important;display:inline-flex!important}.saas-tree-empty-title{color:#1e293b!important;margin:0 0 4px!important;font-size:.9rem!important;font-weight:700!important}.saas-tree-empty-desc{color:#64748b!important;max-width:460px!important;margin:0 auto 14px!important;font-size:.75rem!important;line-height:1.4!important}.saas-tree-slot-preview{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;max-width:480px!important;margin:0 auto 16px!important;display:flex!important}.saas-tree-slot-dot{color:#94a3b8!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:24px!important;font-size:.65rem!important;font-weight:600!important;display:flex!important}.saas-tree-slot-dot.next-open{color:#047857!important;background:#ecfdf5!important;border-color:#059669!important;font-weight:700!important}.saas-tree-empty-actions{justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.saas-tree-voters-list{flex-direction:column!important;gap:8px!important;display:flex!important}.saas-tree-voter-row{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;display:flex!important}.saas-tree-voter-num{color:#94a3b8!important;width:22px!important;font-size:.7rem!important;font-weight:700!important}.saas-tree-voter-avatar{color:#0369a1!important;background:#e0f2fe!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:.7rem!important;font-weight:800!important;display:flex!important}.saas-tree-voter-info{flex-direction:column!important;flex:1!important;display:flex!important}.saas-tree-voter-name{color:#0f172a!important;font-size:.82rem!important;font-weight:700!important}.saas-tree-voter-meta{color:#64748b!important;font-size:.68rem!important}.saas-tree-voter-right{align-items:center!important;gap:8px!important;display:flex!important}.saas-tree-card-chip{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:4px!important;padding:2px 6px!important;font-family:monospace!important;font-size:.66rem!important;font-weight:700!important}.saas-tree-modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:14px 24px!important;display:flex!important}.saas-tree-footer-left{align-items:center!important;display:flex!important}.saas-tree-footer-right{align-items:center!important;gap:8px!important;display:flex!important}.scope-pill-btn.active:last-child .scope-count-badge{color:#1e40af;background:#eff6ff}.leaders-table-saas tbody tr.is-tree-selected td{background:#ecfdf5!important;border-bottom-color:#86efac!important}.leaders-table-saas tbody tr.is-tree-selected td:first-child{border-left:3px solid #059669!important}.saas-tree-drawer-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:12px 20px!important;display:flex!important}.saas-tree-kbd-hint{color:#94a3b8!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:4px!important;margin-left:4px!important;padding:1px 5px!important;font-size:.65rem!important}.saas-tree-drawer{width:min(650px,100vw)!important}.saas-tier-nav-bar{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;align-items:center!important;gap:6px!important;padding:10px 18px!important;display:flex!important;overflow-x:auto!important}.saas-tier-nav-pill{color:#475569!important;cursor:pointer!important;white-space:nowrap!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;font-size:.7rem!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.saas-tier-nav-pill:hover{color:#0f172a!important;background:#f1f5f9!important}.saas-tier-nav-pill.active{color:#fff!important;background:#0f172a!important;border-color:#0f172a!important}.saas-tier-nav-pill.t1.active{background:#4338ca!important;border-color:#4338ca!important}.saas-tier-nav-pill.t2.active{background:#059669!important;border-color:#059669!important}.saas-tier-nav-pill.t3.active{background:#0284c7!important;border-color:#0284c7!important}.saas-tier-nav-pill.t4.active{background:#d97706!important;border-color:#d97706!important}.saas-tier-nav-pill.t5.active{background:#be185d!important;border-color:#be185d!important}.saas-tier-count-chip{background:#00000014!important;border-radius:4px!important;padding:1px 5px!important;font-size:.65rem!important;font-weight:800!important}.saas-tier-nav-pill.active .saas-tier-count-chip{color:#fff!important;background:#ffffff40!important}.saas-5tier-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;gap:10px!important;padding:14px 16px!important;transition:all .2s!important;display:flex!important}.saas-5tier-section.t1-box{background:linear-gradient(#f8faff 0%,#fff 100%)!important;border-color:#c7d2fe!important}.saas-5tier-section.t2-box{background:linear-gradient(#f0fdf4 0%,#fff 100%)!important;border-color:#a7f3d0!important}.saas-5tier-section.t3-box{background:linear-gradient(#f0f9ff 0%,#fff 100%)!important;border-color:#bae6fd!important}.saas-5tier-section.t4-box{background:linear-gradient(#fffbeb 0%,#fff 100%)!important;border-color:#fde68a!important}.saas-5tier-section.t5-box{background:linear-gradient(#fdf2f8 0%,#fff 100%)!important;border-color:#fbcfe8!important}.saas-5tier-header{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.saas-5tier-title-wrap{align-items:center!important;gap:8px!important;display:flex!important}.saas-5tier-badge{letter-spacing:.03em!important;text-transform:uppercase!important;border-radius:5px!important;align-items:center!important;gap:4px!important;padding:3px 8px!important;font-size:.65rem!important;font-weight:800!important;display:inline-flex!important}.saas-5tier-badge.t1{color:#3730a3!important;background:#e0e7ff!important;border:1px solid #c7d2fe!important}.saas-5tier-badge.t2{color:#065f46!important;background:#d1fae5!important;border:1px solid #a7f3d0!important}.saas-5tier-badge.t3{color:#0369a1!important;background:#e0f2fe!important;border:1px solid #bae6fd!important}.saas-5tier-badge.t4{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important}.saas-5tier-badge.t5{color:#9d174d!important;background:#fce7f3!important;border:1px solid #fbcfe8!important}.saas-5tier-title{color:#0f172a!important;margin:0!important;font-size:.84rem!important;font-weight:800!important}.saas-5tier-quota-pill{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;padding:2px 7px!important;font-size:.7rem!important;font-weight:700!important}.saas-5tier-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;display:flex!important;box-shadow:0 1px 2px #0f172a0a!important}.saas-5tier-card.active-focus{border-color:#059669!important;box-shadow:0 0 0 2px #05966926!important}.saas-5tier-avatar{border-radius:7px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;font-size:.72rem!important;font-weight:800!important;display:flex!important}.saas-5tier-avatar.t1{color:#4338ca!important;background:#e0e7ff!important}.saas-5tier-avatar.t2{color:#047857!important;background:#d1fae5!important}.saas-5tier-avatar.t3{color:#0284c7!important;background:#e0f2fe!important}.saas-5tier-avatar.t4{color:#b45309!important;background:#fef3c7!important}.saas-5tier-avatar.t5{color:#be185d!important;background:#fce7f3!important}.saas-5tier-info{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.saas-5tier-name{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.82rem!important;font-weight:700!important;overflow:hidden!important}.saas-5tier-meta{color:#64748b!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;font-size:.68rem!important;display:flex!important}.saas-5tier-right{align-items:center!important;gap:6px!important;display:flex!important}.saas-5tier-connector{flex-direction:column!important;align-items:center!important;margin:-4px 0!important;display:flex!important}.saas-5tier-line{background:#cbd5e1!important;width:2px!important;height:14px!important}.saas-5tier-arrow{color:#94a3b8!important;margin-top:-3px!important}.saas-blueprint-banner{background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:8px!important;align-items:flex-start!important;gap:10px!important;padding:10px 12px!important;display:flex!important}.saas-blueprint-desc{color:#475569!important;margin:0!important;font-size:.73rem!important;line-height:1.4!important}.saas-blueprint-metric{color:#0f172a!important;font-weight:700!important}.nh-switch{background:#fff;border:1px solid #d1fae5;border-radius:12px;gap:4px;width:100%;margin:0 0 14px;padding:4px;display:flex;box-shadow:0 1px 2px #064e3b0f}.nh-switch button{color:#065f46;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;font-weight:700}.nh-switch button.on{color:#ecfdf5;background:#065f46}.nh-switch button:hover,.nh-filters button:hover,.nh-brgy-head:hover,.nh-row:hover{transform:none}.nh-board-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.nh-board-title{color:#1c1917;margin:0;font-size:15px;font-weight:700}.nh-board-sub{color:#78716c;margin:4px 0 0;font-size:13px}.nh-board-stat{color:#44403c;white-space:nowrap;font-size:12px;font-weight:650}.nh-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.nh-filters button{color:#44403c;cursor:pointer;background:#fff;border:1px solid #e7e5e4;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.nh-filters button span{color:#a8a29e;font-variant-numeric:tabular-nums}.nh-filters button.on{color:#d1fae5;background:#064e3b;border-color:#064e3b}.nh-filters button.on span{color:#d1fae5}.nh-brgy{background:#fff;border:1px solid #047857;border-radius:10px;margin-bottom:8px}.nh-brgy-head{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:16px minmax(120px,180px) 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 14px;display:grid}.nh-brgy-name{color:#1c1917;font-size:15px;font-weight:700}.nh-brgy-meta{color:#78716c;font-size:12px}.nh-tree{border-top:1px solid #f5f5f4;padding:4px 12px 10px 18px}.nh-nest{border-left:1px solid #e7e5e4;margin-left:18px;padding-left:12px}.nh-row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #fafaf9;grid-template-columns:16px 128px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:7px 0;display:grid}.nh-row.static{cursor:default}.nh-chevron{color:#a8a29e;transition:transform .15s}.nh-chevron.open{transform:rotate(90deg)}.nh-chevron.idle{opacity:0}.nh-role{letter-spacing:.04em;text-transform:uppercase;color:#78716c;font-size:11px;font-weight:700}.nh-name{color:#1c1917;font-size:14px;font-weight:650}.nh-name.muted{color:#a8a29e;font-weight:500}.nh-count{color:#57534e;font-variant-numeric:tabular-nums;font-size:12px}.nh-empty{color:#a8a29e;margin:4px 0 8px;font-size:13px}.gr-shell{flex-direction:column;gap:12px;min-width:0;display:flex}.gr-stats{background:#fff;border:1px solid #d1fae5;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid;overflow:hidden;box-shadow:0 8px 24px #064e3b0f}.gr-stat{cursor:pointer;text-align:left;background:#fff;border:0;border-right:1px solid #6ee7b7;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.gr-stat:last-child{border-right:0}.gr-stat:hover,.gr-row:hover,.gr-periods button:hover,.gr-more:hover{transform:none}.gr-stat.on{background:#064e3b}.gr-stat-label{letter-spacing:.04em;text-transform:uppercase;color:#065f46;font-size:11px;font-weight:700}.gr-stat.on .gr-stat-label,.gr-stat.on .gr-stat-note{color:#a7f3d0}.gr-stat-value{color:#064e3b;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.2}.gr-stat.on .gr-stat-value{color:#fff}.gr-stat-note{color:#047857;font-size:12px}.gr-board{background:#fff;border:1px solid #d1fae5;border-radius:14px;min-width:0;padding:14px 16px 10px;box-shadow:0 8px 24px #064e3b0f}.gr-board-bar{border-bottom:1px solid #6ee7b7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.gr-periods{background:#f0fdf4;border-radius:10px;gap:4px;padding:3px;display:flex}.gr-periods button{color:#065f46;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700}.gr-periods button.on{color:#064e3b;background:#fff;box-shadow:0 1px 2px #064e3b14}.gr-board-tools{align-items:center;gap:8px;display:flex}.gr-select{color:#064e3b;background:#fff;border:1px solid #047857;border-radius:6px;padding:6px 8px;font-size:12px}.gr-week{color:#78716c;font-size:12px}.gr-list{flex-direction:column;display:flex}.gr-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:28px 36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 6px;display:grid}.gr-row:hover{background:#f0fdf4}.gr-rank{color:#94a3b8;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.gr-avatar{color:#ecfdf5;letter-spacing:.02em;background:#065f46;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:inline-flex}.gr-person{flex-direction:column;gap:2px;min-width:0;display:flex}.gr-name{color:#064e3b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.gr-levels{color:#78716c;font-size:12px}.gr-total{color:#065f46;text-align:center;font-variant-numeric:tabular-nums;background:#ecfdf5;border-radius:999px;min-width:42px;padding:4px 10px;font-size:13px;font-weight:800}.gr-more{color:#065f46;cursor:pointer;background:0 0;border:0;margin:8px 0 4px;padding:6px 2px;font-size:13px;font-weight:650}.gr-empty{color:#a8a29e;margin:16px 0;font-size:13px}