.notif-bell-wrapper[data-v-1cd33dd4],.notif-bell[data-v-1cd33dd4]{position:relative}.notif-dropdown[data-v-1cd33dd4]{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:200}.notif-header[data-v-1cd33dd4]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.notif-title[data-v-1cd33dd4]{font-size:15px;font-weight:700}.notif-header-actions[data-v-1cd33dd4]{display:flex;gap:8px;align-items:center}.notif-mark-all[data-v-1cd33dd4],.notif-clear[data-v-1cd33dd4]{background:none;border:none;color:var(--orange);font-size:12px;cursor:pointer;font-weight:500}.notif-mark-all[data-v-1cd33dd4]:hover,.notif-clear[data-v-1cd33dd4]:hover{text-decoration:underline}.notif-clear[data-v-1cd33dd4]{color:var(--danger)}.notif-list[data-v-1cd33dd4]{max-height:360px;overflow-y:auto}.notif-item[data-v-1cd33dd4]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.notif-item[data-v-1cd33dd4]:last-child{border-bottom:none}.notif-item[data-v-1cd33dd4]:hover{background:var(--surface)}.notif-item.unread[data-v-1cd33dd4]{background:#ff6b000f}.notif-icon[data-v-1cd33dd4]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#ff6b001f}.notif-icon.order[data-v-1cd33dd4]{background:#ff6b0026}.notif-icon.system[data-v-1cd33dd4]{background:#88888826}.notif-content[data-v-1cd33dd4]{flex:1;min-width:0}.notif-item-title[data-v-1cd33dd4]{font-size:13px;font-weight:600;margin-bottom:2px}.notif-item-text[data-v-1cd33dd4]{font-size:12px;color:var(--text-secondary);line-height:1.4}.notif-item-text.truncated[data-v-1cd33dd4]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item.expanded .notif-item-text[data-v-1cd33dd4]{white-space:pre-wrap;word-break:break-word}.notif-item-time[data-v-1cd33dd4]{font-size:11px;color:var(--gray);margin-top:4px}.notif-empty[data-v-1cd33dd4]{padding:32px 16px;text-align:center;color:var(--gray);font-size:14px}.dropdown-enter-active[data-v-1cd33dd4],.dropdown-leave-active[data-v-1cd33dd4]{transition:all .2s ease}.dropdown-enter-from[data-v-1cd33dd4],.dropdown-leave-to[data-v-1cd33dd4]{opacity:0;transform:translateY(-8px)}@media (max-width: 400px){.notif-dropdown[data-v-1cd33dd4]{width:calc(100vw - 32px);right:-8px}}:root,[data-theme=dark]{--bg: #0D1117;--card: #161B22;--surface: #21262D;--border: #30363D;--text: #E6EDF3;--text-secondary: #8B949E;--gray: #6E7681;--input-bg: #21262D;--orange: #F97316;--orange-dark: #EA580C;--orange-glow: rgba(249,115,22,.15);--danger: #F85149;--success: #3FB950;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(249,115,22,.15)}[data-theme=light]{--bg: #F8FAFC;--card: #FFFFFF;--surface: #F1F5F9;--border: #E2E8F0;--text: #0F172A;--text-secondary: #475569;--gray: #94A3B8;--input-bg: #F1F5F9;--orange: #EA580C;--orange-dark: #C2410C;--orange-glow: rgba(234,88,12,.12);--danger: #DC2626;--success: #16A34A;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-glow: 0 0 20px rgba(234,88,12,.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}input,textarea,select{font-family:inherit}.leaflet-pane,.leaflet-top,.leaflet-bottom{z-index:1!important}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background:#0d1117d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000004d}[data-theme=light] .topbar{background:#f8fafcd9}.topbar-left{display:flex;align-items:center;gap:10px;cursor:pointer}.topbar-logo{width:36px;height:36px;border-radius:8px;object-fit:cover}.topbar-brand{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--orange)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon{width:36px;height:36px;border-radius:8px;border:none;background:var(--surface);color:var(--gray);cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-icon svg{width:18px;height:18px}.topbar-icon:active{background:var(--border)}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card)}.topbar-icon{position:relative}.main-content{flex:1;padding:16px;overflow-y:auto}.main-content.has-topbar{padding-top:68px}.main-content.has-bottombar{padding-bottom:80px}.main-content.landing-mode{padding:0}.bottombar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;background:var(--card);box-shadow:0 -2px 10px #0000004d;padding-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light] .bottombar{box-shadow:0 -1px 3px #0000000f}.bottombar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0;background:none;border:none;color:var(--gray);font-size:11px;cursor:pointer;transition:color .2s ease,transform .15s ease}.bottombar-item:active{transform:scale(.92)}.bottombar-item svg{width:22px;height:22px;transition:transform .2s ease}.bottombar-item.active{color:var(--orange)}.bottombar-item.active svg{transform:scale(1.1)}.bottombar-item.primary{color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-dark));margin:-4px 0;box-shadow:var(--shadow-glow)}.bottombar-item.primary svg{width:28px;height:28px}.bottombar-item.primary span{font-weight:600}.badge{position:absolute;top:4px;right:50%;transform:translate(14px);background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1}.bottombar-item{position:relative}.page-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700;margin-bottom:16px}.card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:12px;border:none;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 2px 8px #f973164d}.btn-orange:hover{box-shadow:0 4px 16px #f9731666;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn-danger{background:linear-gradient(135deg,var(--danger),#B91C1C);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success),#15803D);color:#fff}.btn-sm{padding:8px 14px;font-size:13px;width:auto}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5);transform:none}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:12px 14px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}.form-input::placeholder{color:var(--text-secondary)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.error-text{color:var(--danger);font-size:13px;margin-top:8px}.info-text{font-size:12px;color:var(--orange);background:var(--orange-glow);padding:10px;border-radius:10px;margin-bottom:14px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-orange{background:var(--orange-glow);color:var(--orange)}.badge-green{background:#3fb95026;color:var(--success)}.badge-red{background:#f8514926;color:var(--danger)}.badge-gray{background:#6e768126;color:var(--gray)}.badge-yellow{background:#eab30826;color:#eab308}.empty-state{text-align:center;padding:48px 24px;color:var(--gray)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.3}.text-red{color:var(--danger)}.text-green{color:var(--success)}.text-orange{color:var(--orange)}@media (min-width: 768px){.main-content{max-width:480px;margin:0 auto}}