:root{--ui-primary:#635bff;--ui-primary-2:#8b5cf6;--ui-ink:#14213d;--ui-muted:#64748b;--ui-bg:#f5f7fb;--ui-card:#fff;--ui-border:#e7ebf3;--ui-radius:18px}
html,body{min-height:100%;} body{background:var(--ui-bg);color:var(--ui-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
#merchant-sidebar{font-family:inherit} #merchant-sidebar .sidebar-panel{background:linear-gradient(180deg,#fff 0%,#f8f9ff 100%);border-right:1px solid var(--ui-border);box-shadow:12px 0 35px #1e293b0b}
#merchant-sidebar .nav-item{border-radius:14px!important;color:#506078!important} #merchant-sidebar .nav-item:hover{background:#eef0ff!important;color:var(--ui-primary)!important} #merchant-sidebar .nav-item.active{background:linear-gradient(135deg,#ecebff,#f1edff)!important;color:var(--ui-primary)!important}
#merchant-sidebar .nav-item.active:after{background:var(--ui-primary)!important;border-radius:4px}
.card,.panel,.settings-card,.invoice-card,.stat-card,.bg-white.rounded-lg,.bg-white.rounded-xl{border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:0 10px 28px #1e293b0b!important}
button,.btn{border-radius:12px!important;font-weight:600;transition:transform .18s,box-shadow .18s} button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #635bff22}
input,select,textarea{border-radius:11px!important;border-color:var(--ui-border)!important} input:focus,select:focus,textarea:focus{border-color:var(--ui-primary)!important;box-shadow:0 0 0 3px #635bff1c!important}
.navbar{border-bottom:1px solid var(--ui-border)!important;box-shadow:0 3px 16px #1e293b0a!important}
.public-header{background:#ffffffdd!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--ui-border)}
@media(max-width:767px){body:has(#merchant-sidebar){padding-left:0!important}#merchant-sidebar{width:18rem}.container{max-width:100%}}