:root{--primary:#003527;--primary-container:#064e3b;--secondary-container:#bcf063;--on-secondary-container:#4b6d00;--outline-variant:#d9d9d9;--font-inter:"Inter", sans-serif;--font-serif:"Playfair Display", serif}body{font-family:var(--font-inter);background:#000;overflow:hidden}.entrance-splash-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.background-container{z-index:-2;position:fixed;inset:0}.background-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.background-overlay{z-index:1;background:linear-gradient(#00000059,#00000073);position:absolute;inset:0}.main-hub{z-index:20;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#1616163d;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:min(62vw,800px);min-height:52vh;padding:clamp(24px,3vw,40px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff14}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.main-hub{background:#121212d1}}.main-hub-content{flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.logo-cluster{text-align:center;animation:1s forwards fadeIn}.logo-icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;display:flex;overflow:hidden}.brand-name{font-family:var(--font-serif);color:#fff;letter-spacing:.08em;text-shadow:0 4px 18px #00000059;border-bottom:3px solid #0b775a;padding-bottom:14px;font-size:clamp(38px,4vw,64px)}.logo-symbols{color:#fff;justify-content:center;gap:120px;margin-top:12px;display:flex}.brand-tagline{letter-spacing:.18em;color:#fff;font-size:clamp(12px,1.2vw,18px);font-weight:700}.entrance-splash-page .card-header{text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.card-description{color:var(--outline-variant);background:0 0;max-width:560px;margin:0;font-size:14px}.init-btn{background:var(--secondary-container);width:min(100%,420px);height:56px;color:var(--on-secondary-container);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:700;transition:transform .25s;display:flex;position:relative}.init-btn:hover{transform:translateY(-2px)}.init-btn:active{transform:scale(.98)}.terminal-footer{text-align:center;margin-top:auto}.footer-label{color:#fff;letter-spacing:.08em;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.main-hub{width:94vw;min-height:auto;padding:24px 18px}.brand-name{font-size:36px}.logo-symbols{gap:60px}.init-btn{width:100%;font-size:17px}}@media (width<=420px){.brand-name{font-size:28px}.brand-tagline{font-size:11px}.logo-symbols{gap:45px}.card-header{flex-direction:column;gap:10px}.card-title{font-size:28px}}:root{--primary:#003527;--primary-container:#064e3b;--on-primary:#fff;--secondary:#476800;--secondary-container:#bcf063;--secondary-fixed:#bff365;--background:#f7f9f8;--surface:#fff;--surface-soft:#f4f7f6;--surface-container:#eef4f1;--surface-container-high:#e4ece8;--on-surface:#13231d;--on-surface-variant:#5c6863;--outline:#86908b;--outline-variant:#d7dfdb;--font-inter:"Inter", sans-serif;--font-serif:"Playfair Display", serif;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-soft:0 10px 40px #00000014;--shadow-hover:0 12px 30px #0000001f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{font-family:var(--font-inter);background:var(--background);color:var(--on-surface);overflow:hidden auto}main{width:100%;min-height:100svh;display:flex}@media (width>=768px){.interaction-side{flex:1}}.hero-center-content{flex-direction:column;justify-content:center;align-items:center;max-width:520px;display:flex}.visual-side{background:var(--primary);flex:1.6;display:none;position:relative;overflow:hidden}.hero-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.visual-overlay{z-index:2;background:linear-gradient(#00000026,#00352780,#003527d1);position:absolute;inset:0}.visual-content{z-index:5;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:clamp(20px,2vw,36px);display:flex;position:relative;overflow:hidden}.hero-title{font-family:var(--font-serif);letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(44px,4vw,78px);font-weight:700;line-height:.95}.logo-symbol{justify-content:center;gap:clamp(18px,2vw,32px);margin-top:14px;display:flex}.logo-symbol span{font-size:28px}.hero-subtitle{opacity:.92;max-width:420px;margin-top:18px;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.hero-subtitle1{opacity:.8;margin-top:16px;font-size:clamp(13px,1vw,15px)}.interaction-side{background:0 0;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(12px,2vw,24px);display:flex;position:relative;overflow:hidden}.form-container{width:min(100%,460px);max-width:460px;box-shadow:none;background:0 0;border:none;border-radius:24px;margin:0 auto;padding:clamp(16px,4vw,28px);transition:filter .3s,opacity .3s}.form-container.blur-form{filter:blur(2px);opacity:.5;pointer-events:none}.header-section{font-family:var(--font-serif);color:var(--on-surface);text-align:center;margin-bottom:20px;font-weight:700;line-height:1.15}.welcome-text{color:var(--on-surface-variant);margin-top:4px;margin-bottom:20px;font-size:30px}.welcome-text1{font-family:var(--font-serif);opacity:.8;color:var(--outline);margin-bottom:25px;font-size:15px}.form-group{margin-bottom:35px}.label-row{justify-content:space-between;margin-bottom:6px;display:flex}label,.forgot-link{font-size:12px}.forgot-link{color:var(--primary);text-decoration:none}.input-wrapper{position:relative}.interaction-side .input-wrapper .input-icon,.interaction-side .input-wrapper .toggle-icon{width:22px;height:22px;color:var(--outline);z-index:2;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.interaction-side .input-wrapper .input-icon{pointer-events:none;left:14px}.interaction-side .input-wrapper .toggle-icon{cursor:pointer;right:14px}.interaction-side .input-wrapper input{border:1px solid var(--outline-variant);background:var(--surface-soft);box-sizing:border-box;text-indent:0;border-radius:14px;width:100%;min-height:48px;font-family:inherit;font-size:14px;line-height:1.2;transition:all .2s;padding:0 48px 0 52px!important}@media (width<=480px){.interaction-side .input-wrapper input{min-height:50px;font-size:16px}}input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #00352714}.login-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .25s;display:flex}.login-button:hover{background:var(--primary-container);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.login-button:active{transform:scale(.98)}.btn-google{border:1px solid var(--outline-variant);background:var(--surface-container);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.btn-google:hover{background:var(--surface-container-high);transform:translateY(-1px)}.google-icon{width:18px;height:18px}.divider{text-align:center;margin:25px 80px;position:relative}.divider:before{content:"";border-top:2px solid var(--outline-variant);width:100%;position:absolute;top:50%;left:0}.divider-text{color:var(--outline);background:#fff;padding:0 12px;font-size:11px;position:relative}.divider-button{text-align:center;margin:15px;position:relative}.divider-text-button{color:var(--outline);background:#fff;padding:0 12px;font-size:11px;position:relative}.options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-card{background:var(--surface-container);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;margin-top:20px;padding:12px;transition:all .25s;display:flex}.option-card:hover{border-color:var(--outline-variant);background:var(--surface-container-high);transform:translateY(-2px)}.option-icon-box{background:#00352714;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.option-label{font-size:13px;font-weight:700}.option-subtext{color:var(--outline);font-size:11px}.footer-section{color:#ffffffbf;text-align:center;width:100%;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.footer{text-align:center;margin-top:32px}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px 16px;margin-top:10px;display:flex}.footer-link{color:var(--outline);font-size:14px;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--primary)}.security-badge{color:var(--outline);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.copyright{color:var(--outline);margin-top:30px;font-size:11px}.pin-backdrop{-webkit-backdrop-filter:blur();z-index:40;pointer-events:none;background:0 0;align-items:flex-end;transition:background .4s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.pin-backdrop.active{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#0006}.pin-pad-container{z-index:51;pointer-events:auto;background:#fffffffa;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;width:min(100%,675px);padding:50px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -5px 20px #00000026}.pin-pad-container.active{transform:translate(-50%)translateY(0)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:200px;display:grid}.pin-display{align-items:center;gap:12px;height:24px;margin-bottom:20px;display:flex}.pin-dot{border-radius:var(--radius-full);background:var(--outline-variant);width:12px;height:12px;transition:all .2s}.pin-dot.filled{background:var(--primary);transform:scale(1.2)}.pin-header{text-align:center;margin-bottom:20px;font-size:12px;font-weight:600}.close-pin{cursor:pointer;color:var(--outline);font-size:25px;position:absolute;top:20px;right:25px}.close-pin:hover{color:var(--primary)}.pin-btn{background:var(--surface-container);cursor:pointer;border:none;border-radius:16px;height:50px;font-size:18px;font-weight:600;transition:all .2s}.pin-btn:hover{background:var(--primary);color:#fff}.btn-primary-verify{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:50%;height:50px;margin-top:25px;font-size:16px;font-weight:600;transition:all .25s;display:flex}.btn-primary-verify:hover{background:var(--primary-container);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary-verify:active{transform:scale(.98)}@media (width>=768px){.visual-side{display:flex}}@media (width<=767px){.interaction-side{align-items:flex-start;padding:12px}.form-container{width:100%;max-width:none;padding:14px}.welcome-text{margin-bottom:12px;font-size:26px}.welcome-text1{margin-bottom:18px;font-size:13px}.form-group{margin-bottom:18px}.login-button,.btn-google{min-height:48px}.footer{margin-top:18px}}@media (height<=820px){.form-container{width:100%;height:auto;min-height:auto;box-shadow:none;border:none;margin-block:auto;padding:clamp(16px,4vw,28px)}.welcome-text{font-size:25px}.welcome-text1{font-size:12px}.form-group{margin-bottom:5px}.btn-primary,.btn-google{font-size:14px}.divider{margin:10px 80px}.divider-button{margin:5px}.options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option-card{margin-top:5px}.option-label{font-size:12px;font-weight:600}.option-subtext{color:var(--outline);font-size:10px}.footer-section{color:#ffffffbf;text-align:center;width:100%;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.footer{text-align:center;margin-top:40px}.footer-links{justify-content:center;gap:16px;display:flex}.footer-link{color:var(--outline);font-size:14px;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--primary)}.security-badge{color:var(--outline);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.copyright{color:var(--outline);margin-top:10px;font-size:11px}.pin-pad-container{width:min(100%,489px);padding:25px;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.pin-pad-container.active{transform:translate(-50%)translateY(0)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:200px;display:grid}.pin-header{text-align:center;font-size:12px;font-weight:600}.close-pin{cursor:pointer;color:var(--outline);font-size:20px;position:absolute;top:20px;right:25px}.pin-btn{height:45px;font-size:15px}.btn-primary-verify{width:45%;font-size:14px}}:root{--primary:#003527;--primary-container:#064e3b;--on-primary:#fff;--secondary:#476800;--secondary-container:#bcf063;--secondary-fixed:#bff365;--secondary-fixed-dim:#a4d64c;--background:#f8f9ff;--surface:#f8f9ff;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e5eeff;--surface-container-high:#dce9ff;--surface-container-highest:#d3e4fe;--on-surface:#0b1c30;--on-surface-variant:#404944;--outline:#707974;--outline-variant:#bfc9c3;--radius-default:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--gutter:16px;--padding-xl:32px;--padding-lg:24px;--padding-md:16px;--padding-sm:8px}.privacy-backdrop{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.privacy-modal{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:600px;padding:var(--padding-lg);animation:.3s slideUp;box-shadow:0 12px 32px #0003}.privacy-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;font-size:20px;font-weight:700;display:flex}.privacy-header h2{color:var(--outline)}.privacy-content{max-height:300px;color:var(--on-surface);font-size:14px;line-height:1.6;overflow-y:auto}.close-icon{cursor:pointer;color:var(--outline);font-size:25px}.close-icon:hover{color:var(--on-primary);background:var(--primary-container);border-radius:50%;padding:2px;transition:all .5s}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.privacy-modal{padding:16px}}.app-shell{--color-primary:#003527;--color-primary-container:#064e3b;--color-primary-fixed:#b0f0d6;--color-primary-fixed-dim:#95d3ba;--color-on-primary-variant:#0b513d;--color-secondary:#476800;--color-secondary-fixed:#bff365;--color-on-secondary-fixed:#131f00;--color-background:#f8f9ff;--color-surface:#fff;--color-surface-low:#eff4ff;--color-surface-container:#e5eeff;--color-surface-high:#dce9ff;--color-outline:#bfc9c3;--color-text-main:#0b1c30;--color-text-muted:#64748b;--color-accent:#2b6954;--color-star:#facc15;--color-error:#ef4444;--color-success:#22c55e;--transition-speed:.3s;--radius-lg:12px;--radius-md:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;background-color:var(--color-background);color:var(--color-text-main);width:100%;min-height:100vh;font-family:Inter,sans-serif}.app-shell *{box-sizing:border-box;margin:0;padding:0}.app-shell .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.star-icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;color:var(--color-star)}.main-content{padding-top:64px}.modern-activity-card{background:var(--color-surface);border:1px solid #0f172a14;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.modern-header{justify-content:space-between;align-items:center;gap:14px}.modern-header .card-title p{color:var(--color-text-muted);margin-top:4px;font-size:.82rem}.modern-activity-list{flex-direction:column;min-height:0;display:flex}.modern-item{background:var(--color-surface);border:1px solid #0f172a14;align-items:flex-start;padding:14px 14px 14px 12px;display:flex}.modern-item:hover{background:var(--color-surface-low)}.activity-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.activity-avatar.success{background:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed)}.activity-avatar.primary{background:var(--color-primary-container);color:var(--color-primary-fixed)}.activity-avatar.neutral{background:var(--color-surface-high);color:var(--color-primary)}.activity-content{margin-left:20px}.activity-content p{line-height:1.4}.highlight{color:var(--color-accent);font-weight:500}.card-footer{justify-content:center;margin-top:auto;padding:16px 18px 18px;display:flex}.modern-btn{color:var(--Color-primary,var(--color-primary));cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 12px;font-weight:700}.dashboard-container{width:100%;min-width:0;max-width:none;margin:0 auto;padding:20px 24px 24px;display:block}.dashboard-hero,.kpi-grid,.main-grid,.performance-grid,.card-container,.kpi-card,.chart-placeholder,.activity-list,.card-header{min-width:0}.kpi-grid,.main-grid,.performance-grid{grid-auto-rows:minmax(0,auto);width:100%}.card-container,.kpi-card{width:auto;min-width:0;min-height:0}.chart-placeholder{box-sizing:border-box;width:100%}.dashboard-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.hero-text{min-width:320px;max-width:520px}.hero-text h2{color:var(--color-primary);letter-spacing:-.025em;font-size:clamp(2rem,2.5vw,2.6rem);font-weight:700;line-height:1.1}.hero-text p{color:var(--color-text-muted);margin-top:10px;font-size:1rem}.server-time-box{border-radius:var(--radius-lg);text-align:right;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0035270d;border:1px solid #0035271a;min-width:150px;padding:12px 14px}.time-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);justify-content:flex-end;align-items:center;gap:6px;margin-bottom:4px;font-size:.625rem;font-weight:700;display:flex}.pulse{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-anim}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.3}}.server-time{color:var(--color-primary);font-family:monospace;font-size:1.5rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;margin-bottom:24px;display:grid}.kpi-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-outline);min-width:0;min-height:140px;padding:18px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.625rem;font-weight:700}.kpi-value{color:var(--color-primary);margin-top:8px;font-size:1.75rem;font-weight:700}.kpi-trend{color:var(--color-accent);align-items:center;gap:4px;margin-top:16px;font-size:.75rem;font-weight:600;display:flex}.kpi-card .bg-decoration{background:var(--color-secondary-fixed);opacity:.15;pointer-events:none;border-radius:50%;width:128px;height:128px;position:absolute;top:-40px;right:-40px}.main-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:stretch;gap:18px;width:100%;margin-bottom:24px;display:grid}.card-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-outline);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.card-header{justify-content:space-between;align-items:left;border-bottom:1px solid var(--color-outline);background-color:#def1e67c;flex-wrap:wrap;gap:16px;padding:18px 18px 16px;display:flex}.card-title{flex:1;min-width:0}.card-title h3{color:var(--color-primary);margin-bottom:6px;font-size:1.125rem;font-weight:700}.chart-placeholder{background:var(--color-surface-low);border-radius:var(--radius-md);height:220px;margin:0 18px 18px;position:relative;overflow:hidden}.chart-svg{width:100%;height:180px;position:absolute;bottom:0}.chart-stats{border-top:1px solid var(--color-outline);gap:20px;padding:14px 18px;display:flex}.stat-item{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;color:var(--color-text-muted);font-size:.625rem;font-weight:700}.activity-list{background:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.card-footer{justify-content:center;padding:16px 18px 18px;display:flex}.view-all-btn{border:1px solid var(--color-outline);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-size:.875rem;font-weight:700}.activity-item{border:1px solid var(--color-surface-low);background:#ebf7f5bf;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 14px 14px 12px;transition:background .2s,transform .2s;display:flex}.activity-item:hover{background:var(--color-surface-low)}.activity-content p{margin:0;font-size:.875rem}.avatar-initials{background:var(--color-secondary-fixed);width:42px;height:42px;color:var(--color-on-secondary-fixed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.performance-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;width:100%;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-outline);background:#f8fafc;padding:12px 14px;font-size:.625rem;font-weight:700}.data-table td{border-bottom:1px solid var(--color-outline);padding:12px 14px;font-size:.875rem}.status-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:.625rem;font-weight:700;display:inline-flex}.overlay-user{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;opacity:0;pointer-events:none;background:#00352733;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay-user.visible{opacity:1;pointer-events:auto}@media (width<=1024px){.kpi-grid,.main-grid,.performance-grid{grid-template-columns:1fr}}.help-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000059;position:fixed;inset:0}#help-modal{background:var(--color-surface);z-index:2001;box-sizing:border-box;border-radius:22px;flex-direction:column;width:min(94vw,640px);max-height:90vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 64px #0000002e}#help-modal .help-modal-header,#help-modal .help-modal-body,#help-modal .help-modal-footer{box-sizing:border-box}#help-modal .help-modal-header{border-bottom:1px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}#help-modal .help-modal-header .action-btn{width:42px;height:42px;color:var(--color-text-high);justify-content:center;align-items:center;padding:0;display:inline-flex}#help-modal .help-modal-header h2{margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}#help-modal .help-modal-header p{color:var(--color-text-muted);max-width:36rem;margin:10px 0 0}#help-modal .help-modal-body{flex:auto;gap:18px;min-height:0;padding:24px;display:grid;overflow:auto}#help-modal .help-modal-body section{background:#0f172a08;border-radius:16px;gap:10px;padding:18px 20px;display:grid}#help-modal .help-modal-body section h3{margin:0;font-size:1rem}#help-modal .help-modal-body section p{color:var(--color-text-muted);margin:0;line-height:1.75}#help-modal .help-modal-footer{border-top:1px solid #0f172a14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:24px;display:flex}#help-modal .help-close-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 24px;font-weight:700;transition:background .2s,transform .2s}#help-modal .help-close-btn:hover{background:var(--color-primary-dark,var(--color-primary));transform:translateY(-1px)}@media (width<=520px){#help-modal{width:calc(100vw - 32px)}#help-modal .help-modal-header,#help-modal .help-modal-body,#help-modal .help-modal-footer{padding:18px}#help-modal .help-modal-header{flex-direction:column;align-items:stretch}#help-modal .help-modal-header .action-btn{margin-left:auto}#help-modal .help-modal-body{gap:16px}#help-modal .help-modal-footer{justify-content:stretch}#help-modal .help-close-btn{width:100%}}.profile-overlay{z-index:2000;opacity:0;pointer-events:none;background:#00000047;transition:opacity .28s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.profile-root{z-index:9999;opacity:0;pointer-events:none;transition:opacity .28s;position:fixed;inset:0}.profile-root.show,.profile-overlay.visible{opacity:1;pointer-events:auto}#profile-drawer{will-change:transform;background:var(--color-surface);z-index:3000;border-radius:20px 0 0;flex-direction:column;width:min(420px,100vw);height:100vh;padding:20px 24px 0;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%);box-shadow:-18px 0 48px #0000001f}#profile-drawer,#profile-drawer *{box-sizing:border-box}#profile-drawer.open{transform:translate(0)}#profile-drawer,#profile-drawer .profile-drawer-body,#profile-drawer .profile-drawer-footer{box-sizing:border-box}#profile-drawer .action-btn{width:38px;height:38px;color:var(--color-text-main);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}#profile-drawer .action-btn:hover{background:#0f172a0a;border-radius:50%}#profile-drawer .profile-drawer-input,#profile-drawer .profile-field-group textarea,#profile-drawer input[type=date]{width:100%;height:auto;min-height:44px;font-size:.95rem;background:var(--color-surface)!important;color:var(--color-text-main)!important;border:1px solid #0f172a1f!important;border-radius:14px!important;padding:12px 14px!important}#profile-drawer .profile-drawer-btn{cursor:pointer;border:none;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s}#profile-drawer .profile-drawer-btn--primary{background:var(--color-primary);color:#fff;min-width:140px}#profile-drawer .profile-drawer-btn--primary:hover{background:var(--color-primary-dark,var(--color-primary));opacity:.9}#profile-drawer .profile-drawer-btn--secondary{color:var(--color-text-main);background:0 0;border:1px solid #0f172a1f}#profile-drawer .profile-drawer-btn--secondary:hover{background:#0f172a0a;border-color:#0f172a29}.profile-drawer.open{transform:translate(0)}.profile-drawer-header{border-bottom:1px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.profile-drawer-header h2{margin:0;font-size:1.25rem}.profile-drawer-header p{color:var(--color-text-muted);margin-bottom:12px;font-size:.95rem}.profile-drawer-body{flex:1;gap:16px;min-height:0;display:grid;overflow-y:auto;padding:0 0 20px!important}.profile-drawer-body::-webkit-scrollbar{width:6px}.profile-drawer-body::-webkit-scrollbar-track{background:0 0}.profile-drawer-body::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:3px}.profile-drawer-body::-webkit-scrollbar-thumb:hover{background:#0f172a33}#profile-drawer .profile-avatar-card{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}#profile-drawer .profile-avatar-large,#profile-drawer .profile-avatar-fallback{color:#fff;background:var(--color-primary);border-radius:50%;place-items:center;width:100px;height:100px;font-size:2rem;font-weight:700;display:grid;overflow:hidden}#profile-drawer .profile-avatar-large{object-fit:cover}#profile-drawer .upload-avatar-btn{color:#000;cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:700}.profile-field-group{flex-direction:column;display:flex}.profile-field-group label{font-size:.85rem;font-weight:600}.profile-field-group-label{color:var(--color-text-main);border-bottom:2px solid #0f172a44;margin:20px 0 8px;font-size:.95rem;font-weight:600}#profile-drawer .profile-field-group input,#profile-drawer .profile-field-group textarea{background:var(--color-surface);color:var(--color-text-main);border:1px solid #0f172a1f;border-radius:14px;padding:12px 14px;font-size:.95rem}.profile-settings-block{background:var(--color-surface-low);border:1px solid #0f172a14;border-radius:18px;padding:18px}.profile-settings-block h3{margin:0 0 12px;font-size:1rem}.profile-setting-item{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.profile-setting-item:last-child{margin-bottom:0}.toggle-btn{min-width:80px;color:var(--color-text-main);cursor:pointer;background:0 0;border:1px solid #0f172a1f;border-radius:999px;padding:8px 14px;font-weight:700}.toggle-btn.active{background:var(--color-primary);color:#fff;border-color:#0000}.profile-security-block{gap:18px;padding:20px;display:grid}.profile-security-block h3{color:var(--color-text-main);border-bottom:2px solid #0f172a44;margin:0;padding-bottom:8px;font-size:1rem;font-weight:700}.profile-security-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:40px;margin-bottom:20px;padding:6px;display:grid}.security-tab{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;padding:14px 16px;font-weight:700;transition:background .2s,color .2s,transform .2s}.security-tab:hover{background:#0f172a0f}.security-tab.active{opacity:.9;border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);color:#000;background:#8080801a;border-radius:12px;transform:translateY(-1px)}.security-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.profile-field-helper{color:var(--color-text-muted);margin:8px 0 0;font-size:.88rem;line-height:1.4}.profile-field-error{color:#d32f2f;margin:8px 0 0;font-size:.88rem;font-weight:600}.input-error{background-color:#d32f2f0a!important;border-color:#d32f2f!important}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .profile-drawer-input{padding-right:44px!important}.input-with-button{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.pin-inputs{align-items:center;gap:5px;display:flex;position:relative}.pin-input{text-align:center;background:var(--color-surface);border:1px solid #0f172a1f;border-radius:12px;width:50px;height:50px;padding:8px;font-size:1.1rem}.pin-input.input-error{border-color:#d32f2f!important}.pin-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:6px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.pin-toggle:hover{color:var(--color-text-main)}.toggle-password{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.2rem;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-password:hover{color:var(--color-text-main)}.toggle-password:focus{outline-offset:2px;border-radius:4px}.profile-password-section{gap:18px;display:grid}.password-requirements{border-radius:14px;padding:16px}.requirements-title{color:var(--color-text-main);font-size:.8rem;font-weight:700}.requirements-list{gap:4px;margin:0 0 14px;padding:0;list-style:none;display:grid}.requirements-list li{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.7rem;transition:color .2s;display:flex}.requirements-list li.met{color:#4caf50;font-weight:600}.requirement-check{color:#0000;background:#0f172a14;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.requirements-list li.met .requirement-check{color:#fff;background:#4caf50}.password-strength{gap:10px;display:grid}.strength-bar{background:#0f172a1f;border-radius:3px;height:6px;position:relative;overflow:hidden}.password-strength[data-strength=weak] .strength-bar:after,.password-strength[data-strength=fair] .strength-bar:after,.password-strength[data-strength=strong] .strength-bar:after{content:"";border-radius:3px;height:100%;transition:width .3s;position:absolute}.password-strength[data-strength=weak] .strength-bar:after{background:#d32f2f;width:33%}.password-strength[data-strength=fair] .strength-bar:after{background:#ff9800;width:66%}.password-strength[data-strength=strong] .strength-bar:after{background:#4caf50;width:100%}.strength-label{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin:0;font-size:.88rem;display:flex}.strength-label strong{text-transform:capitalize;color:var(--color-text-main)}.profile-drawer-footer{background:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.phone-input-wrapper{align-items:center;gap:8px;display:flex}.phone-prefix{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;height:40px;padding:0 8px}.profile-drawer-input{flex:1}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{margin-right:8px;animation:1s linear infinite spinner-rotate;display:inline-block}#profile-drawer .profile-drawer-btn--primary:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){#profile-drawer{border-radius:0;width:100vw;max-width:100vw;padding:16px 14px 0}.profile-drawer-header{gap:10px;padding-bottom:12px}.profile-drawer-header h2{font-size:1.1rem}.profile-drawer-header p{margin-bottom:0;font-size:.9rem}.profile-drawer-body{gap:12px;padding-bottom:12px}.profile-avatar-card{margin-top:12px}.profile-security-block{gap:12px;padding:14px}.profile-security-tabs{grid-template-columns:1fr;gap:8px;height:auto}.security-tab{border-radius:10px;padding:10px 12px}.phone-input-wrapper{flex-direction:column;align-items:stretch}.phone-prefix{width:100%}.profile-drawer-footer{flex-direction:column-reverse;justify-content:stretch;padding:12px 0 16px}.profile-drawer-btn{width:100%;min-width:0}.pin-inputs{flex-wrap:wrap}.pin-input{width:42px;height:42px}}.top-header{background:var(--color-surface);border-bottom:1px solid var(--color-outline);z-index:2000;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 256px);height:64px;padding:0 24px;transition:left .28s,width .28s;display:flex;position:fixed;top:0;left:256px}.header-left{align-items:center;display:flex}.sidebar.collapsed~.main-content .top-header,.sidebar.collapsed~.multi-content .top-header{width:calc(100% - 80px);left:80px}.menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:40px;display:flex}.menu-btn:hover{background:#0000000d;border-radius:50%}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}@media (width<=768px){.top-header{width:100%;padding:0 16px;left:0}.header-left{order:1}.header-actions{order:2;margin-left:auto}}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:relative}.notif-badge{background:var(--color-error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.user-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.user-profile span{font-size:14px;font-weight:500}.profile-avatar{object-fit:cover;border:1px solid var(--color-outline);border-radius:50%;width:34px;height:34px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;background:#00000040;transition:all .3s;position:fixed;inset:0}.overlay.visible{opacity:1;pointer-events:auto}.notif-panel{background:var(--color-surface);z-index:3001;flex-direction:column;width:360px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000026}.notif-panel.open{transform:translate(0)}.notif-header{color:var(--color-surface-low);background-color:#108357;justify-content:space-between;align-items:center;padding:12px;display:flex}.notif-header h3{font-size:16px;font-weight:600}.activity-list{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--color-outline);cursor:pointer;padding:10px;transition:all .2s}.notif-item:hover{background:var(--color-surface-low)}.notif-item-main{align-items:flex-start;gap:14px;display:flex}.notif-text-wrap{flex:1;min-width:0}.notif-title,.notif-message,.activity-time{word-break:break-word;white-space:normal}.notif-message{margin-top:4px;line-height:1.4}.activity-time{color:var(--text-muted);margin-top:6px;font-size:12px}.notif-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:6px;display:flex}.notif-action-menu{gap:10px;margin-top:10px;display:flex}.notif-action-button{cursor:pointer;color:#000;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:#dfdbdbd3;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600}.notif-action-delete{width:40px;height:40px;color:var(--color-error);cursor:pointer;background:#ef44441a;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}@keyframes slideOut{to{opacity:0;transform:translate(50px)}}.notif-item.deleting{animation:.3s forwards slideOut}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:10px}@media (width<=768px){.notif-panel{width:100%}.user-profile span{display:none}}.logout-overlay{z-index:3000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-panel{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;animation:.2s fadeIn;box-shadow:0 20px 50px #00000026}.logout-panel h3{color:#111827;margin:0 0 10px;font-size:1.2rem;font-weight:700}.logout-panel p{color:#6b7280;margin-bottom:20px;font-size:.9rem}.logout-actions{justify-content:center;gap:10px;display:flex}.logout-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem}.logout-cancel{color:#374151;background:#e5e7eb}.logout-cancel:hover{background:#d1d5db}.logout-confirm{color:#fff;background:#dc2626}.logout-confirm:hover{background:#b91c1c}.modal-overlay{z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;height:90vh;padding:24px;animation:.2s modalFade;display:flex;position:relative;box-shadow:0 20px 60px #0f172a33}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-close:hover{color:#111827}.modal-panel h3{color:#111827;margin:0 0 20px;font-size:1.25rem;font-weight:700}.provision-form{flex-direction:column;flex:1;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.provision-form label{color:#374151;gap:6px;font-size:.85rem;font-weight:600;display:grid}.provision-input,.provision-form input,.provision-form select{text-transform:uppercase;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.provision-input:focus,.provision-form input:focus,.provision-form select:focus{border-color:#065f46;outline:none;box-shadow:0 0 0 3px #065f4626}.provision-actions{background:#fff;position:sticky;bottom:0}.provision-actions button{cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-size:.85rem}.provision-actions button[type=button]{color:#374151;background:#e5e7eb}.provision-actions .btn-primary{color:#fff;background:#065f46}.provision-actions .btn-primary:hover{background:#047857}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.modal-panel{padding:20px}.address-grid{grid-template-columns:1fr}}.multi-main{flex-direction:column;flex:1;gap:28px;width:100%;padding:32px;display:flex;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-header h2{color:var(--text-main);margin:0;font-size:2.25rem;font-weight:700}.page-header p{color:var(--text-muted);margin:8px 0 0;font-size:.95rem}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:10px;padding:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;width:20%}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:#fff;background:#111827}.branch-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:0;display:grid}.branch-empty-card{background:var(--surface);border:2px dashed var(--outline);text-align:center;border-radius:28px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:22px;padding:48px 32px;display:flex;box-shadow:0 4px 6px #0f172a0a}.branch-empty-illustration{background:var(--primary-soft);width:88px;height:88px;color:var(--primary);border-radius:50%;place-items:center;font-size:2.5rem;display:grid}.branch-empty-card h3{margin:0;font-size:1.8rem}.branch-empty-card p{max-width:520px;color:var(--text-muted);margin:0;line-height:1.7}.details-card{background:var(--surface);border:1px solid var(--surface-strong);border-radius:28px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d,0 10px 15px #00000014}.details-header{border-bottom:1px solid var(--surface-strong);justify-content:space-between;align-items:center;gap:18px;padding:28px 32px;display:flex}.details-header h3{margin:0;font-size:1rem}.details-meta{align-items:center;gap:18px;display:flex}.text-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-weight:700;display:inline-flex}.meta-text{color:var(--text-muted);flex:1;min-height:0;font-size:.85rem;overflow-y:auto}.table-scroll{overflow-x:auto}.branch-table{border-collapse:collapse;width:100%;min-width:780px}.branch-table thead{background-color:#3a3a3a2d}.branch-table th,.branch-table td{border-bottom:1px solid var(--surface-strong);padding:18px 24px}.branch-table th{background:var(--surface-muted);color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}.branch-table tbody tr:hover{background:var(--surface-muted)}.branch-table td{color:var(--text-main);font-size:.95rem}.text-right{text-align:right}.font-semibold{font-weight:700}.status-pill{border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-operational{color:var(--success);background:#10b9811f}.status-maintenance{color:var(--warning);background:#f59e0b1f}.efficiency-bar{background:var(--surface-muted);border-radius:999px;width:120px;height:10px;overflow:hidden}.efficiency-fill{background:var(--primary);border-radius:999px;height:100%}.icon-only-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.provision-form{gap:20px;display:grid}.provision-form label{color:var(--text-main);gap:10px;font-size:.95rem;display:grid}.provision-input,.provision-input[type=tel],.provision-input[type=text],.provision-input select,.hidden-file-input{border:1px solid var(--surface-strong);background:var(--surface-muted);width:100%;color:var(--text-main);border-radius:16px;padding:14px 16px;font-size:.95rem}.provision-input:focus,.provision-input select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #064e3b1a}.provision-readonly{cursor:not-allowed;background:#f3f4f6}.address-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.file-input-wrapper{align-items:center;display:flex}.file-input-label{border:1px dashed var(--surface-strong);background:var(--surface-muted);width:100%;color:var(--text-muted);cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;display:inline-flex}.hidden-file-input{opacity:0;pointer-events:none;position:absolute}.provision-actions{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}@media (width<=1080px){.branch-grid{grid-template-columns:1fr}.multi-content{width:100%;margin-left:0}.multi-sidebar{flex-flow:wrap;justify-content:space-between;gap:12px;width:100%;min-width:auto;padding:20px;position:relative}.sidebar-nav{flex-flow:wrap;gap:8px}.sidebar-link{flex:45%}.multi-main{padding:24px}}@media (width<=768px){.multi-main{gap:18px;padding:16px}.page-header{flex-direction:column;align-items:flex-start}.page-header h2{font-size:1.6rem;line-height:1.2}.btn-primary,.btn-secondary{justify-content:center;width:100%}.details-card{border-radius:18px}.details-header{flex-direction:column;align-items:flex-start;padding:18px}.details-meta{flex-wrap:wrap;gap:8px 12px}.branch-empty-card{border-radius:18px;padding:28px 18px}.branch-empty-card h3{font-size:1.35rem}.branch-empty-card p{font-size:.95rem}.table-scroll{overflow-x:auto}.branch-table{min-width:720px}}.cum-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cum-overlay.hide{display:none}.cum-overlay.show{display:flex}.cum-modal{background:#f3f4f6;border-radius:8px;flex-direction:column;width:600px;max-height:90vh;display:flex;overflow:hidden}.cum-header{background:#d1d5db;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cum-header h3{font-size:16px;font-weight:600}.cum-close{color:#000;cursor:pointer;background:#d1d5db;border:none;padding:4px 8px;font-size:14px}.cum-close:hover{color:#fff;background-color:#374151;border-radius:4px;transition:color .2s}.cum-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.cum-body label{color:#374151;font-size:12px;font-weight:600}.cum-body input,.cum-body select{text-transform:uppercase;background:#e5e7eb;border:none;border-radius:6px;padding:10px;font-size:13px}.no-caps{text-transform:none!important}.row{gap:8px;display:flex}.field{flex-direction:column;flex:1;display:flex}.cum-footer{justify-content:flex-end;gap:10px;padding:14px 16px;display:flex}@media (width<=768px){.cum-modal{border-radius:0;width:calc(100vw - 16px);max-width:100%;max-height:100vh}.cum-body{gap:8px;padding:12px}.row{flex-direction:column}.cum-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%;padding:10px}}.btn-cancel{cursor:pointer;color:#374151;background:0 0;border:none}.btn-save{cursor:pointer;background:#d1d5db;border:none;border-radius:4px;padding:8px 16px;font-weight:600}.error{color:#dc2626;margin-top:2px;font-size:11px}.error-box{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:8px}.gum-container{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:20px}.gum-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.gum-header h2{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2}.gum-create-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#064e3b;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000026}.gum-create-btn svg{font-size:18px}.gum-create-btn:hover{background:#065f46;transform:translateY(-1px);box-shadow:0 6px 18px #0003}.gum-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;transition:all .25s;display:flex}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.green{background:#22c55e26}.stat-icon.light-green{background:#bef26466}.stat-icon.gray{background:#e5e7eb}.stat-icon.dark{background:#064e3b}.stat-icon svg{color:#065f46;font-size:22px}.stat-icon.dark svg{color:#fff}.stat-label{color:#64748b;letter-spacing:.05em;font-size:12px;font-weight:600}.stat-value{color:#022c22;font-size:28px;font-weight:700}.stat-change{font-size:13px;font-weight:600}.stat-change.positive{color:#22c55e}.stat-change.neutral{color:#64748b}.stat-change.negative{color:#ef4444}.gum-filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex;box-shadow:0 2px 10px #0000000a}.gum-tabs{flex-wrap:wrap;gap:6px;display:flex}.gum-tab{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:auto;min-width:fit-content;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.gum-tab:hover{background:#f3f4f6}.gum-tab.active{color:#065f46;background:#ecfdf5;font-weight:600}.gum-actions{gap:10px;display:flex}.btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-outline svg{font-size:18px}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.gum-table{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:auto hidden}.table-header{color:#475569;text-transform:uppercase;background:#f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.actions-cell{justify-content:center;align-items:center;min-width:52px;display:flex}.table-row>span,.table-row>.actions-cell,.table-row>.user-cell{align-items:center;display:flex}.actions-cell .material-symbols-outlined{color:#475569;cursor:pointer;font-size:20px}.table-header>*,.table-row>*{overflow-wrap:anywhere;min-width:0}.table-row:hover{background:#f9fafb}.user-cell{align-items:center;gap:10px;display:flex}.avatar{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.user-name{font-weight:600}.user-email{color:#64748b;font-size:12px}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.role-member{background:#e2e8f0}.role-admin{color:#fff;background:#022c22}.role-superadmin{color:#bbf7d0;background:#14532d}.membership .tier{background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:11px}.points{margin-top:2px;font-size:12px}.status{align-items:center;gap:6px;display:flex}.status .dot{border-radius:50%;width:8px;height:8px}.status.active{color:#22c55e}.status.active .dot{background:#22c55e}.status.inactive{color:#6b7280}.status.inactive .dot{background:#6b7280}.actions{text-align:center;cursor:pointer}.table-footer{color:#64748b;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pagination{gap:6px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px}.pagination button.active{color:#fff;background:#064e3b;border-color:#064e3b}@media (width<=1200px){.table-header,.table-row{grid-template-columns:minmax(200px,2fr) minmax(90px,1fr) minmax(100px,1fr) minmax(90px,1fr) minmax(120px,1.2fr) minmax(80px,.9fr) 56px;min-width:0}}@media (width<=1024px){.gum-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gum-filter-bar{padding:10px}.table-header,.table-row{min-width:0;font-size:12px}.table-row span{align-items:center;display:flex}}@media (width<=900px){.gum-table{-webkit-overflow-scrolling:touch;overflow:auto hidden}.table-header,.table-row{min-width:0;display:grid}.table-footer{flex-wrap:wrap;gap:8px}}@media (width<=768px){.table-header,.table-row{min-width:0;font-size:12px}.gum-container{padding:14px}.gum-header{align-items:flex-start}.gum-create-btn{width:100%}.gum-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:14px}.gum-tab{text-align:center;flex:calc(50% - 6px)}.table-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=640px){.table-header,.table-row{min-width:0}.gum-container{padding:12px}.gum-stats{grid-template-columns:1fr}.gum-filter-bar{align-items:stretch}.gum-tabs{width:100%}.gum-tab{flex:100%}.user-cell{align-items:flex-start}.user-email{word-break:break-word}}@keyframes pulse{0%{box-shadow:0 0 #64f50499}50%{box-shadow:0 0 15px #64f504e6}to{box-shadow:0 0 #64f50499}}.sidebar{color:#b0f0d6;z-index:1000;background:#003527;flex-direction:column;width:260px;height:100vh;transition:width .28s;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 6px #00000014}.sidebar.collapsed{width:80px;overflow:hidden}.main-content,.multi-content{flex-direction:column;width:calc(100% - 256px);min-width:0;min-height:100vh;margin-left:256px;transition:margin-left .28s,width .28s;display:flex;overflow-x:hidden}.main-content.sidebar-collapsed,.multi-content.sidebar-collapsed{width:calc(100% - 80px);margin-left:80px}.sidebar-header{white-space:nowrap;align-items:center;gap:12px;padding:32px 24px;display:flex;overflow:hidden}.logo-circle{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand-text h1{color:#b0f0d6;font-size:1.25rem;font-weight:700}.sidebar-brand-text p{color:#95d3ba;font-size:.75rem}.sidebar-nav{flex:1;padding:0 8px;list-style:none}.nav-item{margin-bottom:4px}.nav-link{color:#b0f0d6;opacity:.9;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.sidebar .nav-link{all:unset;color:#b0f0d6;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-link:hover{background:#064e3b}.nav-link.active{opacity:1;background:#0b513d}.sidebar-footer{border-top:1px solid #064e3b;padding:16px 8px}.sidebar-toggle{background:var(--color-background);color:#02160e;cursor:pointer;border:none;border-radius:100px 10px 10px 100px;justify-content:center;align-items:center;width:20px;height:80px;transition:transform .28s,right .28s;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.sidebar.collapsed .sidebar-toggle{right:-5px}.sidebar-toggle .material-symbols-outlined{font-size:20px}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .nav-link span:last-child,.sidebar.collapsed .sidebar-footer .nav-link span:last-child{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:12px 0}@media (width<=768px){.sidebar-backdrop{z-index:2500;background:#00000059;border:0;padding:0;position:fixed;inset:0}.sidebar{z-index:3000;width:260px;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.multi-content,.main-content.sidebar-collapsed,.multi-content.sidebar-collapsed{width:100%;margin-left:0}}.pos-header{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:20px;display:flex}.pos-header-left h1{margin:0;font-size:1.5rem;font-weight:700}.pos-header-left p{color:#64748b;margin-top:4px;font-size:.9rem}.new-transaction-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.new-transaction-btn:hover{background:#15803d}.pos-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 5px 5px #0000000d}.report-left h3{margin:0;font-size:1rem;font-weight:600}.report-left p{color:#64748b;margin-top:10px;font-size:.85rem}.export-btn{color:#000;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:flex}.pos-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;box-shadow:0 5px 5px #0000000d}.summary-label{color:#64748b;margin:0;font-size:.7rem;font-weight:600}.summary-card h2{color:#0f172a;margin:6px 0;font-size:1.2rem;font-weight:700}.summary-extra{color:#64748b;align-items:center;gap:4px;font-size:.75rem;display:flex}.summary-extra.positive{color:#16a34a}.pos-table{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto hidden}.table-header,.table-row{box-sizing:border-box;grid-template-columns:1.6fr 1.1fr .8fr 1.2fr 1fr 1.2fr;align-items:center;column-gap:10px;min-width:900px;display:grid}.table-header{color:#64748b;background:#f1f5f9;padding:12px 16px;font-size:.75rem;font-weight:600}.table-row{border-top:1px solid #f1f5f9;width:100%;padding:14px 16px;font-size:.85rem}.table-header>span,.table-row>span{overflow-wrap:anywhere;min-width:0}.table-row>span{align-items:center;display:flex}.table-row .amount{justify-content:flex-end}.amount{text-align:right;font-weight:600}.status{border-radius:999px;width:fit-content;padding:4px 8px;font-size:.7rem;font-weight:600}.status.completed{color:#16a34a;background:#dcfce7}.status.refunded{color:#dc2626;background:#fee2e2}.amount.negative{color:#dc2626}.pos-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 10px;display:flex}.pagination-info{color:#64748b;font-size:.8rem}.pagination-controls{align-items:center;gap:6px;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;height:32px;font-size:.8rem;transition:all .2s}.page-btn:hover{background:#f1f5f9}.page-btn.active{color:#fff;background:#16a34a;border-color:#16a34a}@media (width<=1100px){.pos-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.pos-header,.pos-report-card,.pos-pagination{padding:14px}.pos-summary{grid-template-columns:1fr}.new-transaction-btn,.export-btn{justify-content:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;width:100%}}@media (width<=480px){.pos-header-left h1{font-size:1.25rem}.summary-card h2{font-size:1rem}.pagination-info{font-size:.75rem}}.modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.success-modal{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:320px;padding:24px 20px;animation:.25s modalPop;box-shadow:0 20px 40px #0003}.success-icon{margin-bottom:10px;font-size:42px}.success-modal h2{color:#111827;margin:6px 0 12px;font-size:1.2rem;font-weight:700}.receipt-text,.change-text{color:#374151;margin:6px 0;font-size:.85rem}.receipt-text strong,.change-text strong{color:#111827;font-weight:700}.modal-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22c55e,#16a34a);border:none;border-radius:10px;width:100%;margin-top:18px;padding:11px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn:hover{background:#166534}.modal-btn:active{transform:scale(.97)}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=400px){.success-modal{width:90%}}.pos-layout{box-sizing:border-box;width:100%;min-height:calc(100vh - 120px);padding:0 340px 24px 0;display:block;overflow-x:hidden}.pos-right{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e5e7eb;width:320px;height:calc(100vh - 72px);padding:18px;position:fixed;top:60px;right:0;overflow-y:auto;box-shadow:0 12px 30px #0f172a14}.pos-left{flex-direction:column;gap:18px;width:100%;margin-left:10px;font-size:.88rem;display:flex}.pos-header-bar{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.pos-title{margin:0;font-size:1rem;font-weight:700}.pos-date{background:#eef2f7;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:.8rem;display:flex}.pos-tabs{border-bottom:1px solid #e5e7eb;gap:8px;display:flex}.pos-tab{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;width:100%;padding:12px 10px;font-size:.82rem;font-weight:600;position:relative}.pos-tab.active{color:#111827}.pos-tab.active:after{content:"";background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.pos-tab:hover{color:#111827;background:#f8fafc}.pos-form-card{background:linear-gradient(#fff 0%,#f8fff9 100%);border:1px solid #dcfce7;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.member-card{background:linear-gradient(#fff 0%,#f5f3ff 100%);border-color:#ddd6fe}.form-group{flex-direction:column;gap:20px;font-size:.78rem;display:flex}.form-group input{text-transform:uppercase;border:1px solid #dbe2ea;border-radius:10px;padding:8px;font-size:.8rem}.pax-box{background:#f8fafc;border-radius:12px;padding:10px}.pax-row{justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.counter button{border:1px solid #cbd5e1;border-radius:6px;width:40px;height:40px;margin:0 20px;font-size:.8rem}button:disabled{opacity:.6;cursor:not-allowed}.payment-options{gap:10px;padding:8px;font-size:.8rem;display:flex}.payment-box{padding:10px}.payment-box label{margin-bottom:10px;padding:0 4px;font-size:.75rem;display:block}.payment-box input{border:1px solid #dbe2ea;border-radius:10px;width:100%;padding:8px;font-size:.8rem}.payment-options button{background:#f1f5f9;border-radius:10px;flex:1;padding:10px}.payment-options .active{color:#fff;background:#064e3b}.complete-btn{color:#fff;background:#188b42;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-size:.9rem;font-weight:600}.complete-btn:hover{background:#166636}.online-payment-box{background:#f1f5f9;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.online-field{flex-direction:column;gap:4px;font-size:.75rem;display:flex}.online-field input{border:1px solid #dbe2ea;border-radius:10px;padding:8px;font-size:.8rem}.online-total{text-align:center}.online-total p{color:#64748b;margin:0;font-size:.7rem}.online-total h2{color:#0f172a;margin:4px 0;font-size:1.3rem;font-weight:700}.online-payment-box p{margin:0;font-size:.8rem}.online-payment-box button{color:#fff;background:#188b42;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-size:.9rem;font-weight:600}.online-payment-box button:hover{background:#166636}.checkout-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin:-18px -18px 12px;padding:20px;display:flex}.receipt-box{padding:16px;font-family:ui-monospace,monospace;font-size:.75rem}.receipt-brand{text-align:center}.receipt-brand h2{font-size:.9rem}.receipt-meta-grid{grid-template-columns:1fr auto;display:grid}.receipt-meta-grid span{text-align:right}.receipt-line{justify-content:space-between;margin:4px 0;display:flex}.receipt-table-header{grid-template-columns:2fr 1fr 1fr;display:grid}.divider{border-top:1px dashed #cbd5e1;margin:8px 0}.receipt-final-box{text-align:center;background:#f1f5f9;margin-top:10px;padding:10px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.label-with-icon{letter-spacing:.02em;font-size:.75rem}.label-with-icon .material-symbols-outlined{color:#64748b;font-size:18px}.voucher-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px}.voucher-header{margin-bottom:8px}.voucher-content{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.voucher-field{flex-direction:column;gap:4px;font-size:.75rem;display:flex}.voucher-code-box{align-items:center;gap:6px;display:flex}.voucher-code-box input{border:1px solid #dbe2ea;border-radius:10px;flex:1;padding:8px;font-size:.8rem}.qr-btn{color:#fff;cursor:pointer;background:#166534;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.qr-btn .material-symbols-outlined{font-size:18px}.member-id-box{background:#fff;border:1px solid #dbe2ea;border-radius:10px;align-items:center;gap:6px;padding:8px;display:flex}.member-id-box input{color:#111827;background:0 0;border:none;flex:1;font-size:.8rem}.member-id-box input:focus{outline:none}.member-qr-btn{flex-shrink:0;width:34px;height:34px}.voucher-field input{border:1px solid #dbe2ea;border-radius:10px;padding:8px;font-size:.8rem}.input-money{align-items:center;display:flex;position:relative}.input-money span{color:#64748b;font-size:.8rem;position:absolute;left:10px}.input-money input{border:1px solid #dbe2ea;border-radius:10px;width:100%;padding:8px 8px 8px 22px;font-size:.8rem}.input-money input:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 2px #22c55e26}.qr-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.qr-box{background:#fff;border-radius:12px;width:90%;max-width:350px;padding:16px}.close-btn{color:#fff;background:#ef4444;border:none;border-radius:8px;width:100%;margin-top:10px;padding:8px}.um-overlay{z-index:200;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.um-modal{text-align:center;background:#fff;border-radius:14px;width:320px;padding:20px;box-shadow:0 10px 30px #00000026}.um-actions{gap:10px;margin-top:16px;display:flex}.um-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px}.um-cancel{background:#f3f4f6}.um-confirm{color:#fff;background:#10b981}.um-confirm:hover{background:#059669}.customer-sidebar{color:#e5eef7;box-sizing:border-box;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;flex-shrink:0;width:260px;min-height:100vh;padding:18px 12px;display:flex}.customer-sidebar__brand{border-bottom:1px solid #94a3b829;align-items:center;gap:12px;padding:8px 8px 18px;display:flex}.customer-sidebar__logo{color:#04110c;background:linear-gradient(135deg,#10b981,#34d399);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.customer-sidebar__eyebrow{color:#bfdbfe;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.72rem}.customer-sidebar__title{color:#fff;margin:2px 0 0;font-size:1rem}.customer-sidebar__nav{flex-direction:column;gap:6px;padding:14px 4px;display:flex}.customer-sidebar__link{color:#dbeafe;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .18s,color .18s;display:flex}.customer-sidebar__link:hover,.customer-sidebar__link.active{color:#fff;background:#10b98124}.customer-sidebar__link--button{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.customer-sidebar__footer{border-top:1px solid #94a3b829;margin-top:auto;padding-top:10px}@media (width<=768px){.customer-sidebar{z-index:40;width:84vw;max-width:320px;min-height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.customer-sidebar--open{transform:translate(0)}.customer-sidebar--collapsed{transform:translate(-105%)}}.cn-overlay{z-index:100;background:#00000026;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.cn-panel{background:#fff;border-radius:14px;width:300px;margin-top:70px;margin-right:20px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.cn-header{border-bottom:1px solid #eee;padding:12px}.cn-list{max-height:300px;overflow-y:auto}.cn-item{border-bottom:1px solid #f3f4f6;padding:10px 12px}.cn-item p{margin:0;font-size:13px}.cn-item span{color:#888;font-size:11px}.cn-empty{text-align:center;color:#888;padding:16px}.cn-unread{cursor:pointer;background:#ecfdf5;border-left:3px solid #10b981}.cn-item:hover{background:#f9fafb}.cpd-overlay{z-index:100;background:#0000004d;justify-content:flex-end;display:flex;position:fixed;inset:0}.cpd-drawer{background:#fff;flex-direction:column;gap:20px;width:300px;height:100%;padding:20px;animation:.25s forwards slideIn;display:flex;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}@keyframes slideIn{to{transform:translate(0)}}.cpd-header{text-align:center;flex-direction:column;align-items:center;display:flex}.cpd-header img{border-radius:50%;width:80px;height:80px}.cpd-header h3{margin:10px 0 4px}.cpd-header p{color:#666;font-size:13px}.cpd-actions{flex-direction:column;gap:10px;display:flex}.cpd-actions button{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:10px}.cpd-logout{color:#b91c1c;background:#fee2e2}.cth{background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.cth-avatar{cursor:pointer;background:0 0;border:none;padding:0}.cth-avatar img{border:none;border-radius:50%;outline:none;width:40px;height:40px;display:block}.cth-avatar:hover img{box-shadow:0 0 0 3px #0000000f}.cth-left{align-items:center;display:flex}.cth-right{align-items:center;gap:12px;margin-left:auto;display:flex}.cth-user-text{flex-direction:column;line-height:1.1;display:flex}.cth-user-text strong{font-size:13px}.cth-user-text small{color:#666;font-size:11px}.cth-bell{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.cth-bell:after{content:"";background:red;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.cth-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}@media (width<=768px){.cth-user-text{display:none}}.customer-layout-shell{background:#f8fafc;align-items:flex-start;min-height:100vh;display:flex;overflow-x:hidden}.customer-layout-main{flex-direction:column;flex:1;min-width:0;display:flex}.customer-layout-content{box-sizing:border-box;flex-direction:column;width:100%;padding:16px;display:flex}.sidebar-backdrop{z-index:35;background:#0f172a59;border:0;padding:0;position:fixed;inset:0}@media (width<=768px){.customer-layout-shell{flex-direction:column}.customer-layout-main{z-index:10;width:100%;position:relative}.customer-layout-content{padding:12px}}.customer-dashboard-shell{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#fff 100%);width:100%;min-height:auto;padding:0}.customer-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 18px #0f172a0f}.welcome-card{background:linear-gradient(135deg,#f0fdf4,#fff);grid-column:1/-1}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#10b981;font-size:.72rem}.welcome-card h3,.member-card h4,.quick-card h4{color:#111827;margin:6px 0 8px}.member-card .member-card,.quick-card .quick-grid{margin-top:8px}.member-card .member-card{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border-radius:16px;padding:14px}.member-card .card-label,.member-card .points span{color:#cbd5e1;font-size:.85rem}.member-card h3{color:#fff;margin:4px 0}.member-card .points{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-item{text-align:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.quick-item .material-symbols-outlined{color:#10b981;font-size:22px}.quick-item p{color:#374151;margin-top:6px;font-size:.92rem}.upgrade-card{background:linear-gradient(135deg,#ecfdf5,#fff)}.upgrade-list{color:#374151;margin:10px 0;padding-left:16px;font-size:.9rem}.upgrade-list li{margin-bottom:6px}.upgrade-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-weight:600}.upgrade-btn:hover{background:#059669}.wallet-card{background:linear-gradient(135deg,#ecfdf5,#fff)}.wallet-balance{justify-content:space-between;margin-top:10px;display:flex}.wallet-balance strong{color:#10b981;font-size:1.4rem}.wallet-subtext{color:#6b7280;margin-top:6px;font-size:.85rem}.activity-card{grid-column:1/-1}.activity-item{border-bottom:1px solid #e5e7eb;padding:10px}.activity-item p{color:#111827;font-size:.9rem}.activity-item span{color:#6b7280;font-size:.75rem}.activity-empty{color:#9ca3af}.card-toggle{gap:10px;margin-bottom:10px;display:flex}.card-toggle button{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;flex:1;padding:6px}.card-toggle .active{color:#fff;background:#10b981}.loyalty-card{color:#fff;border-radius:16px;overflow:hidden}.card-front{text-align:center;background:linear-gradient(135deg,#000,#1f2937);padding:20px;position:relative}.card-circle{border:2px solid #fff;border-radius:50%;margin:20px auto;padding:30px}.tap-text{margin-top:10px;font-size:.85rem}.card-back{text-align:center;background:linear-gradient(135deg,#000,#1f2937);padding:20px}.qr-box{background:#fff;border-radius:10px;margin-bottom:10px;padding:10px;display:inline-block}.card-sub{margin-bottom:10px;font-size:.8rem}.card-details{color:#d1d5db;margin-top:10px;font-size:.75rem}.card-footer{color:#9ca3af;margin-top:10px;font-size:.7rem}@media (width<=768px){.customer-dashboard-shell{padding:12px}.customer-dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.quick-grid{grid-template-columns:1fr}}.pin-container{color:#fff;background:linear-gradient(135deg,#052e16,#14532d,#0b1f14);min-height:100vh;display:flex}.pin-left{flex-direction:column;flex:1;justify-content:center;margin-left:10%;padding:100px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.logo{background:#bef264;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.logo img{object-fit:cover;width:100%;height:100%}.brand h1{font-size:28px;font-weight:700}.info-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;margin-bottom:20px;padding:20px}.info-card h3{color:#bef264;margin-bottom:20px}.info-card p{color:#ffffffb3;font-size:14px;line-height:1.5}.security-note{color:#fff9;font-size:12px}.pin-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0b583b5e;border:1px solid #ffffff1a;border-radius:5px;width:350px;height:fit-content;margin-top:80px;margin-right:15%;padding:35px;box-shadow:0 10px 40px #0006}.pin-card h2{margin-bottom:10px;font-size:16px}.pin-card p{color:#fff9;font-size:12px}.pin-dots{justify-content:center;gap:16px;margin:20px 0;display:flex}.pin-dot{background:#fff3;border:1px solid #ffffff1a;border-radius:50%;width:14px;height:14px;transition:opacity .3s}.pin-dots.hide{opacity:0}.pin-dot.active{background-color:#64f504d5;transform:scale(1.2)}.pin-dot.merge{animation:.6s forwards mergeDots}.keypad{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;display:grid}.keypad button{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:5px;height:43px;font-size:14px;transition:all .2s}.keypad button:hover{background:#ffffff1a}.keypad button:active{transform:scale(.95)}.save-btn{color:#052e2b;cursor:pointer;background:#bef264;border:none;border-radius:12px;width:100%;height:55px;font-weight:600}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn.success{color:#052e2b;background:#64f504d5;font-weight:700;animation:1s infinite pulse}.success-message{color:#bef264;margin-top:15px;font-size:14px;animation:.5s fadeIn}.success-display{color:#bef264;font-size:14px;font-weight:500;animation:.4s fadeIn}.pin-display-area{justify-content:center;align-items:center;height:60px;display:flex}.spinner{border:3px solid #0003;border-top-color:#052e2b;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.save-btn:disabled{opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mergeDots{0%{transform:scale(1.2)}50%{transform:scale(1.5)translateY(-5px)}to{opacity:0;transform:scale(0)}}@media (width<=900px){.pin-container{flex-direction:column}.pin-left{text-align:center;margin-left:0;padding:20px}.pin-card{width:90%;margin:20px auto}}