/* Owner Dashboard — Leo Store style drawer + multi-page UI */
.menu-wrap{position:relative;z-index:1200}.menu-toggle{position:relative;z-index:1202}.menu-toggle[aria-expanded="true"]{opacity:0!important;pointer-events:none!important}
.side-menu{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(390px,82vw)!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:28px 22px 24px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow-y:auto!important;border:0!important;border-left:1px solid rgba(92,158,222,.18)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(10,25,43,.985),rgba(5,15,28,.99))!important;box-shadow:-30px 0 90px rgba(0,0,0,.55),-100vw 0 0 100vw rgba(0,0,0,.52)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(105%)!important;transform-origin:right center!important;transition:transform .28s cubic-bezier(.22,.8,.25,1),opacity .22s ease,visibility .22s ease!important;z-index:1201!important}.side-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
.menu-title{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 0 20px!important;margin:0 0 22px!important;border-bottom:1px solid rgba(139,177,214,.14)!important;color:#65b8ff!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.5px!important}.menu-title span::before{content:'OWNER'}.menu-title span{font-size:0!important;letter-spacing:0!important}.menu-title span::before{font-size:24px!important;font-style:italic!important;letter-spacing:-1px!important}.menu-title button{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border:1px solid rgba(112,166,214,.16)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;color:#e5f2ff!important;font-size:34px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important}
.menu-item{width:100%!important;min-height:82px!important;flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0 8px!important;border:0!important;border-bottom:1px solid rgba(139,177,214,.12)!important;border-radius:0!important;background:transparent!important;color:#edf6ff!important;text-align:left!important;cursor:pointer!important}.menu-item>span{order:2!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:0!important;background:transparent!important;font-size:22px!important;flex:0 0 38px!important}.menu-item>div{order:1!important;min-width:0!important}.menu-item b{display:block!important;font-size:18px!important;line-height:1.2!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.menu-item small{display:block!important;color:#7188a2!important;font-size:10px!important;margin-top:5px!important}.menu-item:hover{background:rgba(42,126,205,.06)!important}
.page{display:none}.page.active{display:block}.page-heading{padding:16px 0 26px}.page-heading h1{font-size:clamp(30px,6vw,46px);line-height:1.05;letter-spacing:-1.5px;margin-top:7px;background:linear-gradient(90deg,#eef7ff,#65b8ff,#eef7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-heading p{margin-top:10px;color:#7d91a9;font-size:14px;max-width:620px}.chart-period{font-size:11px;color:#7188a2}.trend-chart{width:100%;min-height:290px;border:1px solid rgba(92,158,222,.1);border-radius:16px;background:rgba(5,15,28,.45);overflow:hidden}.trend-chart svg{display:block;width:100%;height:auto;min-height:260px}.chart-grid{stroke:rgba(139,177,214,.1);stroke-width:1}.chart-axis,.chart-label{fill:#5f748c;font-size:11px}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-income{stroke:#65b8ff}.chart-profit{stroke:#61e2ae}.chart-dot{stroke:#071426;stroke-width:2}.chart-income-dot{fill:#65b8ff}.chart-profit-dot{fill:#61e2ae}.chart-empty{min-height:290px;display:grid;place-items:center;text-align:center;color:#60758d;font-size:13px;padding:30px}.chart-legend{display:flex;gap:18px;padding:12px 4px 0;color:#7f94aa;font-size:11px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-income{background:#65b8ff}.legend-profit{background:#61e2ae}.chart-last{display:flex;flex-wrap:wrap;gap:12px 22px;padding:12px 4px 0;color:#71869e;font-size:11px}.chart-last b{color:#cfe4f8}.home-product{cursor:pointer}.home-arrow{font-size:28px;color:#58718a}
@media(max-width:650px){.side-menu{width:min(390px,86vw)!important;padding:24px 18px 20px!important}.menu-title{padding-bottom:18px!important;margin-bottom:8px!important}.menu-title span::before{font-size:22px!important}.menu-title button{width:50px!important;height:50px!important}.menu-item{min-height:76px!important;padding:0 7px!important}.menu-item b{font-size:17px!important}.menu-item small{font-size:9px!important}.trend-chart{min-height:250px}.trend-chart svg{min-height:230px}.chart-last{gap:8px 14px}.page-heading{padding-top:10px}}
@media(max-width:380px){.side-menu{width:90vw!important}.menu-item{min-height:72px!important}.menu-item b{font-size:16px!important}}