body{margin:0;padding:0;background-color:var(--background);color:var(--text-base);font-family:var(--font-primary, "Inter", sans-serif);-webkit-font-smoothing:antialiased}#app-container{display:flex;min-height:100vh;width:100vw;overflow:hidden;background-color:var(--background)}#app-topbar{position:fixed;top:0;left:0;width:100%;height:60px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:50;transition:left .3s ease,width .3s ease}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0}#app-sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:#fff;border-right:1px solid var(--border-color);z-index:60;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px #00000005}.sidebar-header{height:60px;display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid var(--border-color)}.sidebar-logo-text{font-weight:800;font-size:1.25rem;color:var(--primary);letter-spacing:-.025em}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s}.nav-item svg{width:20px;height:20px;stroke-width:2.2;transition:stroke .2s}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-dark)}.nav-item.active{background-color:var(--primary-light);color:var(--primary-dark)}.nav-item.active svg{stroke:var(--primary-dark)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-color);background:#fafafa}#app-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:64px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:60;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 var(--space-2)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);text-decoration:none;flex:1;height:100%;position:relative;border-radius:var(--radius-md)}.bottom-nav-item span{font-size:.65rem;font-weight:600}.bottom-nav-item svg{width:22px;height:22px;stroke-width:2}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active span{font-weight:700}#app-main-content{flex:1;height:100vh;overflow-y:auto;padding-top:60px;padding-left:260px;transition:padding-left .3s cubic-bezier(.16,1,.3,1);position:relative;background-color:var(--background)}.content-wrapper{padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){#app-sidebar{transform:translate(-100%)}#app-topbar{left:0;width:100%;padding:0 var(--space-3)}#app-main-content{padding-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.content-wrapper{padding:var(--space-3)}#app-bottom-nav{display:block}}.skeleton{background:linear-gradient(-90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:400% 400%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.skeleton-text{width:100%;height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}#toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}@media(max-width:768px){#toast-container{top:20px;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:90%;align-items:center}}.toast{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;padding:14px 20px;display:flex;align-items:center;gap:12px;pointer-events:auto;border-left:4px solid var(--text-base);transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:250px;max-width:350px}.toast.show{transform:translateY(0);opacity:1}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;font-size:.9rem;font-weight:500;color:var(--text-dark)}.toast.success{border-left-color:var(--success)}.toast.success .toast-icon{color:var(--success)}.toast.danger{border-left-color:var(--danger)}.toast.danger .toast-icon{color:var(--danger)}.toast.warning{border-left-color:var(--warning)}.toast.warning .toast-icon{color:var(--warning)}.toast.info{border-left-color:var(--info)}.toast.info .toast-icon{color:var(--info)}