#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;background-color:#f5f7fa}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{padding:20px}.page-header{margin-bottom:20px}.page-header h1{color:#303133;margin:0 0 10px 0}.page-header p{color:#909399;margin:0}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.action-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}