@import url('auth.css');
:root{--ink:#302832;--muted:#756d76;--line:#ecdfe6;--paper:#f8fafc;--white:#fff;--forest:#e83dbc;--green:#d92ca9;--mint:#fff0f6;--gold:#c62b79;--danger:#c93558;--shadow:0 8px 24px rgba(85,54,72,.07);--radius:12px;--brand-primary:#e83dbc;--brand-soft:#ff6fae;--brand-pastel:#ffd6e6;--brand-sky:#f5fbff}
body{background:linear-gradient(135deg,#f8fbfd 0%,#fff 52%,#fff8fb 100%)}
.sidebar{color:var(--ink);background:rgba(255,255,255,.98);border-right:1px solid var(--line);box-shadow:6px 0 24px rgba(96,57,77,.04)}.brand-logo{display:flex;width:100%;min-height:60px;align-items:center;padding:4px 8px 20px;border-bottom:1px solid var(--line)}.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}.nav-label{color:#aa8497}.nav-list a{color:#625a62}.nav-list a span{color:var(--brand-primary)}.nav-list a:hover{color:#ac276d;background:#fff4f8}.nav-list a.active{color:#fff;background:var(--brand-primary);box-shadow:0 5px 15px rgba(232,61,188,.16)}.nav-list a.active span{color:#fff}.sidebar-foot{color:#9f3c70;border-color:#f0dce6;background:#fff7fa}.sidebar-foot small{color:#a98a99}
.topbar{background:rgba(255,255,255,.94);border-color:var(--line)}.eyebrow{color:var(--brand-primary)}.avatar,.member-avatar,.member-profile-photo{color:#b82b78;background:#fff0f6}.stat-card strong{color:#b92b75}.stat-card .icon,.quick-item .icon{color:var(--brand-primary);background:#fff0f6}.btn-primary{color:#fff;background:var(--brand-primary)}.btn-primary:hover{background:#d92ca9}.btn-light{color:#a72c6c;background:#fff0f6}.btn-danger{color:#fff;background:var(--danger)}
input:focus,select:focus,textarea:focus{border-color:var(--brand-soft);box-shadow:0 0 0 3px rgba(255,111,174,.14)}th{color:#8f687d;background:#fff9fb}tbody tr:hover td{background:#fffafd}.badge-success{color:#27704e;background:#e4f5eb}.badge-warning{color:#8b5c22;background:#fff1cc}.badge-neutral{color:#675b64;background:#f5eef2}.badge-danger{color:#a52f4b;background:#fde8ee}
.loyalty-summary,.loyalty-summary.member-points,.loyalty-hero{background:var(--brand-primary)}.pos-product-image{background:#fff5f9}.pos-product-card:hover{border-color:#efb1cd;box-shadow:var(--shadow)}.pos-product-image span,.bank-account-number,.upload-mark{color:var(--brand-primary)!important}.pos-pay-button{background:var(--brand-primary)}.dropzone:hover,.dropzone.dragover{border-color:var(--brand-soft);background:#fff5f9}.payment-method-card:has(input:checked),.bank-account-card{border-color:#efb1cd;background:#fff7fa}.system-dialog::backdrop,.app-dialog::backdrop{background:rgba(54,34,45,.48)}
.login-page{background:#f8fafc}.login-visual{color:var(--ink);background:radial-gradient(circle at 15% 15%,#ffdce9 0,transparent 35%),linear-gradient(145deg,#fff,#fff6f9)}.login-brand-logo{width:min(360px,80%)}.login-brand-logo img{display:block;width:100%;height:auto}.visual-copy h1{color:#ad286f}.visual-copy>p:last-child,.visual-stats span{color:#776773}.visual-stats strong{color:var(--brand-primary)}.login-card{border-color:var(--line)}
.verification-notice{display:flex;align-items:center;justify-content:space-between;gap:16px}.verification-notice form{margin:0;flex:0 0 auto}.verification-notice .btn{white-space:nowrap}@media(max-width:650px){.verification-notice{align-items:stretch;flex-direction:column}.verification-notice .btn{width:100%}}
.nav-pending-note{display:flex;margin:12px 4px;padding:13px;flex-direction:column;gap:5px;color:#8a5e23;background:#fff6dc;border:1px solid #eed99e;border-radius:9px;font-size:12px}.nav-pending-note small{line-height:1.45}