.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border-style:solid;border-radius:50%;flex-shrink:0;animation:.75s linear infinite spin}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--md{border-width:3px;width:28px;height:28px}.spinner--lg{border-width:4px;width:44px;height:44px}.spinner--primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary)}.spinner--white{border-color:#fff #ffffff4d #ffffff4d}.page-spinner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-spinner__content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.page-spinner__text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border:2px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn--md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white);box-shadow:0 2px 8px #2d7d464d}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));transform:translateY(-1px);box-shadow:0 4px 16px #2d7d4666}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color:var(--color-white);box-shadow:0 2px 8px #f4a0264d}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 16px #f4a02666}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn--outline:hover:not(:disabled){background:var(--color-primary-100);transform:translateY(-1px)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.btn--loading{cursor:wait}.btn__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.btn--outline .btn__spinner,.btn--ghost .btn__spinner{border-color:#0003;border-top-color:var(--color-primary)}.btn__text--loading{opacity:.8}.avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar--sm{width:32px;height:32px}.avatar--md{width:44px;height:44px}.avatar--lg{width:64px;height:64px}.avatar--xl{width:96px;height:96px}.avatar__img{object-fit:cover;width:100%;height:100%}.avatar__initials{color:#fff;font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none}.avatar--sm .avatar__initials{font-size:12px}.avatar--md .avatar__initials{font-size:14px}.avatar--lg .avatar__initials{font-size:20px}.avatar--xl .avatar__initials{font-size:28px}.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);background:#ffffffd9;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-md);background:#fffffff2}.navbar__inner{align-items:center;gap:var(--space-8);height:68px;display:flex}.navbar__logo{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-badge{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001f);width:44px;height:44px;transition:transform var(--transition-fast);border-radius:50%;flex-shrink:0}.navbar__logo:hover .navbar__logo-badge{transform:scale(1.06)}.navbar__logo-text{flex-direction:column;line-height:1.1;display:flex}.navbar__logo-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.navbar__logo-sub{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.navbar__nav{align-items:center;gap:var(--space-1);flex:1;display:flex}.navbar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);text-decoration:none}.navbar__link:hover{color:var(--color-primary);background:var(--color-primary-100)}.navbar__link--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.navbar__auth{flex-shrink:0;align-items:center;display:flex}.navbar__auth-buttons{align-items:center;gap:var(--space-3);display:flex}.navbar__login-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);transition:color var(--transition-fast)}.navbar__login-btn:hover{color:var(--color-primary)}.navbar__register-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:0 2px 8px #2d7d4640}.navbar__register-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2d7d4659}.navbar__user{position:relative}.navbar__user-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);cursor:pointer;display:flex}.navbar__user-btn:hover{background:var(--color-border-light)}.navbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.navbar__chevron{transition:transform var(--transition-fast);color:var(--color-text-muted)}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown{border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:200px;z-index:var(--z-dropdown);padding:var(--space-2);background:#fff;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.navbar__dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left;cursor:pointer;font-family:var(--font-family);display:flex}.navbar__dropdown-item:hover{background:var(--color-border-light);color:var(--color-text-primary)}.navbar__dropdown-item--danger{color:var(--color-danger)}.navbar__dropdown-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.navbar__dropdown-divider{background:var(--color-border-light);height:1px;margin:var(--space-2) 0}.navbar__dropdown-backdrop{z-index:-1;position:fixed;inset:0}.navbar__hamburger{border-radius:var(--radius-md);border:1px solid var(--color-border-light,#e2e8f0);background:var(--color-surface,#fff);cursor:pointer;appearance:none;width:38px;height:38px;transition:all var(--transition-fast);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:0;display:none;box-shadow:0 1px 3px #0000000f}.navbar__hamburger:hover,.navbar__hamburger:active{background:var(--color-border-light,#f1f5f9);border-color:var(--color-border,#cbd5e1)}.navbar__hamburger span{background:var(--color-text-primary,#1e293b);background-color:var(--color-text-primary,#1e293b);width:20px;height:2.5px;transition:all var(--transition-base);border-radius:999px;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7.5px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.navbar__mobile-menu{border-top:1px solid var(--color-border-light);padding:var(--space-4) var(--container-padding);gap:var(--space-1);background:#fff;flex-direction:column;display:flex}.navbar__mobile-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;text-align:left;font-family:var(--font-family);transition:all var(--transition-fast)}.navbar__mobile-link:hover{background:var(--color-border-light);color:var(--color-text-primary)}.navbar__mobile-link--primary{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.navbar__mobile-link--danger{color:var(--color-danger)}.navbar__mobile-divider{background:var(--color-border-light);height:1px;margin:var(--space-2) 0}@media (width<=768px){.navbar__nav,.navbar__auth{display:none}.navbar__hamburger{display:flex}}.footer{color:#ffffffb8;background:linear-gradient(160deg,#0f2d1f 0%,#0a1e30 60%,#07131f 100%);margin-top:auto;position:relative}.footer__accent{background:linear-gradient(90deg, var(--color-primary,#2d6a4f), #52b788, #74c69d, var(--color-primary,#2d6a4f));background-size:200% 100%;height:3px;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.footer__inner{gap:var(--space-16);grid-template-columns:1.6fr 2fr;padding-top:5.5rem;padding-bottom:4rem;display:grid}.footer__logo{align-items:center;gap:var(--space-4);color:#fff;margin-bottom:var(--space-4);letter-spacing:-.3px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.footer__logo-img{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:3px;box-shadow:0 4px 12px #0000004d}.footer__logo-accent{color:#52b788}.footer__tagline{margin-bottom:var(--space-5);color:#fff9;max-width:300px;font-size:.875rem;line-height:1.7}.footer__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.footer__badge{color:#74c69d;letter-spacing:.02em;background:#52b78814;border:1px solid #52b7884d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.footer__links{gap:var(--space-8);padding-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.footer__col{gap:var(--space-2);flex-direction:column;display:flex}.footer__col-title{text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid #ffffff12;font-size:.7rem;font-weight:700}.footer__link{color:#fff9;align-items:center;gap:6px;padding:2px 0;font-size:.875rem;text-decoration:none;transition:color .2s,padding-left .2s;display:inline-flex}.footer__link:hover{color:#fff;padding-left:4px}.footer__link--cta{color:#52b788;font-weight:600}.footer__link--cta:hover{color:#74c69d}.footer__sponsors-wrap{padding-bottom:var(--space-8);text-align:center}.footer__sponsors-title{text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin-bottom:var(--space-3);font-size:.7rem;font-weight:700}.footer__sponsors-card{background:#fff;border-radius:16px;justify-content:center;align-items:center;max-width:100%;padding:10px 24px;display:inline-flex;box-shadow:0 4px 20px #0000004d}.footer__sponsors-img{object-fit:contain;width:auto;max-height:48px}.footer__bottom{padding:var(--space-4) 0;background:#0003;border-top:1px solid #ffffff12}.footer__bottom-inner{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer__copy{color:#ffffff59;font-size:.78rem}.footer__copy strong{color:#ffffff8c;font-weight:600}.footer__copy--right{font-size:.75rem;font-style:italic}@media (width<=768px){.footer__inner{gap:var(--space-8);grid-template-columns:1fr;padding-top:3rem;padding-bottom:2.5rem}.footer__links{grid-template-columns:repeat(2,1fr)}.footer__bottom-inner{text-align:center;justify-content:center}}@media (width<=480px){.footer__links{grid-template-columns:1fr 1fr}}.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-layout__main{flex:1;padding-top:68px}.dash-layout{background:var(--color-bg);min-height:100vh;display:flex}.dash-sidebar{width:260px;z-index:var(--z-sticky);transition:transform var(--transition-base);background:linear-gradient(#0f3d24 0%,#1b5e35 100%);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.dash-sidebar__brand{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.dash-sidebar__logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;display:flex}.dash-sidebar__close{color:#fff9;border-radius:var(--radius-md);width:32px;height:32px;transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:none}.dash-sidebar__close:hover{background:#ffffff1a}.dash-sidebar__profile{padding:var(--space-5);align-items:center;gap:var(--space-3);text-align:center;border-bottom:1px solid #ffffff14;flex-direction:column;display:flex}.dash-sidebar__profile-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff}.dash-sidebar__profile-cat{font-size:var(--font-size-xs);color:#ffffff8c;font-weight:var(--font-weight-medium)}.dash-sidebar__unverified{font-size:var(--font-size-xs);color:var(--color-accent-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);background:#f4a02626;border:1px solid #f4a0264d}.dash-sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.dash-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#ffffffb8;transition:all var(--transition-fast);border-left:4px solid #0000;font-weight:600;display:flex}.dash-sidebar__link:hover{color:#fff;background:#ffffff1f}.dash-sidebar__link--active{color:#fff;letter-spacing:-.2px;background:#ffffff38;border-left:4px solid #52b788;font-weight:800;box-shadow:0 4px 12px #0003}.dash-sidebar__link-icon{flex-shrink:0;font-size:1rem}.dash-sidebar__footer{padding:var(--space-4) var(--space-3);gap:var(--space-1);border-top:1px solid #ffffff14;flex-direction:column;display:flex}.dash-sidebar__footer-link,.dash-sidebar__logout{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#ffffff8c;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);font-weight:var(--font-weight-medium)}.dash-sidebar__footer-link:hover{color:#fff;background:#ffffff14}.dash-sidebar__logout{cursor:pointer}.dash-sidebar__logout:hover{color:#fca5a5;background:#dc262626}.dash-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;min-height:100vh;margin-left:260px;display:flex}.dash-topbar{border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-6);z-index:10;box-shadow:var(--shadow-sm);background:#fff;display:flex;position:sticky;top:0}.dash-topbar__hamburger{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:none}.dash-topbar__hamburger:hover{background:var(--color-border-light)}.dash-topbar__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary);flex:1}.dash-content{padding:var(--space-8) var(--space-8);box-sizing:border-box;flex:1;width:100%;max-width:100%}.dash-overlay{z-index:calc(var(--z-sticky) - 1);background:#00000080;display:none;position:fixed;inset:0}@media (width<=900px){.dash-sidebar{transform:translate(-100%)}.dash-sidebar--open{transform:translate(0)}.dash-sidebar__close{display:flex}.dash-overlay{display:block}.dash-main{width:100%;min-width:0;max-width:100vw;margin-left:0;overflow-x:hidden}.dash-topbar__hamburger{display:flex}.dash-content{padding:var(--space-4) var(--space-3);box-sizing:border-box;width:100%;max-width:100%}}.admin-layout{background:var(--color-bg);min-height:100vh;display:flex}.admin-sidebar{width:240px;z-index:var(--z-sticky);transition:transform var(--transition-base);background:linear-gradient(#0c1b33 0%,#1b3b6f 100%);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar__brand{padding:var(--space-5);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.admin-sidebar__logo{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);color:#fff;font-size:var(--font-size-base);display:flex}.admin-sidebar__close{color:#fff9;border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:none}.admin-sidebar__close:hover{background:#ffffff1a}.admin-sidebar__sub{padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:#ffffff59;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em}.admin-sidebar__nav{padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.admin-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#ffffffb8;transition:all var(--transition-fast);border-left:4px solid #0000;font-weight:600;display:flex}.admin-sidebar__link:hover{color:#fff;background:#ffffff1f}.admin-sidebar__link--active{color:#fff;letter-spacing:-.2px;background:#ffffff38;border-left:4px solid #3b82f6;font-weight:800;box-shadow:0 4px 12px #0003}.admin-sidebar__link--orange{color:#ffedd5!important;background:#f9731633!important}.admin-sidebar__link--orange.admin-sidebar__link--active{background:#f9731659!important;border-left-color:#f97316!important}.admin-pending-badge{color:#fff;background:#f97316;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:800;box-shadow:0 2px 6px #f9731666}.admin-sidebar__footer{padding:var(--space-4) var(--space-3);gap:var(--space-1);border-top:1px solid #ffffff14;flex-direction:column;display:flex}.admin-sidebar__footer-link,.admin-sidebar__logout{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#ffffff8c;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);font-weight:var(--font-weight-medium)}.admin-sidebar__footer-link:hover{color:#fff;background:#ffffff14}.admin-sidebar__logout{cursor:pointer}.admin-sidebar__logout:hover{color:#fca5a5;background:#dc262626}.admin-overlay{z-index:calc(var(--z-sticky) - 1);background:#00000080;display:none;position:fixed;inset:0}.admin-main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;margin-left:240px;display:flex}.admin-topbar{border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-6);z-index:10;box-shadow:var(--shadow-sm);background:#fff;display:flex;position:sticky;top:0}.admin-topbar__hamburger{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1.25rem;display:none}.admin-topbar__hamburger:hover{background:var(--color-border-light)}.admin-topbar__title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1}.admin-topbar__badge{align-items:center;gap:var(--space-2);background:var(--color-info-bg);color:var(--color-info);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex}.admin-content{padding:var(--space-8);box-sizing:border-box;flex:1;width:100%;max-width:100%}@media (width<=900px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close{display:flex}.admin-overlay{display:block}.admin-main{width:100%;min-width:0;max-width:100vw;margin-left:0;overflow-x:hidden}.admin-topbar__hamburger{display:flex}.admin-content{padding:var(--space-4) var(--space-3);box-sizing:border-box;width:100%;max-width:100%}}.hero{padding-top:calc(68px + var(--space-16));padding-bottom:var(--space-24);background:linear-gradient(135deg,#0f3d24 0%,#1b5e35 40%,#2d7d46 100%);position:relative;overflow:hidden}.hero__bg-blob{filter:blur(60px);opacity:.25;pointer-events:none;border-radius:50%;position:absolute}.hero__bg-blob--1{background:var(--color-accent);width:500px;height:500px;top:-150px;right:-100px}.hero__bg-blob--2{background:#4caf6e;width:400px;height:400px;bottom:-100px;left:-80px}.hero__bg-orb{pointer-events:none;background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:30%;left:45%}.hero__inner{gap:var(--space-16);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__eyebrow{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-5);letter-spacing:.03em;background:#ffffff1f;border:1px solid #ffffff26;display:inline-flex}.hero__title{font-size:clamp(2rem,4vw,3.25rem);font-weight:var(--font-weight-extrabold);color:#fff;line-height:var(--line-height-tight);margin-bottom:var(--space-5)}.hero__title-accent{background:linear-gradient(135deg, var(--color-accent-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--font-size-md);color:#ffffffbf;line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);max-width:500px}.hero__cta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero__cta-primary{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-full);transition:all var(--transition-base);display:inline-flex;box-shadow:0 4px 20px #f4a02666}.hero__cta-primary:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 8px 30px #f4a02680}.hero__cta-secondary{padding:var(--space-4) var(--space-8);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-full);transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #ffffff40}.hero__cta-secondary:hover{background:#fff3;border-color:#fff6}.hero__stats{align-items:center;gap:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);background:#ffffff14;border:1px solid #ffffff1f;width:fit-content;display:flex}.hero__stat{text-align:center}.hero__stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#fff;display:block}.hero__stat-label{font-size:var(--font-size-xs);color:#fff9;font-weight:var(--font-weight-medium);margin-top:2px;display:block}.hero__stat-divider{background:#ffffff26;flex-shrink:0;width:1px;height:40px}.hero__illustration{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.hero__cards{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.hero__mini-card{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-lg);cursor:pointer;border:2px solid #0000;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.hero__mini-card:hover{border-color:#fff9;transform:translateY(-6px)scale(1.04);box-shadow:0 16px 32px #00000040}.hero__mini-card-icon{font-size:2.5rem;transition:transform .2s}.hero__mini-card:hover .hero__mini-card-icon{transform:scale(1.15)}.hero__mini-card-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hero__wave{height:80px;position:absolute;bottom:-1px;left:0;right:0}.hero__wave svg{width:100%;height:100%}@media (width<=900px){.hero__inner{gap:var(--space-8);grid-template-columns:1fr}.hero__illustration{height:auto;margin-top:var(--space-4)}.hero__cards{grid-template-columns:repeat(2,1fr);gap:12px;padding:0;display:grid;position:relative;inset:auto}.hero__mini-card{padding:var(--space-4)}.hero__mini-card-icon{font-size:2rem}.hero__subtitle{max-width:100%}.hero{padding-bottom:var(--space-16)}}@media (width<=640px){.hero__cta{flex-direction:column;align-items:stretch;width:100%}.hero__cta-primary,.hero__cta-secondary{text-align:center;justify-content:center;width:100%}.hero__stats{flex-wrap:wrap;justify-content:space-around;width:100%}.hero__cards{grid-template-columns:repeat(2,1fr)}}.badge{font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.badge--sm{padding:2px 8px;font-size:11px}.badge--md{font-size:var(--font-size-xs);padding:4px 12px}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--default{background:var(--color-border-light);color:var(--color-text-secondary)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-dark)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.umkm-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.umkm-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.umkm-card__image-wrap{background:var(--color-border-light);height:200px;display:block;position:relative;overflow:hidden}.umkm-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.umkm-card:hover .umkm-card__image{transform:scale(1.05)}.umkm-card__image-placeholder{background:linear-gradient(135deg, var(--color-primary-100), var(--color-accent-100));justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.umkm-card__category-badge{top:var(--space-3);left:var(--space-3);position:absolute}.umkm-card__verified{bottom:var(--space-3);right:var(--space-3);background:var(--color-primary);color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;display:flex;position:absolute}.umkm-card__body{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.umkm-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-line-clamp:1;transition:color var(--transition-fast);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.umkm-card__name:hover{color:var(--color-primary)}.umkm-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.umkm-card__meta{padding-top:var(--space-2);flex-direction:column;gap:4px;margin-top:auto;display:flex}.umkm-card__meta-item{font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:6px;display:flex}.umkm-card__footer{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex}.umkm-card__detail-btn{text-align:center;padding:var(--space-2) var(--space-4);background:var(--color-primary-100);color:var(--color-primary-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);flex:1}.umkm-card__detail-btn:hover{background:var(--color-primary);color:#fff}.umkm-card__wa-btn{padding:var(--space-2) var(--space-3);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);white-space:nowrap;background:#25d366;align-items:center;gap:6px;display:flex}.umkm-card__wa-btn:hover{background:#1da851;transform:translateY(-1px)}.umkm-grid,.umkm-grid__loading{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.umkm-grid__skeleton{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);overflow:hidden}@media (width<=640px){.umkm-grid,.umkm-grid__loading{grid-template-columns:1fr}}.home-section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.home-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.home-section-sub{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:var(--font-size-base)}.home-see-all{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:gap var(--transition-fast);white-space:nowrap;display:inline-flex}.home-see-all:hover{gap:var(--space-3)}.home-categories{background:var(--color-white)}.home-cat-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.home-cat-card{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--color-white);border:2px solid var(--color-border-light);border-radius:var(--radius-2xl);text-align:center;transition:all var(--transition-base);cursor:pointer;flex-direction:column;display:flex}.home-cat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.home-cat-icon{border-radius:var(--radius-xl);width:72px;height:72px;transition:transform var(--transition-base);justify-content:center;align-items:center;font-size:2rem;display:flex}.home-cat-card:hover .home-cat-icon{transform:scale(1.1)rotate(-5deg)}.home-cat-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.home-cat-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.home-cta{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);padding:var(--space-16) 0;position:relative;overflow:hidden}.home-cta__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.home-cta__content{max-width:600px}.home-cta__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-3)}.home-cta__sub{color:#ffffffbf;font-size:var(--font-size-md);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.home-cta__btn{padding:var(--space-4) var(--space-8);background:var(--color-accent);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-full);transition:all var(--transition-base);display:inline-block;box-shadow:0 4px 20px #f4a02666}.home-cta__btn:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 8px 30px #f4a02680}.home-cta__deco{opacity:.3;flex-shrink:0;font-size:6rem}@media (width<=1024px){.home-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.home-cat-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.home-cta__inner{text-align:center;flex-direction:column}.home-cta__deco{display:none}}.searchbar{align-items:center;width:100%;max-width:480px;display:flex;position:relative}.searchbar__icon{color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;left:1rem}.searchbar__input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding-left:2.75rem;padding-right:2.75rem}.searchbar__input::-webkit-search-cancel-button{display:none}.searchbar__input::placeholder{color:var(--color-text-muted)}.searchbar__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d7d461f}.searchbar__clear{color:var(--color-text-muted);cursor:pointer;width:18px;height:18px;transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;right:1rem}.searchbar__clear:hover{background:var(--color-border);color:var(--color-text-primary)}.category-filter{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-filter__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text-secondary);background:var(--color-white);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.category-filter__btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-100)}.category-filter__btn--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px #2d7d464d}.category-filter__btn--active:hover{background:var(--color-primary-dark);color:var(--color-white)}.umkm-list__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.umkm-list__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.umkm-list__subtitle{color:var(--color-text-secondary);margin-top:var(--space-1)}.umkm-list__filters{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.umkm-list__count{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:var(--font-weight-medium)}@media (width<=640px){.umkm-list__header{flex-direction:column}.umkm-list__header .searchbar{max-width:100%}}.detail-page{padding-bottom:var(--space-16)}.detail-banner{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));height:300px;position:relative;overflow:hidden}.detail-banner__img{object-fit:cover;width:100%;height:100%}.detail-banner__placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.detail-banner__overlay{background:linear-gradient(#0000 50%,#0000004d);position:absolute;inset:0}.detail-profile{padding:var(--space-8);z-index:1;gap:var(--space-6);margin-top:-60px;margin-bottom:var(--space-8);grid-template-columns:auto 1fr auto;align-items:start;display:grid;position:relative}.detail-profile__avatar{border-radius:var(--radius-xl);width:100px;height:100px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg, var(--color-primary-100), var(--color-accent-100));border:4px solid #fff;flex-shrink:0;overflow:hidden}.detail-profile__img{object-fit:cover;width:100%;height:100%}.detail-profile__icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.detail-profile__badges{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.detail-profile__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.detail-profile__desc{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);max-width:600px}.detail-profile__meta{gap:var(--space-2);flex-direction:column;display:flex}.detail-meta-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.detail-meta-link{color:var(--color-info)}.detail-meta-link:hover{text-decoration:underline}.detail-profile__actions{gap:var(--space-3);flex-direction:column;align-items:flex-end;display:flex}.detail-wa-btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border-radius:var(--radius-xl);transition:all var(--transition-base);white-space:nowrap;background:#25d366;display:inline-flex;box-shadow:0 4px 16px #25d36659}.detail-wa-btn:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.detail-back-btn{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast);font-weight:var(--font-weight-medium)}.detail-back-btn:hover{color:var(--color-primary)}.detail-products{margin-top:var(--space-8)}.detail-products__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);color:var(--color-text-primary)}.detail-products__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.product-card{transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card__img{object-fit:cover;width:100%;height:160px}.product-card__no-img{background:var(--color-border-light);justify-content:center;align-items:center;height:140px;font-size:3rem;display:flex}.product-card__body{padding:var(--space-4)}.product-card__name{font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.product-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card__price{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-3)}.product-card__order{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);background:#25d366;display:inline-flex}.product-card__order:hover{background:#1da851}@media (width<=768px){.detail-profile{padding:var(--space-5);gap:var(--space-4);grid-template-columns:1fr;margin-top:-40px}.detail-profile__actions{flex-direction:column;align-items:stretch;width:100%}.detail-wa-btn{text-align:center;justify-content:center;width:100%}.detail-banner{height:180px}.detail-profile__avatar{border-width:3px;width:76px;height:76px}.detail-profile__name{font-size:var(--font-size-xl)}.detail-products__grid{gap:var(--space-3);grid-template-columns:1fr 1fr}}@media (width<=480px){.detail-products__grid{grid-template-columns:1fr}}.about-hero{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.about-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.about-hero__sub{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-grid{gap:var(--space-10);grid-template-columns:2fr 1fr;align-items:start;display:grid}.about-content{gap:var(--space-8);flex-direction:column;display:flex}.about-section{gap:var(--space-4);flex-direction:column;display:flex}.about-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.about-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-list{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;display:flex}.about-list li{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);position:relative}.about-list li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:-1.25rem}.about-steps{gap:var(--space-5);flex-direction:column;display:flex}.about-step{gap:var(--space-4);align-items:flex-start;display:flex}.about-step__num{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-step h3{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.about-step p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-sidebar{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:100px}.about-info-card{padding:var(--space-5)}.about-info-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.about-info-card p{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.about-info-card--logo{text-align:center;background:linear-gradient(135deg,#2d6a4f0f,#52b7881f);border:1px solid #52b7884d}.about-kkn-badge{object-fit:contain;width:90px;height:90px;margin:0 auto var(--space-3);filter:drop-shadow(0 4px 10px #0000001f);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default!important}.about-info-card--contact{background:#f0fdf4;border:1px solid #bbf7d0}.about-contact-wa-btn{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;width:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#25d366;padding:8px 12px;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #25d36640}.about-contact-wa-btn:hover{color:#fff;background:#20bd5a;transform:translateY(-1px);box-shadow:0 4px 10px #25d36659}.about-mitra-wrap{margin-top:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:#fff;justify-content:center;padding:8px 12px;display:flex}.about-mitra-img{object-fit:contain;width:auto;max-height:40px}@media (width<=768px){.about-grid{grid-template-columns:1fr}.about-sidebar{position:static}}.input-wrapper{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.input-required{color:var(--color-danger);margin-left:var(--space-1)}.input-field-wrap{align-items:center;display:flex;position:relative}.input-field{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d7d461f}.input-field--icon-left{padding-left:2.75rem}.input-field--icon-right{padding-right:2.75rem}.input-icon{color:var(--color-text-muted);z-index:1;pointer-events:none;align-items:center;font-size:1rem;display:flex;position:absolute}.input-icon--left{left:.875rem}.input-icon--right{right:.875rem}.input-password-toggle{cursor:pointer;border-radius:var(--radius-md);z-index:2;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 6px;font-size:1.1rem;transition:opacity .2s,background .2s,transform .1s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-password-toggle:hover{background:var(--color-border-light)}.input-password-toggle:active{transform:translateY(-50%)scale(.92)}.input-wrapper--error .input-field{border-color:var(--color-danger)}.input-wrapper--error .input-field:focus{box-shadow:0 0 0 3px #dc26261f}.input-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-1)}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}textarea.input-field{resize:vertical;min-height:100px;padding-top:var(--space-3);line-height:var(--line-height-relaxed)}.file-upload{gap:var(--space-1);flex-direction:column;display:flex}.file-upload__zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);background:var(--color-bg);text-align:center}.file-upload__zone:hover,.file-upload__zone:focus{border-color:var(--color-primary);background:var(--color-primary-100);outline:none}.file-upload__zone--filled{border-style:solid;border-color:var(--color-primary);background:var(--color-primary-100)}.file-upload--error .file-upload__zone{border-color:var(--color-danger);background:var(--color-danger-bg)}.file-upload__input{display:none}.file-upload__placeholder{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.file-upload__upload-icon{font-size:2rem}.file-upload__text{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-upload__subtext{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload__preview{align-items:center;gap:var(--space-3);text-align:left;display:flex}.file-upload__file-icon{flex-shrink:0;font-size:1.75rem}.file-upload__file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-all}.file-upload__file-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload__remove{width:28px;height:28px;color:var(--color-danger);background:var(--color-danger-bg);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:12px;display:flex}.file-upload__remove:hover{background:var(--color-danger);color:#fff}.auth-page{min-height:calc(100vh - 68px);padding:var(--space-8) var(--container-padding);background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-bg) 50%, var(--color-accent-100) 100%);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.auth-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-10) var(--space-8);border:1px solid var(--color-border-light);background:#fff;width:100%;max-width:480px}.auth-card--wide{max-width:680px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-primary-dark);margin-bottom:var(--space-5);display:inline-flex}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-steps{margin-bottom:var(--space-8);justify-content:center;align-items:center;gap:0;display:flex}.auth-step{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;display:flex}.auth-step>span:first-child{background:var(--color-border);width:28px;height:28px;color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-step--active{color:var(--color-primary)}.auth-step--active>span:first-child{background:var(--color-primary);color:#fff}.auth-step-line{background:var(--color-border);min-width:16px;max-width:60px;height:2px;margin:0 var(--space-1);flex:1}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.auth-error-banner{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);border:1px solid #fecaca}.auth-info-box{align-items:flex-start;gap:var(--space-3);background:var(--color-info-bg);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-info);line-height:var(--line-height-relaxed);border:1px solid #bfdbfe;display:flex}.auth-divider{align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-4) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-footer-text{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-5)}.auth-link{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.auth-link:hover{text-decoration:underline}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:2.5rem}.input-error-field{border-color:var(--color-danger)}.auth-success{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.auth-success__icon{font-size:4rem}.auth-success__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.auth-success__text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px}.auth-success__note{background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.auth-success__btn{padding:var(--space-3) var(--space-8);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);transition:all var(--transition-base);display:inline-block}.auth-success__btn:hover{background:var(--color-primary-dark)}@media (width<=640px){.auth-card{padding:var(--space-6) var(--space-4)}.auth-form__grid{grid-template-columns:1fr}.auth-steps{gap:0}.auth-title{font-size:var(--font-size-xl)}}@media (width<=420px){.auth-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl)}.auth-step .auth-step__label{display:none}.auth-steps{margin-bottom:var(--space-6);justify-content:center;gap:0}.auth-step-line{min-width:32px;max-width:64px}}.auth-help-card{margin-top:var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);gap:var(--space-3);text-align:left;background:#f8fafc;flex-direction:column;display:flex}.auth-help-card__header{align-items:flex-start;gap:var(--space-3);display:flex}.auth-help-card__icon{flex-shrink:0;margin-top:2px;font-size:1.35rem;line-height:1}.auth-help-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:2px}.auth-help-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.auth-help-card__btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#25d366;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #25d36640}.auth-help-card__btn:hover{color:#fff;background:#20bd5a;transform:translateY(-1px);box-shadow:0 4px 10px #25d36659}.dash-home{max-width:900px}.dash-welcome{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);color:#fff;margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.dash-welcome__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.dash-welcome__sub{color:#fffc;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:480px}.dash-quick-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.dash-quick-card{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1.5px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#fff;text-decoration:none;display:flex}.dash-quick-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-quick-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.dash-quick-card__label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.dash-quick-card__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.dash-quick-card__arrow{color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.dash-completion{padding:var(--space-6)}.dash-completion__items{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.dash-completion__item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-border-light);display:flex}.dash-completion__item--done{color:var(--color-success);background:var(--color-success-bg)}@media (width<=640px){.dash-quick-grid{grid-template-columns:1fr}.dash-completion__items{grid-template-columns:repeat(2,1fr)}}.profile-page{gap:var(--space-6);box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;display:flex}.profile-success{background:var(--color-success-bg);color:var(--color-success);padding:var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);border:1px solid #bbf7d0}.profile-error{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid #fecaca}.profile-section{padding:var(--space-6);gap:var(--space-5);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.profile-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.profile-form-grid{gap:var(--space-4);box-sizing:border-box;grid-template-columns:1fr 1fr;width:100%;display:grid}.profile-form-grid__full{grid-column:1/-1}.profile-current-img{object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--color-border);width:100px;height:100px}.profile-current-banner{object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--color-border);width:100%;height:100px}.profile-file-input{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2);max-width:100%;display:block}.profile-actions{padding-bottom:var(--space-8);justify-content:flex-end;display:flex}.jam-editor{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.jam-row{border-radius:var(--radius-lg);background:var(--color-surface-2,#f8fafb);border:1px solid var(--color-border);box-sizing:border-box;align-items:center;gap:1rem;padding:.75rem 1rem;transition:opacity .2s,background .2s;display:flex}.jam-row--tutup{background:var(--color-bg,#f4f6f8);opacity:.7}.jam-toggle{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.jam-toggle__input{opacity:0;width:0;height:0;position:absolute}.jam-toggle__slider{background:var(--color-border);border-radius:999px;width:40px;height:22px;transition:background .2s;display:inline-block;position:relative}.jam-toggle__slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.jam-toggle__input:checked+.jam-toggle__slider{background:var(--color-primary)}.jam-toggle__input:checked+.jam-toggle__slider:after{transform:translate(18px)}.jam-day-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:52px;font-size:.875rem}.jam-day-label--off{color:var(--color-text-muted);text-decoration:line-through}.jam-times{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.jam-time-group{flex-direction:column;gap:2px;display:flex}.jam-time-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.jam-time-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-bg);cursor:pointer;outline:none;padding:.35rem .6rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.jam-time-input:focus{border-color:var(--color-primary)}.jam-separator{color:var(--color-text-muted);margin-top:1rem;font-size:1rem}.jam-tutup-label{color:var(--color-danger,#ef4444);font-size:.875rem;font-weight:var(--font-weight-semibold);flex:1}@media (width<=640px){.profile-section{padding:var(--space-4) var(--space-3)}.profile-form-grid{gap:var(--space-3);grid-template-columns:1fr}.profile-actions{justify-content:stretch}.profile-actions button{width:100%}.jam-row{gap:.5rem;padding:.6rem .75rem}}@media (width<=480px){.jam-row{flex-wrap:wrap;gap:.5rem}.jam-times{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-height:90vh;display:flex;overflow-y:auto}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:900px}.modal__header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal__close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-border-light);color:var(--color-text-primary)}.modal__body{padding:var(--space-6);flex:1}.products-page{max-width:900px}.products-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.product-item{flex-direction:column;display:flex;overflow:hidden}.product-item__img{object-fit:cover;width:100%;height:160px}.product-item__no-img{background:var(--color-border-light);justify-content:center;align-items:center;height:120px;font-size:2.5rem;display:flex}.product-item__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-item__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.product-item__name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary)}.product-item__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-item__price{font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-item__actions{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);flex-wrap:wrap;margin-top:auto;display:flex}.product-item__btn{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.product-item__btn--edit{background:var(--color-info-bg);color:var(--color-info)}.product-item__btn--edit:hover{background:var(--color-info);color:#fff}.product-item__btn--toggle{background:var(--color-border-light);color:var(--color-text-secondary)}.product-item__btn--toggle:hover{background:var(--color-border)}.product-item__btn--delete{background:var(--color-danger-bg);color:var(--color-danger);margin-left:auto}.product-item__btn--delete:hover{background:var(--color-danger);color:#fff}.profile-file-input{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2);display:block}@media (width<=600px){.products-grid{grid-template-columns:1fr}.product-item__actions{flex-flow:wrap}.product-item__btn{flex:1;justify-content:center;min-height:38px}.product-item__btn--delete{margin-left:0}}.admin-login-page{min-height:calc(100vh - 68px);padding:var(--space-8) var(--container-padding);background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.admin-login-card{border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);background:#fff;border:1px solid #ffffff1a;width:100%;max-width:440px;position:relative;box-shadow:0 25px 50px -12px #0006}.admin-login-header{text-align:center;margin-bottom:var(--space-8)}.admin-login-badge{align-items:center;gap:var(--space-2);color:#334155;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);letter-spacing:.05em;text-transform:uppercase;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:4px 12px;display:inline-flex}.admin-login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:#0f172a;margin-bottom:var(--space-2)}.admin-login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-login-error{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed);border:1px solid #fecaca}.admin-login-form{gap:var(--space-4);flex-direction:column;display:flex}.admin-login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.admin-login-back{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.admin-login-back:hover{color:var(--color-primary);text-decoration:underline}@media (width<=480px){.admin-login-card{padding:var(--space-6) var(--space-4)}}.admin-dash{max-width:900px}.admin-stats-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.admin-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base);text-decoration:none;display:flex}.admin-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.admin-stat-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.admin-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.admin-stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);margin-top:2px}.admin-quick-actions{gap:var(--space-3);flex-direction:column;max-width:600px;display:flex}.admin-quick-btn{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1.5px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;background:#fff;font-size:1.75rem;text-decoration:none;display:flex}.admin-quick-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-quick-btn--orange{background:#fff7ed;border-color:#f97316}.admin-quick-btn--orange:hover{background:#ffedd5;border-color:#ea580c}.admin-quick-btn--orange .admin-quick-btn__label{color:#c2410c}.admin-quick-btn__label{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-quick-btn__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.admin-quick-btn>svg{color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.dash-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5)}@media (width<=900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.admin-stats-grid{grid-template-columns:1fr 1fr}}.pending-page{max-width:900px}.pending-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.pending-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text-secondary);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:#fff}.pending-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.pending-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pending-list{gap:var(--space-4);flex-direction:column;display:flex}.pending-item{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.pending-item__main{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.pending-item__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pending-item__email{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.pending-item__meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);display:flex}.pending-item__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex}.pending-item__doc-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-info);transition:color var(--transition-fast)}.pending-item__doc-link:hover{text-decoration:underline}.pending-item__review-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);margin-left:auto;display:inline-flex}.pending-item__review-btn:hover{background:var(--color-primary-dark)}.pending-item__note{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-border-light);padding:var(--space-3);border-radius:var(--radius-md);display:flex}.verify-page{max-width:700px}.verify-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-5);transition:color var(--transition-fast);font-family:var(--font-family)}.verify-back:hover{color:var(--color-primary)}.verify-msg{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.verify-msg--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #bbf7d0}.verify-msg--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.verify-msg--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #bfdbfe}.verify-card{overflow:hidden}.verify-card__header{padding:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex}.verify-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.verify-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.verify-card__section{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);gap:var(--space-4);flex-direction:column;display:flex}.verify-card__section:last-child{border-bottom:none}.verify-card__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.verify-dokumen{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.verify-dokumen__img{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:100%;max-height:400px}.verify-dokumen__pdf{padding:var(--space-4) var(--space-6);background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold)}.verify-dokumen__view-btn{font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium)}.verify-dokumen__view-btn:hover{text-decoration:underline}.verify-card__empty{font-size:var(--font-size-sm);color:var(--color-text-muted)}.verify-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);display:flex}.verify-info{align-items:flex-start;gap:var(--space-3);background:var(--color-info-bg);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-info);line-height:var(--line-height-relaxed);margin-top:var(--space-5);border:1px solid #bfdbfe;display:flex}.manage-msg{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.manage-msg--success{background:var(--color-success-bg);color:var(--color-success)}.manage-msg--error{background:var(--color-danger-bg);color:var(--color-danger)}.manage-table-wrap{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);overflow-x:auto}.manage-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.manage-table th{background:var(--color-bg);padding:var(--space-4) var(--space-5);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border-light);white-space:nowrap}.manage-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.manage-table tbody tr:last-child td{border-bottom:none}.manage-table tbody tr:hover td{background:var(--color-border-light)}.manage-table__row--inactive td{opacity:.6}.manage-table__name{font-weight:var(--font-weight-semibold)}.manage-table__email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.manage-table__date{white-space:nowrap;color:var(--color-text-muted)}.manage-table__actions{gap:var(--space-2);display:flex}.manage-btn{border-radius:var(--radius-md);font-size:11px;font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.manage-btn--activate{background:var(--color-success-bg);color:var(--color-success)}.manage-btn--activate:hover{background:var(--color-success);color:#fff}.manage-btn--deactivate{background:var(--color-border-light);color:var(--color-text-secondary)}.manage-btn--deactivate:hover{background:var(--color-border)}.manage-btn--delete{background:var(--color-danger-bg);color:var(--color-danger)}.manage-btn--delete:hover{background:var(--color-danger);color:#fff}@media (width<=700px){.manage-table thead{display:none}.manage-table,.manage-table tbody,.manage-table tr,.manage-table td{width:100%;display:block}.manage-table tr{border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);box-shadow:var(--shadow-sm)}.manage-table__row--inactive{opacity:.6}.manage-table td{padding:var(--space-1) 0;border:none}.manage-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.manage-table__actions{margin-top:var(--space-2);flex-wrap:wrap}.manage-btn{flex:1;justify-content:center;min-height:36px}.manage-table-wrap{box-shadow:none;border:none;border-radius:0}}:root{--color-primary:#2d7d46;--color-primary-dark:#1e5c32;--color-primary-light:#4caf6e;--color-primary-100:#e8f5ec;--color-primary-200:#c3e6ce;--color-accent:#f4a026;--color-accent-dark:#d4860a;--color-accent-light:#f7ba5a;--color-accent-100:#fef6e8;--color-secondary:#1b3b6f;--color-secondary-light:#2e5fa3;--color-white:#fff;--color-bg:#f7f8fa;--color-bg-card:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-light:#6b7280;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#2563eb;--color-info-bg:#dbeafe;--font-family:"Plus Jakarta Sans", "Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--shadow-card:0 2px 12px #0000000f;--shadow-green:0 4px 20px #2d7d4640;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:2000;--container-max:1280px;--container-padding:1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-border-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-16) 0}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}.divider{background:var(--color-border);height:1px;margin:var(--space-6) 0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}:root{--container-padding:1rem}}.empty-state{padding:var(--space-16);text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-header__subtitle{color:var(--color-text-secondary);margin-top:var(--space-1)}@media (width<=768px){button,a,[role=button]{min-height:40px}body{overflow-x:hidden}.page-header__title{font-size:var(--font-size-xl)}.section{padding:var(--space-10) 0}.card{border-radius:var(--radius-lg)}}@supports (padding:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=480px){.input-field{font-size:16px}.pending-tabs,.tab-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.pending-tabs::-webkit-scrollbar{display:none}.pending-tab{white-space:nowrap;flex-shrink:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.animate-fadeIn{animation:.4s both fadeIn}.animate-fadeInUp{animation:.5s both fadeInUp}.animate-fadeInDown{animation:.4s both fadeInDown}.animate-slideInRight{animation:.4s both slideInRight}.animate-scaleIn{animation:.3s both scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-border) 50%, var(--color-border-light) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.pwa-banner{bottom:env(safe-area-inset-bottom,0);z-index:9999;padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));color:#fff;background:#1a4731;align-items:center;gap:12px;animation:.3s slideUp;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 24px #00000040}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-banner__icon{flex-shrink:0;font-size:2rem}.pwa-banner__text{flex:1;min-width:0}.pwa-banner__text strong{font-size:.9rem;font-weight:700;display:block}.pwa-banner__text p{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.pwa-banner__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pwa-banner__install{color:#fff;cursor:pointer;background:#52b788;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .2s}.pwa-banner__install:hover{background:#40916c}.pwa-banner__dismiss{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:1.1rem;line-height:1}.pwa-banner__dismiss:hover{color:#fff}