:root{--app-surface:#f8f8f6;--app-card:#fff;--app-tint:#e7f2ec;--app-shadow:0 8px 24px rgba(22,36,31,.08)}html{background:#e7eae6;-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--app-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}.app{min-height:100dvh;padding:18px 16px calc(104px + env(safe-area-inset-bottom));background:var(--app-surface)}.app-navbar{min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:0;background:#f8f8f6d1;box-shadow:0 1px #16241f0f}.app-brand{gap:10px;font-size:15px;letter-spacing:-.2px}.app-brand img{width:36px;height:36px;border-radius:12px;box-shadow:0 2px 6px #16241f24}.top-menu summary{width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #16241f17}.top{padding:12px 4px 20px}.top h1{font-size:28px;letter-spacing:-1.1px}.eyebrow{font-family:inherit;font-size:10px;font-weight:800;letter-spacing:1px}.section-title{margin-bottom:11px}.section-title h2{font-size:20px;letter-spacing:-.7px}.stock-card,.panel{border:0;border-radius:20px;box-shadow:0 1px #16241f0a,var(--app-shadow)}.stock-card{min-height:112px;padding:15px}.panel{padding:18px;margin-top:20px}.stock-icon,.round{width:36px;height:36px;border-radius:12px}.stock-card strong{font-size:24px}.stock-card p{font-size:12px}.form-grid{gap:14px}.form-grid input,.form-grid select,.login-card input:not([type=checkbox]){min-height:48px;padding:12px 13px;border:1px solid #d8dfd9;border-radius:13px;background:#fbfcfa;box-shadow:inset 0 1px 2px #16241f08}.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 4px #1e6c5224}.primary,.outline{min-height:48px;border-radius:14px;font-size:14px;font-weight:800}.primary{padding:12px 18px;box-shadow:0 4px 10px #1e6c5233}.primary:active,.outline:active,.bottom-nav a:active{transform:scale(.97)}.outline{padding:10px 14px;background:#fff}.icon-action{width:38px;height:38px;border-radius:12px}.bottom-nav{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;height:68px;padding:6px 8px;border:1px solid rgba(22,36,31,.08);border-radius:22px;background:#ffffffeb;box-shadow:0 10px 30px #16241f29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{border-radius:16px;font-size:10px;letter-spacing:-.15px}.bottom-nav a span{font-size:21px}.bottom-nav a.active{background:var(--app-tint);box-shadow:inset 0 0 0 1px #1e6c520f}.login-shell{min-height:100dvh;padding:calc(10vh + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom));background:radial-gradient(circle at top right,#fff1dc 0,transparent 34%),var(--app-surface)}.login-shell h1{font-size:42px;letter-spacing:-2.3px}.brand-mark{width:58px;height:58px;border-radius:18px;box-shadow:0 8px 20px #d95b2140}.login-card{border-radius:22px;padding:20px;box-shadow:var(--app-shadow)}.tabs{gap:24px;margin-top:0;border:0}.tabs a{padding:8px 2px 10px;border-radius:0;font-size:13px}.tabs .active{border-bottom-width:3px}.list{gap:3px}.order,.activity,.user-row{padding:15px 0}.toast{border-radius:14px}.menu-panel{top:50px;border:0;border-radius:16px;box-shadow:0 14px 30px #16241f2b}@media(min-width:700px){body{background:linear-gradient(135deg,#e9ede9,#dfe5e1)}.app{width:min(100%,900px);box-shadow:0 0 36px #16241f1f}.app-navbar{width:min(100%,900px)}.bottom-nav{right:auto;bottom:12px;left:50%;width:560px;transform:translate(-50%);border-radius:22px}}