:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#0f172a;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-sidebar:#0f172a;--bg-sidebar-inner:#f8fafc;--border-light:#eef2f6;--text-dark:#1e293b;--text-medium:#475569;--text-muted:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-medium);width:100%;height:100dvh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.platform-layout[data-v-40cd9159]{background:#f0f2f5;height:100dvh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.sidebar[data-v-40cd9159]{z-index:50;background:linear-gradient(#0f1923 0%,#1a2634 100%);flex-direction:column;flex-shrink:0;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed[data-v-40cd9159]{width:72px}.sidebar.collapsed .collapse-btn svg[data-v-40cd9159]{transform:rotate(180deg)}.sidebar-brand[data-v-40cd9159]{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;min-height:70px;padding:20px 16px;display:flex}.brand-icon[data-v-40cd9159]{filter:drop-shadow(0 0 10px #25d36680);text-align:center;flex-shrink:0;width:40px;font-size:1.6rem}.brand-text h1[data-v-40cd9159]{color:#fff;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700}.brand-sub[data-v-40cd9159]{color:#fff6;letter-spacing:1.5px;text-transform:uppercase;font-size:.68rem}.collapse-btn[data-v-40cd9159]{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:6px;transition:all .2s;display:flex}.collapse-btn[data-v-40cd9159]:hover{color:#fff;background:#ffffff14}.collapse-btn svg[data-v-40cd9159]{transition:transform .3s}.sidebar-nav[data-v-40cd9159]{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-item[data-v-40cd9159]{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item[data-v-40cd9159]:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active[data-v-40cd9159]{color:#25d366;background:#25d3661f}.nav-item.active .nav-icon[data-v-40cd9159]{color:#25d366}.nav-icon[data-v-40cd9159]{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nav-label[data-v-40cd9159]{white-space:nowrap}.nav-badge[data-v-40cd9159]{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.68rem;font-weight:700}.nav-badge-dot[data-v-40cd9159]{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.sidebar-footer[data-v-40cd9159]{border-top:1px solid #ffffff0f;padding:12px 8px}.user-info[data-v-40cd9159]{align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.user-avatar[data-v-40cd9159]{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.user-details[data-v-40cd9159]{flex-direction:column;display:flex}.user-name[data-v-40cd9159]{color:#fff;font-size:.82rem;font-weight:600}.user-role[data-v-40cd9159]{color:#fff6;font-size:.7rem}.logout-btn[data-v-40cd9159]:hover{color:#ef4444!important}.main-content[data-v-40cd9159]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-header[data-v-40cd9159]{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000a}.header-left[data-v-40cd9159]{align-items:center;gap:16px;display:flex}.mobile-menu-btn[data-v-40cd9159]{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;display:none}.mobile-menu-btn[data-v-40cd9159]:hover{background:#f3f4f6}.header-greeting h2[data-v-40cd9159]{color:#111827;margin:0;font-size:1.15rem;font-weight:700}.header-user[data-v-40cd9159]{color:#6b7280;font-weight:400}.mobile-title[data-v-40cd9159]{display:none}.header-right[data-v-40cd9159]{align-items:center;gap:12px;display:flex}.header-search[data-v-40cd9159]{background:#f3f4f6;border-radius:10px;align-items:center;gap:8px;min-width:280px;padding:8px 14px;display:flex}.header-search svg[data-v-40cd9159]{color:#9ca3af;flex-shrink:0}.header-search input[data-v-40cd9159]{color:#374151;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.88rem}.header-search input[data-v-40cd9159]::placeholder{color:#9ca3af}.header-icon-btn[data-v-40cd9159]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.header-icon-btn[data-v-40cd9159]:hover{color:#111;background:#f3f4f6}.notification-dot[data-v-40cd9159]{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:4px;right:2px}.header-avatar[data-v-40cd9159]{cursor:pointer;position:relative}.avatar-circle[data-v-40cd9159]{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:flex}.status-dot[data-v-40cd9159]{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.page-content[data-v-40cd9159]{flex:1;overflow:hidden auto}.bottom-nav[data-v-40cd9159]{padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px));z-index:50;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-around;display:none}.bottom-nav-item[data-v-40cd9159]{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:.68rem;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav-item.active[data-v-40cd9159]{color:#075e54;font-weight:700}.bottom-nav-item.active .bottom-nav-icon[data-v-40cd9159]{color:#075e54}.bottom-nav-icon[data-v-40cd9159]{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.bottom-nav-badge[data-v-40cd9159]{color:#fff;text-align:center;background:#ef4444;border-radius:8px;min-width:16px;padding:1px 5px;font-size:.58rem;font-weight:700;position:absolute;top:0;right:4px}.mobile-overlay[data-v-40cd9159]{z-index:1000;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-menu[data-v-40cd9159]{background:#fff;flex-direction:column;width:280px;height:100%;animation:.3s slideIn-40cd9159;display:flex}@keyframes slideIn-40cd9159{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header[data-v-40cd9159]{color:#fff;background:#0f1923;align-items:center;gap:10px;padding:16px;display:flex}.mobile-menu-header h3[data-v-40cd9159]{flex:1;margin:0;font-size:.95rem}.mobile-menu-header span[data-v-40cd9159]{color:#ffffff80;font-size:.7rem;display:block}.mobile-menu-header button[data-v-40cd9159]{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.2rem}.mobile-menu-item[data-v-40cd9159]{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:14px 20px;font-family:inherit;font-size:.92rem;text-decoration:none;transition:background .15s;display:flex}.mobile-menu-item[data-v-40cd9159]:hover{background:#f3f4f6}.mobile-menu-item.logout[data-v-40cd9159]{color:#ef4444}.mobile-menu-divider[data-v-40cd9159]{background:#e5e7eb;height:1px;margin:8px 0}@media (width<=768px){.platform-layout[data-v-40cd9159]{flex-direction:column}.sidebar[data-v-40cd9159]{display:none}.bottom-nav[data-v-40cd9159],.mobile-menu-btn[data-v-40cd9159]{display:flex}.desktop-title[data-v-40cd9159]{display:none}.mobile-title[data-v-40cd9159]{display:block}.header-search[data-v-40cd9159]{display:none}.top-header[data-v-40cd9159]{height:56px;padding:0 16px}}@media (width>=769px){.mobile-overlay[data-v-40cd9159]{display:none}}