html,body,#app{height:100%;margin:0;padding:0}#app{height:100%;display:flex;flex-direction:column;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.error-container{display:flex;justify-content:center;align-items:center;height:100vh}.error-alert{width:400px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);z-index:9999}.loading-content{text-align:center;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{margin-bottom:32px}.logo-animation{width:120px;height:120px;margin:0 auto;position:relative;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-icon{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(24,160,88,.2))}.logo-icon circle{stroke-dasharray:283;stroke-dashoffset:283;animation:drawCircle 2s ease-in-out forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.logo-icon .checkmark{stroke-dasharray:70;stroke-dashoffset:70;animation:drawCheck 1s ease-in-out 1s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.loading-text h2{font-size:28px;font-weight:600;color:#18181c;margin:0 0 12px;letter-spacing:1px}.loading-subtitle{font-size:14px;color:#666;margin:0 0 32px;font-weight:400}.loading-spinner{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px}.spinner-dot{width:10px;height:10px;background:#1890ff;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-progress{width:300px;margin:0 auto}.progress-bar{width:100%;height:4px;background:#1890ff1a;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #1890ff80}.progress-text{font-size:13px;color:#666;margin:0;font-weight:400}@media (max-width: 768px){.logo-animation{width:100px;height:100px}.loading-text h2{font-size:24px}.loading-subtitle{font-size:12px}.loading-progress{width:250px}}:root{--sidebar-width: 240px;--header-height: 64px;--mobile-breakpoint: 768px;--border-color: #eee;--text-color: #333}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.flex-between{display:flex;justify-content:space-between;align-items:center}.responsive-text{font-size:1.2rem;margin:0}@media screen and (max-width: 768px){.responsive-text{font-size:1rem}}.n-card{border-radius:8px;box-shadow:0 1px 2px #0000000d}.n-data-table{border-radius:8px;overflow:hidden}.n-button,.n-input{border-radius:4px}.n-menu{border-radius:0}.n-layout{background:#f5f7fa}.n-layout-header{background:#fff;box-shadow:0 1px 4px #00152914}.n-layout-sider{background:#fff;box-shadow:2px 0 8px #1d23290d}