@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--primary-color: #0066FF;--primary-gradient: linear-gradient(135deg, #0066FF 0%, #0052CC 100%);--bg-color: #F8F9FC;--surface-color: #FFFFFF;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--border-radius: 24px;--border-radius-sm: 12px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700}.app-container{max-width:500px;margin:0 auto;width:100%;min-height:100vh;position:relative;background:var(--bg-color);display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--border-radius);font-weight:600;font-size:16px;cursor:pointer;transition:var(--transition-smooth);border:none;width:100%;gap:10px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #0066ff4d}.btn-secondary{background:transparent;color:var(--text-primary)}.screen{padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100vh;animation:fadeIn .5s ease-out forwards}.screen-start{align-items:flex-start;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-card{background:white;border-radius:var(--border-radius);padding:24px;width:100%;box-shadow:var(--shadow-soft);margin-bottom:20px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-input{width:100%;padding:16px;border-radius:var(--border-radius-sm);border:1px solid #E5E5EA;background:#F2F2F7;font-size:16px;outline:none;transition:var(--transition-smooth)}.form-input:focus{border-color:var(--primary-color);background:white}.admin-header{position:fixed;top:0;left:0;width:100%;height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #F2F2F7;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:1000}.menu-toggle-btn{background:transparent;border:none;font-size:28px;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:background .2s ease}.menu-toggle-btn:hover{background:#F2F2F7}.header-logo{height:26px;width:auto;display:block}.user-avatar-btn{width:40px;height:40px;background:#F2F2F7;border-radius:50%;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000005;transition:transform .2s ease}.user-avatar-btn:hover{transform:scale(1.05)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:16px;color:#6e6e73}.admin-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background:#FFFFFF;box-shadow:20px 0 50px #0000000d;z-index:11000;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);font-family:Outfit,sans-serif}.admin-drawer.open{transform:translate(0)}.drawer-header{height:70px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F2F2F7}.drawer-logo{height:24px;width:auto}.drawer-close-btn{background:#F2F2F7;border:none;font-size:22px;font-weight:400;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6e6e73;transition:background .2s ease}.drawer-close-btn:hover{background:#E5E5EA;color:#111}.drawer-shop-info{display:flex;align-items:center;gap:16px;padding:24px;background:#FAFAFC;border-bottom:1px solid #F2F2F7}.drawer-shop-avatar{width:48px;height:48px;border-radius:14px;background:#0066FF;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;box-shadow:0 4px 10px #06f3}.drawer-shop-avatar img{width:100%;height:100%;object-fit:cover}.drawer-shop-details{min-width:0}.drawer-shop-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-shop-slug{font-size:12px;color:#8e8e93;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-nav{flex:1;padding:20px 0;overflow-y:auto}.drawer-nav-item{display:flex;align-items:center;gap:16px;padding:14px 20px;margin:4px 16px;border-radius:14px;color:#48484a;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease}.drawer-nav-item:hover{background:#F2F2F7;color:#1c1c1e}.drawer-nav-item.active{background:#EEF5FF;color:#06f}.nav-icon{font-size:22px}.drawer-footer{padding:20px 16px;border-top:1px solid #F2F2F7}.drawer-logout-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;background:#FFF5F5;border:1px solid #FFE5E5;color:#ff3b30;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.drawer-logout-btn:hover{background:#FFE5E5}.drawer-logout-btn ion-icon{font-size:20px}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10500;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-main{margin-top:70px;padding:24px;background-color:#fafafc;min-height:calc(100vh - 70px)}@media (max-width: 600px){.admin-main{padding:16px}}.logout-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(13,15,18,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeInModal .25s ease-out forwards}.logout-modal-card{background:#FFFFFF;width:calc(100% - 48px);max-width:360px;border-radius:28px;padding:32px 24px;text-align:center;box-shadow:0 20px 40px #0003;border:1px solid rgba(0,0,0,.05);animation:scaleInModal .3s cubic-bezier(.34,1.56,.64,1) forwards}.logout-modal-icon{width:64px;height:64px;background:#FFF2F2;color:#ff3b30;font-size:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.logout-modal-title{font-size:22px;font-weight:800;color:#1d1d1f;margin-bottom:8px;font-family:Outfit,sans-serif}.logout-modal-text{font-size:14px;color:#6e6e73;line-height:1.5;margin-bottom:28px;font-family:Inter,sans-serif}.logout-modal-actions{display:flex;gap:12px}.logout-btn-cancel{flex:1;height:48px;border-radius:14px;border:1px solid #E5E5EA;background:#F2F2F7;color:#1d1d1f;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.logout-btn-cancel:hover{background:#E5E5EA}.logout-btn-confirm{flex:1;height:48px;border-radius:14px;border:none;background:#FF3B30;color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #ff3b3033;transition:all .2s ease}.logout-btn-confirm:hover{background:#E02B20;box-shadow:0 6px 16px #ff3b304d}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}