*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}body.dark-mode{color:#e0e0e0;background:#1a1a2e}#app.dark-mode .navbar{background:#16213e;box-shadow:0 2px 4px #0000004d}#app.dark-mode .logo{color:#4fc3f7}#app.dark-mode .nav-links a{color:#b0b0b0}#app.dark-mode .nav-links a:hover,#app.dark-mode .nav-links a.router-link-active{color:#4fc3f7}#app.dark-mode .pagination{background:#16213e}#app.dark-mode .page-btn{color:#e0e0e0;background:#16213e;border-color:#444}#app.dark-mode .page-btn.active{color:#1a1a2e;background:#4fc3f7;border-color:#4fc3f7}#app.dark-mode .page-size-selector button{color:#e0e0e0;background:#16213e;border-color:#444}#app.dark-mode .page-size-selector button.active{color:#1a1a2e;background:#4fc3f7}#app.dark-mode .page-jump input{color:#e0e0e0;background:#16213e;border-color:#444}#app.dark-mode .page-info,#app.dark-mode .loading,#app.dark-mode .empty{color:#b0b0b0}.navbar{z-index:100;background:#fff;transition:background .3s,box-shadow .3s;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.nav-content{justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 20px;display:flex}.logo{color:#409eff;font-size:24px;font-weight:700;text-decoration:none;transition:color .3s}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:#666;cursor:pointer;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.router-link-active{color:#409eff}.theme-toggle{cursor:pointer;background:0 0;border:2px solid #ddd;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.theme-toggle:hover{background:#f0f7ff;border-color:#409eff}#app.dark-mode .theme-toggle{background:#16213e;border-color:#444}#app.dark-mode .theme-toggle:hover{background:#1a2744;border-color:#4fc3f7}.logout-btn{color:#f56c6c!important}.main-content{min-height:calc(100vh - 60px)}