@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-color:#e5e9f0;--glass-bg:#fff6;--glass-card:#ffffff73;--glass-border:#ffffffb3;--text-main:#1d1d1f;--text-muted:#86868b;--accent-primary:#0ea5e9;--accent-gradient:linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);--accent-green:#05cd99;--accent-orange:#ffce20;--radius-sm:14px;--radius-md:20px;--radius-lg:30px;--shadow-soft:0 18px 40px #7090b01f;--shadow-hover:0 20px 40px #7090b033;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#b3d9ff 0,#0000 50%),radial-gradient(at 100% 0,#80eaffcc 0,#0000 50%),radial-gradient(at 100% 100%,#cdf 0,#0000 50%),radial-gradient(at 0 100%,#9dfc 0,#0000 50%);background-attachment:fixed;width:100vw;height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#app{width:100%;height:100%;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft), inset 0 1px 0 #fffc;border-radius:var(--radius-lg);transition:all var(--transition-smooth)}.glass-card{background:var(--glass-card);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft), inset 0 1px 0 #fff9;border-radius:var(--radius-md);transition:all var(--transition-smooth)}.glass-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}.text-muted{color:var(--text-muted);font-size:.9rem;font-weight:500}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-smooth);text-shadow:0 1px 2px #0003;white-space:nowrap;border:1px solid #fff3;border-radius:12px;padding:14px 24px;font-family:inherit;font-size:1.05rem;font-weight:600;box-shadow:0 8px 20px #0284c740,inset 0 1px 1px #fff6}.btn-primary:hover:not(:disabled){background:linear-gradient(#7dd3fc 0%,#0ea5e9 100%);transform:translateY(-2px);box-shadow:0 12px 28px #0284c759,inset 0 1px 1px #fff9}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0284c733,inset 0 1px #fff3}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;text-shadow:none;background:#cbd5e1;border:none}.btn-secondary{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-smooth);background:#fffc;border:1px solid #ffffffe6;padding:10px 20px;font-family:inherit;font-weight:600;box-shadow:0 4px 12px #00000005}.btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.icon-box{width:48px;height:48px;color:var(--accent-primary);background:#f4f7fe;border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-entrance{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.app-layout[data-v-c8db5897]{box-sizing:border-box;gap:32px;width:100%;height:100vh;padding:24px;display:flex}.theme-green[data-v-c8db5897]{--accent-primary:#05cd99;--accent-gradient:linear-gradient(135deg, #05cd99 0%, #04b082 100%)}.sidebar[data-v-c8db5897]{flex-direction:column;width:280px;height:100%;padding:32px 24px;display:flex}.logo[data-v-c8db5897]{align-items:center;gap:16px;padding:0 8px 40px;display:flex}.logo-icon[data-v-c8db5897]{background:var(--accent-gradient);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;box-shadow:0 8px 16px #4318ff40}.logo h2[data-v-c8db5897]{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:1.8rem}.nav-items[data-v-c8db5897]{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.nav-items[data-v-c8db5897]::-webkit-scrollbar{display:none}.nav-item[data-v-c8db5897]{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border:none;align-items:center;gap:16px;padding:16px 20px;font-family:inherit;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.nav-item[data-v-c8db5897]:hover{color:var(--text-main);background:#ffffff80}.nav-item.active[data-v-c8db5897]{background:var(--accent-primary);color:#fff;box-shadow:0 10px 20px #4318ff33}.user-profile[data-v-c8db5897]{border-radius:var(--radius-md);background:#fff6;align-items:center;gap:16px;margin-top:auto;padding:20px;display:flex}.avatar img[data-v-c8db5897]{object-fit:cover;border-radius:50%;width:44px;height:44px}.user-info[data-v-c8db5897]{flex-direction:column;display:flex}.user-info .name[data-v-c8db5897]{font-size:1rem;font-weight:700}.main-content[data-v-c8db5897]{flex-direction:column;flex:1;height:100%;padding-top:32px;padding-right:12px;display:flex;overflow-y:auto}.main-content[data-v-c8db5897]::-webkit-scrollbar{display:none}.main-content[data-v-c8db5897]{-ms-overflow-style:none;scrollbar-width:none}.top-bar[data-v-c8db5897]{justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-top:10px;display:flex}.greeting .mb-1[data-v-c8db5897]{margin-bottom:8px}.greeting h1[data-v-c8db5897]{color:var(--text-main);margin:0;font-size:2.2rem}.actions[data-v-c8db5897]{align-items:center;gap:20px;display:flex}.btn-secondary[data-v-c8db5897]{color:var(--text-main);cursor:pointer;transition:all var(--transition-smooth);background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:10px 20px;font-weight:600;display:flex}.btn-secondary[data-v-c8db5897]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.notification-btn[data-v-c8db5897]{cursor:pointer;width:48px;height:48px;color:var(--text-muted);transition:all var(--transition-smooth);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.notification-btn[data-v-c8db5897]:hover{color:var(--accent-primary);transform:translateY(-2px)}.notification-btn .badge[data-v-c8db5897]{background:var(--accent-red,#ef4444);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.fade-enter-active[data-v-c8db5897],.fade-leave-active[data-v-c8db5897]{transition:opacity .2s}.fade-enter-from[data-v-c8db5897],.fade-leave-to[data-v-c8db5897]{opacity:0}@media (width<=768px){.app-layout[data-v-c8db5897]{flex-direction:column;gap:0;padding:0}.sidebar[data-v-c8db5897]{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffd9;border-radius:24px 24px 0 0;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:12px 16px;position:fixed;bottom:0;left:0;overflow:auto hidden;box-shadow:0 -4px 24px #00000014}.sidebar[data-v-c8db5897]::-webkit-scrollbar{display:none}.logo[data-v-c8db5897]{display:none}.nav-items[data-v-c8db5897]{flex-direction:row;align-items:center;gap:8px;display:flex}.nav-item[data-v-c8db5897]{border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;min-width:64px;padding:8px;font-size:.7rem}.nav-item svg[data-v-c8db5897]{width:22px;height:22px}.nav-item span[data-v-c8db5897]{text-align:center;display:block}.user-profile[data-v-c8db5897]{background:0 0;flex-shrink:0;margin-top:0;margin-left:8px;padding:4px}.user-info[data-v-c8db5897]{display:none}.avatar img[data-v-c8db5897]{width:36px;height:36px}.main-content[data-v-c8db5897]{padding:16px 16px 120px}}