*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:#f5f7fa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.layout-container{height:100%;display:flex}.layout-sider{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f766e,#065f46)}.layout-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.layout-header{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.layout-main{flex:1;padding:20px;overflow:auto}.logo-container{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo-container .logo-text{font-size:18px;font-weight:600;color:#fff;white-space:nowrap}.logo-container .logo-icon{font-size:24px;color:#10b981}.page-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}.page-header{margin-bottom:20px}.page-header .page-title{font-size:20px;font-weight:600;color:#1f2937}.page-header .page-description{margin-top:4px;font-size:14px;color:#6b7280}.search-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-bar .search-item{min-width:200px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-bar .action-left,.action-bar .action-right{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}.stat-card .stat-title{font-size:14px;color:#6b7280;margin-bottom:8px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#1f2937}.stat-card .stat-icon{float:right;font-size:32px;opacity:.2}.stat-card.primary{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.primary .stat-title,.stat-card.primary .stat-value,.stat-card.primary .stat-icon{color:#fff}.stat-card.success{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.success .stat-title,.stat-card.success .stat-value,.stat-card.success .stat-icon{color:#fff}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.warning .stat-title,.stat-card.warning .stat-value,.stat-card.warning .stat-icon{color:#fff}.stat-card.info{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-card.info .stat-title,.stat-card.info .stat-value,.stat-card.info .stat-icon{color:#fff}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669)}.login-container .login-card{width:400px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003}.login-container .login-card .login-title{text-align:center;margin-bottom:32px}.login-container .login-card .login-title h1{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.login-container .login-card .login-title p{font-size:14px;color:#6b7280}.login-container .login-card .login-form .n-form-item{margin-bottom:20px}.login-container .login-card .login-button{width:100%;height:44px;font-size:16px}.login-container .login-card .login-footer{margin-top:20px;text-align:center}.login-container .login-card .login-footer a{color:#10b981;text-decoration:none}.login-container .login-card .login-footer a:hover{text-decoration:underline}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 768px){.layout-main{padding:12px}.search-bar .search-item{min-width:100%}.action-bar{flex-direction:column;gap:12px}.action-bar .action-left,.action-bar .action-right{width:100%;justify-content:flex-start}}